@bundle-stats/ui 4.2.5 → 4.2.6

package/lib/ui/tooltip/tooltip.module.css

@@ -12,14 +12,14 @@
 
 .tooltip {
   padding: var(--space-xxxsmall) var(--space-xxsmall);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-small);
   background: var(--color-light);
   max-width: 24em;
   color: var(--color-text);
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
   font-size: var(--size-xsmall);
-  line-height: var(--space-small);
+  text-align: center;
 }
 
 .arrow svg {
@@ -28,10 +28,10 @@
 }
 
 .tooltipDarkMode {
-  background: var(--color-text);
+  background: var(--color-text-dark);
   color: var(--color-light);
 }
 
 .tooltipDarkMode .arrow svg {
-  fill: var(--color-text);
+  fill: var(--color-text-dark);
 }

package/lib-esm/ui/tooltip/tooltip.module.css

@@ -12,14 +12,14 @@
 
 .tooltip {
   padding: var(--space-xxxsmall) var(--space-xxsmall);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-small);
   background: var(--color-light);
   max-width: 24em;
   color: var(--color-text);
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
   font-size: var(--size-xsmall);
-  line-height: var(--space-small);
+  text-align: center;
 }
 
 .arrow svg {
@@ -28,10 +28,10 @@
 }
 
 .tooltipDarkMode {
-  background: var(--color-text);
+  background: var(--color-text-dark);
   color: var(--color-light);
 }
 
 .tooltipDarkMode .arrow svg {
-  fill: var(--color-text);
+  fill: var(--color-text-dark);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.2.5",
+  "version": "4.2.6",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -38,7 +38,7 @@
   },
   "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
   "devDependencies": {
-    "@babel/preset-env": "7.20.2",
+    "@babel/preset-env": "7.21.4",
     "@babel/preset-react": "7.18.6",
     "@storybook/addon-essentials": "6.5.16",
     "@storybook/addon-knobs": "6.4.0",
@@ -68,8 +68,8 @@
     "react-dom": "17.0.2",
     "react-router-dom": "5.3.4",
     "react-test-renderer": "18.2.0",
-    "rimraf": "4.4.0",
-    "typescript": "4.9.5",
+    "rimraf": "4.4.1",
+    "typescript": "5.0.3",
     "typescript-plugin-css-modules": "5.0.0"
   },
   "peerDependencies": {
@@ -81,11 +81,11 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.2.5",
+    "@bundle-stats/utils": "^4.2.6",
     "ariakit": "2.0.0-next.43",
     "modern-css-reset": "1.4.0",
     "query-string": "7.1.3",
-    "use-query-params": "2.2.0"
+    "use-query-params": "2.2.1"
   },
-  "gitHead": "8d5b8fc948998fcc8f67a7c67ac7dc9ac5d57807"
+  "gitHead": "081a349dfbb5de00af75502ab295c6e3dfecec12"
 }

package/src/ui/tooltip/tooltip.module.css

@@ -12,14 +12,14 @@
 
 .tooltip {
   padding: var(--space-xxxsmall) var(--space-xxsmall);
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-small);
   background: var(--color-light);
   max-width: 24em;
   color: var(--color-text);
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
   font-size: var(--size-xsmall);
-  line-height: var(--space-small);
+  text-align: center;
 }
 
 .arrow svg {
@@ -28,10 +28,10 @@
 }
 
 .tooltipDarkMode {
-  background: var(--color-text);
+  background: var(--color-text-dark);
   color: var(--color-light);
 }
 
 .tooltipDarkMode .arrow svg {
-  fill: var(--color-text);
+  fill: var(--color-text-dark);
 }

package/types/app/header/header.d.ts

@@ -14,4 +14,4 @@ export namespace Header {
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/asset-info/asset-info.d.ts

@@ -20,5 +20,5 @@ export namespace AssetInfo {
         export { ComponentLink as CustomComponentLink };
     }
 }
-import PropTypes from "prop-types";
-import { ComponentLink } from "../component-link";
+import PropTypes from 'prop-types';
+import { ComponentLink } from '../component-link';

package/types/components/browsertime-table/browsertime-table.d.ts

@@ -11,4 +11,4 @@ export namespace BrowsertimeTable {
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/bundle-assets/bundle-assets.d.ts

@@ -47,5 +47,5 @@ export namespace BundleAssets {
         export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-assets/index.d.ts

@@ -19,4 +19,4 @@ export namespace BundleAssets {
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts

@@ -17,5 +17,5 @@ export namespace BundleAssetsTotalsChartBars {
         export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts

@@ -18,5 +18,5 @@ export namespace BundleAssetsTotalsTable {
         export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-modules/bundle-modules.d.ts

@@ -57,5 +57,5 @@ export namespace BundleModules {
         export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-modules/index.d.ts

@@ -19,4 +19,4 @@ export namespace BundleModules {
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/bundle-packages/bundle-packages.d.ts

@@ -41,5 +41,5 @@ export namespace BundlePackages {
         export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-packages/index.d.ts

@@ -19,4 +19,4 @@ export namespace BundlePackages {
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/component-link.d.ts

@@ -17,4 +17,4 @@ export namespace ComponentLink {
         export { params_1 as params };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/delta/delta.d.ts

@@ -18,4 +18,4 @@ export namespace Delta {
         export { inverted_1 as inverted };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/job-header/job-header.d.ts

@@ -23,4 +23,4 @@ export namespace JobHeader {
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/job-meta/job-meta.d.ts

@@ -15,4 +15,4 @@ export namespace JobMeta {
         export { as_1 as as };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/job-name/job-name.d.ts

@@ -23,4 +23,4 @@ export namespace JobName {
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/jobs-header/jobs-header.d.ts

@@ -13,4 +13,4 @@ export namespace JobsHeader {
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/lighthouse-table/lighthouse-table.d.ts

@@ -11,4 +11,4 @@ export namespace LighthouseTable {
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table/metrics-table.d.ts

@@ -48,4 +48,4 @@ export namespace MetricsTable {
         export { title_1 as title };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-options/metrics-table-options.d.ts

@@ -14,4 +14,4 @@ export namespace MetricsTableOptions {
         export { handleResetFilters_1 as handleResetFilters };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-search/metrics-table-search.d.ts

@@ -13,4 +13,4 @@ export namespace MetricsTableSearch {
         export { placeholder_1 as placeholder };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-title/metrics-table-title.d.ts

@@ -18,4 +18,4 @@ export namespace MetricsTableTitle {
         export { popoverInfo_1 as popoverInfo };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/module-info/module-info.d.ts

@@ -30,6 +30,6 @@ export namespace ModuleInfo {
         export { noop as onClick };
     }
 }
-import PropTypes from "prop-types";
-import { ComponentLink } from "../component-link";
-import noop from "lodash/noop";
+import PropTypes from 'prop-types';
+import { ComponentLink } from '../component-link';
+import noop from 'lodash/noop';

package/types/components/total-size-type-title/total-size-type-title.d.ts

@@ -10,4 +10,4 @@ export namespace TotalSizeTypeTitle {
         export { className_1 as className };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/layout/footer/footer.d.ts

@@ -14,4 +14,4 @@ export namespace Footer {
         export { version_1 as version };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/layout/separator.d.ts

@@ -3,11 +3,11 @@ export namespace Separator {
     export { propTypes };
     export { defaultProps };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare namespace propTypes {
     const className: PropTypes.Requireable<string>;
 }
-import React from "react";
+import React from 'react';
 declare namespace defaultProps {
     const className_1: string;
     export { className_1 as className };

package/types/layout/stack/stack.d.ts

@@ -16,5 +16,5 @@ export namespace Stack {
         export const space: PropTypes.Requireable<"no-space" | "xxxsmall" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge">;
     }
 }
-import { NO_SPACE } from "../../tokens";
-import PropTypes from "prop-types";
+import { NO_SPACE } from '../../tokens';
+import PropTypes from 'prop-types';

package/types/ui/alert/alert.d.ts

@@ -12,4 +12,4 @@ export namespace Alert {
         export { kind_1 as kind };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/dropdown/dropdown.d.ts

@@ -22,7 +22,7 @@ export namespace Dropdown {
     }
     export { Item };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare function Item({ className, isActive, ...restProps }: {
     [x: string]: any;
     className?: string | undefined;

package/types/ui/empty-set/empty-set.d.ts

@@ -13,4 +13,4 @@ export namespace EmptySet {
         export { handleViewAll_1 as handleViewAll };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/file-name/file-name.d.ts

@@ -18,4 +18,4 @@ export namespace FileName {
         export { name_1 as name };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/filters/filters.d.ts

@@ -11,4 +11,4 @@ export namespace Filters {
         export const toggleFilter: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/filters/index.d.ts

@@ -9,4 +9,4 @@ export namespace Filters {
         export { onChange_1 as onChange };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts

@@ -19,4 +19,4 @@ export namespace HorizontalBarChart {
         export { maxValue_1 as maxValue };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/hover-card/hover-card.d.ts

@@ -24,4 +24,4 @@ export namespace HoverCard {
         export { href_1 as href };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/icon/icon.d.ts

@@ -36,5 +36,5 @@ declare namespace ICONS {
     const SORT: string;
     const WARNING: string;
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 export {};

package/types/ui/input/input.d.ts

@@ -15,4 +15,4 @@ export namespace Input {
         export { size_1 as size };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/loader/loader.d.ts

@@ -20,4 +20,4 @@ export namespace Loader {
         export { size_1 as size };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/panels/panels.d.ts

@@ -15,4 +15,4 @@ export namespace Panels {
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/skeleton/skeleton.d.ts

@@ -14,4 +14,4 @@ export namespace Skeleton {
         export { block_1 as block };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/sort-dropdown/sort-dropdown.d.ts

@@ -21,4 +21,4 @@ export namespace SortDropdown {
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/table/table.d.ts

@@ -31,4 +31,4 @@ export namespace Table {
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/tabs/tabs.d.ts

@@ -13,7 +13,7 @@ export namespace Tabs {
     }
     export { Item };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare function Item({ isTabActive, as: Component, className, ...restProps }: {
     [x: string]: any;
     isTabActive: any;

package/types/ui/tag/tag.d.ts

@@ -31,4 +31,4 @@ export namespace Tag {
     export { KINDS };
     export { SIZES };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/toolbar/toolbar.d.ts

@@ -12,4 +12,4 @@ export namespace Toolbar {
         export { renderActions_1 as renderActions };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';