@bundle-stats/ui 4.3.0-beta.3 → 4.3.0-rc.0

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

@@ -33,8 +33,9 @@ declare namespace ICONS {
     const INFO: string;
     const HELP: string;
     const MENU: string;
+    const MORE_VERTICAL: string;
     const SORT: string;
     const WARNING: string;
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 export {};

package/types/ui/index.d.ts

@@ -9,7 +9,6 @@ export { HoverCard } from "./hover-card";
 export { Icon } from "./icon";
 export { Input } from "./input";
 export { Loader } from "./loader";
-export { Panels } from "./panels";
 export { Skeleton } from "./skeleton";
 export { SortDropdown } from "./sort-dropdown";
 export { Table } from "./table";

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/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/index.d.ts

@@ -1 +1 @@
-export * from "./table";
+export * from './table';

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

@@ -1,34 +1,15 @@
-export function Table({ className, emptyMessage, compact, outline, children }: {
-    className: any;
-    emptyMessage: any;
-    compact: any;
-    outline: any;
-    children: any;
-}): JSX.Element;
-export namespace Table {
-    const THead: string;
-    const TBody: string;
-    const Tr: string;
-    const Th: string;
-    const Td: string;
-    namespace defaultProps {
-        const className: string;
-        const emptyMessage: string;
-        const children: null;
-        const compact: boolean;
-        const outline: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const emptyMessage_1: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        export { emptyMessage_1 as emptyMessage };
-        const compact_1: PropTypes.Requireable<boolean>;
-        export { compact_1 as compact };
-        const outline_1: PropTypes.Requireable<boolean>;
-        export { outline_1 as outline };
-        const children_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export { children_1 as children };
-    }
+import React from 'react';
+interface TableProps {
+    emptyMessage?: React.ReactNode;
+    compact?: boolean;
+    outline?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Table: {
+    (props: TableProps & React.ComponentProps<'table'>): JSX.Element;
+    THead: React.ElementType<any>;
+    TBody: React.ElementType<any>;
+    Tr: React.ElementType<any>;
+    Th: React.ElementType<any>;
+    Td: React.ElementType<any>;
+};
+export {};

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/index.d.ts

@@ -1 +1 @@
-export * from "./tag";
+export * from './tag';

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

@@ -1,34 +1,23 @@
-export namespace KINDS {
-    const DEFAULT: string;
-    const SUCCESS: string;
-    const INFO: string;
-    const WARNING: string;
-    const DANGER: string;
+import React from 'react';
+import { KIND, SIZE } from '../../tokens';
+interface TagProps {
+    as?: React.ElementType;
+    kind?: (typeof KIND)[keyof typeof KIND];
+    size?: (typeof SIZE)[keyof typeof SIZE];
 }
-export namespace SIZES {
-    const SMALL: string;
-    const MEDIUM: string;
-    const LARGE: string;
-}
-export function Tag(props: any): JSX.Element;
-export namespace Tag {
-    export namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const kind: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-    }
-    export namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const as_1: string;
-        export { as_1 as as };
-        import kind_1 = KINDS.DEFAULT;
-        export { kind_1 as kind };
-        import size_1 = SIZES.MEDIUM;
-        export { size_1 as size };
-    }
-    export { KINDS };
-    export { SIZES };
-}
-import PropTypes from "prop-types";
+export declare const Tag: {
+    (props: TagProps & React.ComponentProps<'span'>): JSX.Element;
+    KINDS: {
+        readonly DEFAULT: "default";
+        readonly SUCCESS: "success";
+        readonly INFO: "info";
+        readonly WARNING: "warning";
+        readonly DANGER: "danger";
+    };
+    SIZES: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+    };
+};
+export {};

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';

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

@@ -1 +1 @@
-export * from "./tooltip";
+export * from './tooltip';

package/types/ui/tooltip/tooltip.d.ts

@@ -1,29 +1,11 @@
-export function Tooltip(props: any): JSX.Element;
-export namespace Tooltip {
-    namespace defaultProps {
-        const className: string;
-        const tooltipClassName: string;
-        const title: string;
-        const as: string;
-        const containerRef: null;
-        const darkMode: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const tooltipClassName_1: PropTypes.Requireable<string>;
-        export { tooltipClassName_1 as tooltipClassName };
-        const title_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { title_1 as title };
-        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        const as_1: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
-        export { as_1 as as };
-        const containerRef_1: PropTypes.Requireable<PropTypes.InferProps<{
-            current: PropTypes.Requireable<object>;
-        }>>;
-        export { containerRef_1 as containerRef };
-        const darkMode_1: PropTypes.Requireable<boolean>;
-        export { darkMode_1 as darkMode };
-    }
+import React from 'react';
+interface TooltipProps<T extends React.ElementType> {
+    className?: string;
+    tooltipClassName?: string;
+    title?: React.ReactNode;
+    as?: T;
+    containerRef?: React.RefObject<HTMLElement>;
+    darkMode?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Tooltip: <T extends React.ElementType<any> = "span">(props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>) => JSX.Element;
+export {};

package/lib/components/summary-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-item/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/lib/components/summary-item/summary-item.js

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryItem = void 0;
-const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("@bundle-stats/utils");
-const icon_1 = require("../../ui/icon");
-const hover_card_1 = require("../../ui/hover-card");
-const skeleton_1 = require("../../ui/skeleton");
-const flex_stack_1 = require("../../layout/flex-stack");
-const stack_1 = require("../../layout/stack");
-const metric_1 = require("../metric");
-const delta_1 = require("../delta");
-const summary_item_module_css_1 = __importDefault(require("./summary-item.module.css"));
-const MetricInfo = ({ description, url }) => {
-    const onClick = (0, react_1.useCallback)(() => {
-        if (url) {
-            window.open(url);
-        }
-    }, [url]);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
-        react_1.default.createElement("p", null, description),
-        url && (react_1.default.createElement("p", null,
-            react_1.default.createElement("button", { type: "button", onClick: onClick, className: summary_item_module_css_1.default.readMoreLink }, "Read more")))));
-};
-MetricInfo.propTypes = {
-    description: prop_types_1.default.string.isRequired,
-    url: prop_types_1.default.string,
-};
-MetricInfo.defaultProps = {
-    url: '',
-};
-const SummaryItem = ({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }) => {
-    const { baseline, current } = data || { baseline: 0, current: 0 };
-    const metric = (0, utils_1.getGlobalMetricType)(id);
-    const runInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline);
-    const showMetricDescriptionTooltip = showMetricDescription && metric?.description;
-    const rootClassName = (0, classnames_1.default)(summary_item_module_css_1.default.root, className, summary_item_module_css_1.default[size], showDelta && summary_item_module_css_1.default.showDelta);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...props },
-        react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: summary_item_module_css_1.default.title },
-            react_1.default.createElement("span", null, metric.label),
-            showMetricDescriptionTooltip && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: summary_item_module_css_1.default.titleIcon },
-                react_1.default.createElement(MetricInfo, { ...metric })))),
-        !loading ? (react_1.default.createElement(stack_1.Stack, null,
-            react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.currentMetric, value: current, formatter: metric.formatter, enhanced: true, inline: true }, showDelta && (react_1.default.createElement(delta_1.Delta, { className: summary_item_module_css_1.default.delta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))),
-            react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.baselineMetric, value: baseline, formatter: metric.formatter }))) : (react_1.default.createElement(stack_1.Stack, null,
-            react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.currentMetric, summary_item_module_css_1.default.loading) }),
-            react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.baselineMetric, summary_item_module_css_1.default.loading) })))));
-};
-exports.SummaryItem = SummaryItem;
-exports.SummaryItem.defaultProps = {
-    className: '',
-    as: 'div',
-    data: null,
-    size: 'medium',
-    loading: false,
-    showMetricDescription: false,
-    showDelta: true,
-};
-exports.SummaryItem.propTypes = {
-    className: prop_types_1.default.string,
-    as: prop_types_1.default.elementType,
-    size: prop_types_1.default.oneOf(['medium', 'large']),
-    id: prop_types_1.default.string.isRequired,
-    loading: prop_types_1.default.bool,
-    data: prop_types_1.default.object,
-    showMetricDescription: prop_types_1.default.bool,
-    showDelta: prop_types_1.default.bool,
-};
-//# sourceMappingURL=summary-item.js.map

package/lib/components/summary-item/summary-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"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"}

package/lib/ui/panels/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panels = void 0;
-var panels_1 = require("./panels");
-Object.defineProperty(exports, "Panels", { enumerable: true, get: function () { return panels_1.Panels; } });
-//# sourceMappingURL=index.js.map

package/lib/ui/panels/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/panels/index.js"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/lib/ui/panels/panels.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panels = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const panels_module_css_1 = __importDefault(require("./panels.module.css"));
-const cloneElement = (element) => {
-    const { className, ...restProps } = element.props;
-    return react_1.default.cloneElement(element, {
-        ...restProps,
-        className: (0, classnames_1.default)(panels_module_css_1.default.panel, className),
-    });
-};
-const Panels = ({ className, children, ...restProps }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(panels_module_css_1.default.root, className), ...restProps }, react_1.default.Children.map(children, cloneElement)));
-exports.Panels = Panels;
-exports.Panels.defaultProps = {
-    className: '',
-    children: null,
-};
-exports.Panels.propTypes = {
-    className: prop_types_1.default.string,
-    children: prop_types_1.default.node,
-};
-//# sourceMappingURL=panels.js.map

package/lib/ui/panels/panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panels.js","sourceRoot":"","sources":["../../../src/ui/panels/panels.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,4EAAsC;AAEtC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAElD,OAAO,eAAK,CAAC,YAAY,CACvB,OAAO,EACP;QACE,GAAG,SAAS;QACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,KAAK,EAAE,SAAS,CAAC;KACpC,CACF,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC/D,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,IAEZ,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CACvC,CACP,CAAC;AAPW,QAAA,MAAM,UAOjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}

package/lib/ui/panels/panels.module.css

@@ -1,23 +0,0 @@
-.root {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.panel {
-  flex: 1 1 100%;
-}
-
-.panel + .panel {
-  margin-top: var(--space-medium);
-}
-
-@media (min-width: 768px) {
-  .root {
-    flex-wrap: nowrap;
-  }
-
-  .panel + .panel {
-    margin-top: 0;
-    margin-left: var(--space-medium);
-  }
-}

package/lib-esm/components/summary-item/index.js

@@ -1,2 +0,0 @@
-export * from './summary-item';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/summary-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-item/index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib-esm/components/summary-item/summary-item.js

@@ -1,67 +0,0 @@
-import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
-import { Icon } from '../../ui/icon';
-import { HoverCard } from '../../ui/hover-card';
-import { Skeleton } from '../../ui/skeleton';
-import { FlexStack } from '../../layout/flex-stack';
-import { Stack } from '../../layout/stack';
-import { Metric } from '../metric';
-import { Delta } from '../delta';
-import css from './summary-item.module.css';
-const MetricInfo = ({ description, url }) => {
-    const onClick = useCallback(() => {
-        if (url) {
-            window.open(url);
-        }
-    }, [url]);
-    return (React.createElement(Stack, { space: "xxxsmall" },
-        React.createElement("p", null, description),
-        url && (React.createElement("p", null,
-            React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink }, "Read more")))));
-};
-MetricInfo.propTypes = {
-    description: PropTypes.string.isRequired,
-    url: PropTypes.string,
-};
-MetricInfo.defaultProps = {
-    url: '',
-};
-export const SummaryItem = ({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }) => {
-    const { baseline, current } = data || { baseline: 0, current: 0 };
-    const metric = getGlobalMetricType(id);
-    const runInfo = getMetricRunInfo(metric, current, baseline);
-    const showMetricDescriptionTooltip = showMetricDescription && (metric === null || metric === void 0 ? void 0 : metric.description);
-    const rootClassName = cx(css.root, className, css[size], showDelta && css.showDelta);
-    return (React.createElement(Stack, { space: "xxsmall", as: Component, className: rootClassName, ...props },
-        React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
-            React.createElement("span", null, metric.label),
-            showMetricDescriptionTooltip && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: css.titleIcon },
-                React.createElement(MetricInfo, { ...metric })))),
-        !loading ? (React.createElement(Stack, null,
-            React.createElement(Metric, { className: css.currentMetric, value: current, formatter: metric.formatter, enhanced: true, inline: true }, showDelta && (React.createElement(Delta, { className: css.delta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))),
-            React.createElement(Metric, { className: css.baselineMetric, value: baseline, formatter: metric.formatter }))) : (React.createElement(Stack, null,
-            React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
-            React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
-};
-SummaryItem.defaultProps = {
-    className: '',
-    as: 'div',
-    data: null,
-    size: 'medium',
-    loading: false,
-    showMetricDescription: false,
-    showDelta: true,
-};
-SummaryItem.propTypes = {
-    className: PropTypes.string,
-    as: PropTypes.elementType,
-    size: PropTypes.oneOf(['medium', 'large']),
-    id: PropTypes.string.isRequired,
-    loading: PropTypes.bool,
-    data: PropTypes.object,
-    showMetricDescription: PropTypes.bool,
-    showDelta: PropTypes.bool,
-};
-//# sourceMappingURL=summary-item.js.map

package/lib-esm/components/summary-item/summary-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"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"}

package/lib-esm/ui/panels/index.js

@@ -1,2 +0,0 @@
-export { Panels } from './panels';
-//# sourceMappingURL=index.js.map

package/lib-esm/ui/panels/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/panels/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/lib-esm/ui/panels/panels.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import css from './panels.module.css';
-const cloneElement = (element) => {
-    const { className, ...restProps } = element.props;
-    return React.cloneElement(element, {
-        ...restProps,
-        className: cx(css.panel, className),
-    });
-};
-export const Panels = ({ className, children, ...restProps }) => (React.createElement("div", { className: cx(css.root, className), ...restProps }, React.Children.map(children, cloneElement)));
-Panels.defaultProps = {
-    className: '',
-    children: null,
-};
-Panels.propTypes = {
-    className: PropTypes.string,
-    children: PropTypes.node,
-};
-//# sourceMappingURL=panels.js.map

package/lib-esm/ui/panels/panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panels.js","sourceRoot":"","sources":["../../../src/ui/panels/panels.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAElD,OAAO,KAAK,CAAC,YAAY,CACvB,OAAO,EACP;QACE,GAAG,SAAS;QACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC;KACpC,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC/D,6BACE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,IAEZ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CACvC,CACP,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC"}

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

@@ -1,23 +0,0 @@
-.root {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.panel {
-  flex: 1 1 100%;
-}
-
-.panel + .panel {
-  margin-top: var(--space-medium);
-}
-
-@media (min-width: 768px) {
-  .root {
-    flex-wrap: nowrap;
-  }
-
-  .panel + .panel {
-    margin-top: 0;
-    margin-left: var(--space-medium);
-  }
-}