@bundle-stats/ui 4.3.0-rc.2 → 4.3.2

package/src/components/job-header/job-header.jsx

@@ -18,29 +18,32 @@ export const JobHeader = (props) => {
 
   return (
     <Stack className={rootClassName} space="xxsmall">
-      <h1 className={css.title}>
-        <span>{`#${job.internalBuildNumber}`}</span>
-        {tag && <Tag className={css.tag}>{tag}</Tag>}
-      </h1>
-      <FlexStack space="xxsmall" className={css.meta}>
+      <FlexStack space="xsmall" alignItems="center">
+        <FlexStack space="xxxsmall" as="h1" className={css.title}>
+          <span>{`#${job.internalBuildNumber}`}</span>
+          {tag && <Tag className={css.tag}>{tag}</Tag>}
+        </FlexStack>
+
         {builtAt && (
-          <FlexStack space="xxxsmall" alignItems="center" inline as="span" title={builtAt}>
-            <Icon glyph="clock" />
-            <span>
+          <FlexStack space="xxxsmall" alignItems="center" inline as="span" title={builtAt} className={css.meta}>
+            <Icon glyph="clock" className={css.metaIcon} />
+            <span className={css.metaText}>
               {formatDateTime({ dateStyle: 'medium', timeStyle: 'medium' }, builtAt)}
             </span>
           </FlexStack>
         )}
 
         {hash && (
-          <FlexStack space="xxxsmall" alignItems="center" inline title="Webpack bundle hash">
-            <Icon glyph="commit" />
-            <span>{hash}</span>
+          <FlexStack space="xxxsmall" alignItems="center" inline title="Webpack bundle hash" className={css.meta}>
+            <Icon glyph="commit" className={css.metaIcon} />
+            <span className={css.metaText}>{hash.slice(0, 7)}</span>
           </FlexStack>
         )}
-
-        <div className={css.content}>{children}</div>
       </FlexStack>
+      {children && (<FlexStack space="xxsmall" className={css.meta}>
+          <div className={css.content}>{children}</div>
+        </FlexStack>
+      )}
     </Stack>
   );
 };

package/src/components/jobs-header/jobs-header.module.css

@@ -1,12 +1,10 @@
 .root {
-  align-items: stretch;
-  flex-wrap: wrap;
   padding: var(--space-small) 0;
 }
 
 .item {
   flex: 0 0 auto;
-  padding: 0 var(--space-medium);
+  padding: 0 var(--space-small);
   border-left: 1px solid var(--color-outline);
 }
 
@@ -14,3 +12,23 @@
   border-left: 0;
   padding-left: 0;
 }
+
+.itemTitle {
+  font-size: var(--size-xlarge);
+  line-height: 1;
+  font-weight: bold;
+  vertical-align: top;
+}
+
+.itemTag {
+  margin-left: var(--space-xxsmall);
+  vertical-align: top;
+  outline: 1px solid var(--color-outline);
+  background: var(--color-highlight);
+  color: var(--color-text-light);
+}
+
+.itemMeta {
+  font-size: var(--size-small);
+  color: var(--color-text-light);
+}

package/src/components/jobs-header/jobs-header.stories.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+import { getWrapperDecorator } from '../../stories';
+import { JobsHeader } from '.';
+
+export default {
+  title: 'Components/JobsHeader',
+  component: JobsHeader,
+  decorators: [getWrapperDecorator()],
+};
+
+export const Default = () => (
+  <JobsHeader
+    jobs={[
+      {
+        internalBuildNumber: 1,
+        meta: {
+          webpack: {
+            builtAt: '2019-01-01T00:00:00.000Z',
+            hash: 'abcd1234',
+          },
+        },
+      },
+    ]}
+  />
+);
+
+export const MultipleJobs = () => (
+  <JobsHeader
+    jobs={[
+      {
+        internalBuildNumber: 1,
+        meta: {
+          webpack: {
+            builtAt: '2019-01-01T00:00:00.000Z',
+            hash: 'abcd1234',
+          },
+        },
+      },
+      {
+        internalBuildNumber: 2,
+        meta: {
+          webpack: {
+            builtAt: '2019-01-02T00:00:00.000Z',
+            hash: 'efgh1234',
+          },
+        },
+      },
+    ]}
+  />
+);

package/src/components/jobs-header/jobs-header.tsx

@@ -0,0 +1,91 @@
+import React from 'react';
+import cx from 'classnames';
+import { formatDateTime } from '@bundle-stats/utils';
+
+import I18N from '../../i18n';
+import { FlexStack } from '../../layout/flex-stack';
+import { Stack } from '../../layout/stack';
+import { Icon } from '../../ui/icon';
+import { Tag } from '../../ui/tag';
+import css from './jobs-header.module.css';
+
+interface ItemProps {
+  job: {
+    internalBuildNumber: number;
+    meta?: {
+      webpack?: {
+        builtAt?: string;
+        hash?: string;
+      };
+    };
+  };
+  tag: string;
+}
+
+export const Item = (props: ItemProps & React.ComponentProps<'div'>) => {
+  const { className, tag, job } = props;
+
+  const { builtAt, hash } = job.meta?.webpack || {};
+  const rootClassName = cx(css.item, className);
+
+  return (
+    <Stack className={rootClassName} space="xxsmall">
+      <FlexStack space="xsmall" alignItems="center">
+        <FlexStack space="xxxsmall" as="h1" className={css.itemTitle}>
+          <span>{`#${job.internalBuildNumber}`}</span>
+          {tag && <Tag className={css.itemTag}>{tag}</Tag>}
+        </FlexStack>
+
+        {builtAt && (
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            inline
+            as="span"
+            title={builtAt}
+            className={css.itemMeta}
+          >
+            <Icon glyph="clock" className={css.itemMetaIcon} />
+            <span className={css.itemMetaText}>
+              {formatDateTime({ dateStyle: 'medium', timeStyle: 'medium' }, builtAt)}
+            </span>
+          </FlexStack>
+        )}
+
+        {hash && (
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            inline
+            title="Webpack bundle hash"
+            className={css.itemMeta}
+          >
+            <Icon glyph="commit" className={css.itemMetaIcon} />
+            <span className={css.itemMetaText}>{hash.slice(0, 7)}</span>
+          </FlexStack>
+        )}
+      </FlexStack>
+    </Stack>
+  );
+};
+
+interface JobsHeaderProps {
+  jobs?: Array<ItemProps['job']> | null;
+}
+
+export const JobsHeader = (props: JobsHeaderProps & React.ComponentProps<'header'>) => {
+  const { className, jobs } = props;
+  const rootClassName = cx(css.root, className);
+
+  return (
+    <FlexStack className={rootClassName}>
+      {jobs?.map((job, index) => (
+        <Item
+          key={job.internalBuildNumber || index}
+          job={job}
+          tag={index === 0 ? I18N.CURRENT : I18N.BASELINE}
+        />
+      ))}
+    </FlexStack>
+  );
+};

package/src/components/module-info/module-info.module.css

@@ -1,5 +1,10 @@
-.chunksTitle {
-  margin-right: var(--space-xxxsmall);
+.label {
+  display: inline-block;
+  min-width: 6em;
+}
+
+.label::after {
+  content: ' ';
 }
 
 .chunksItems {

package/src/components/module-info/module-info.tsx

@@ -2,7 +2,15 @@ import React, { useMemo } from 'react';
 import cx from 'classnames';
 import isEmpty from 'lodash/isEmpty';
 import noop from 'lodash/noop';
-import { BUNDLE_MODULES_DUPLICATE, MetricRunInfo, getBundleModulesByChunk } from '@bundle-stats/utils';
+import {
+  BUNDLE_MODULES_DUPLICATE,
+  FILE_TYPE_LABELS,
+  MODULE_SOURCE_TYPE_LABELS,
+  MetricRunInfo,
+  getBundleModulesByChunk,
+  getBundleModulesByFileTpe,
+  getBundleModulesBySource,
+} from '@bundle-stats/utils';
 import { Module, MetaChunk } from '@bundle-stats/utils/types/webpack';
 
 import { Tag } from '../../ui/tag';
@@ -15,6 +23,8 @@ interface ModuleInfoProps {
     label: string;
     changed?: boolean;
     duplicated?: boolean;
+    thirdParty?: boolean;
+    fileType?: string;
     runs: Array<Module & MetricRunInfo>;
   };
   chunks?: Array<MetaChunk>;
@@ -44,16 +54,24 @@ export const ModuleInfo = (props: ModuleInfoProps & React.ComponentProps<'div'>)
 
     return (
       <div>
-        <Tag as={CustomComponentLink} {...BUNDLE_MODULES_DUPLICATE} onClick={onClick} kind="danger">Duplicate</Tag>
+        <Tag as={CustomComponentLink} {...BUNDLE_MODULES_DUPLICATE} onClick={onClick} kind="danger">
+          Duplicate
+        </Tag>
       </div>
     );
   }, [item]);
 
+  const fileTypeLabel = FILE_TYPE_LABELS[item.fileType as keyof typeof FILE_TYPE_LABELS];
+
+  const sourceTypeLabel = item.thirdParty
+    ? MODULE_SOURCE_TYPE_LABELS.THIRD_PARTY
+    : MODULE_SOURCE_TYPE_LABELS.FIRST_PARTY;
+
   return (
     <EntryInfo item={item} labels={labels} tags={tags} className={rootClassName}>
       {!isEmpty(currentRun?.chunkIds) && (
         <div className={css.chunks}>
-          <span className={css.chunksTitle}>Chunks:</span>
+          <span className={css.label}>Chunks</span>
           {currentRun.chunkIds.map((chunkId) => {
             const chunk = chunks?.find(({ id }) => id === chunkId);
 
@@ -74,6 +92,30 @@ export const ModuleInfo = (props: ModuleInfoProps & React.ComponentProps<'div'>)
           })}
         </div>
       )}
+
+      {item?.fileType && (
+        <p>
+          <span className={css.label}>File type</span>
+          <Tag
+            as={CustomComponentLink}
+            {...getBundleModulesByFileTpe(item.fileType, fileTypeLabel)}
+            onClick={onClick}
+          >
+            {fileTypeLabel}
+          </Tag>
+        </p>
+      )}
+
+      <p>
+        <span className={css.label}>Source</span>
+        <Tag
+          as={CustomComponentLink}
+          {...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel)}
+          onClick={onClick}
+        >
+          {sourceTypeLabel}
+        </Tag>
+      </p>
     </EntryInfo>
   );
 };

package/src/components/package-info/package-info.module.css

@@ -11,3 +11,13 @@
 .packageTitleId {
   color: var(--color-text-ultra-light);
 }
+
+.label {
+  display: inline-block;
+  min-width: 6em;
+}
+
+.label::after {
+  content: ' ';
+}
+

package/src/components/package-info/package-info.tsx

@@ -17,6 +17,7 @@ import { FileName } from '../../ui/file-name';
 import { Tag } from '../../ui/tag';
 import { EntryInfo } from '../entry-info';
 import css from './package-info.module.css';
+import { Icon } from '../../ui';
 
 interface PackageInfoProps {
   name: string;
@@ -36,19 +37,29 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
     item,
     labels,
     customComponentLink: CustomComponentLink = ComponentLink,
-    onClick = noop
+    onClick = noop,
   } = props;
 
-  const fallbackPackagePath = `node_modules/${item.label.split(PACKAGES_SEPARATOR).join('/node_modules/')}`;
+  const fallbackPackagePath = `node_modules/${item.label
+    .split(PACKAGES_SEPARATOR)
+    .join('/node_modules/')}`;
   const normalizedPackagePath = `${item.runs?.[0]?.path || fallbackPackagePath}/`;
   const [normalizedName, packageId] = name.split(PACKAGE_ID_SEPARATOR);
 
-  const packageTitle = useMemo(() => (
-    <span className={css.packageTitle}>
-      <span className={css.packageTitleText}>{normalizedName}</span>
-      {packageId && <span className={css.packageTitleId}>{PACKAGE_ID_SEPARATOR}{packageId}</span>}
-    </span>
-  ), [normalizedName, packageId]);
+  const packageTitle = useMemo(
+    () => (
+      <span className={css.packageTitle}>
+        <span className={css.packageTitleText}>{normalizedName}</span>
+        {packageId && (
+          <span className={css.packageTitleId}>
+            {PACKAGE_ID_SEPARATOR}
+            {packageId}
+          </span>
+        )}
+      </span>
+    ),
+    [normalizedName, packageId],
+  );
 
   const tags = useMemo(() => {
     if (!item.duplicate) {
@@ -57,7 +68,14 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
 
     return (
       <div>
-        <Tag as={CustomComponentLink} {...BUNDLE_PACKAGES_DUPLICATE} onClick={onClick} kind="danger">Duplicate</Tag>
+        <Tag
+          as={CustomComponentLink}
+          {...BUNDLE_PACKAGES_DUPLICATE}
+          onClick={onClick}
+          kind="danger"
+        >
+          Duplicate
+        </Tag>
       </div>
     );
   }, [item]);
@@ -72,12 +90,15 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
       className={className}
     >
       <Stack space="small">
-        <p>Path: <FileName name={normalizedPackagePath} className={css.fileName} /></p>
+        <p>
+          <span className={css.label}>Path</span>
+          <FileName name={normalizedPackagePath} className={css.fileName} />
+        </p>
 
         <Stack space="xxxsmall">
           {item.duplicate && (
             <div>
-              <CustomComponentLink {...getBundlePackagesByNameComponentLink(normalizedName)}>
+              <CustomComponentLink {...getBundlePackagesByNameComponentLink(normalizedName)} onClick={onClick}>
                 View all duplicate instances
               </CustomComponentLink>
             </div>
@@ -89,22 +110,30 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
         </Stack>
 
         <FlexStack space="xsmall" alignItems="center" className={css.external}>
-          <a
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            as="a"
             href={`https://www.npmjs.com/package/${normalizedName}`}
             target="_blank"
             rel="noreferrer"
             className={css.externalLink}
           >
-            npmjs.com
-          </a>
-          <a
+            <span>npmjs.com</span>
+            <Icon glyph={Icon.ICONS.EXTERNAL_LINK} size="small" />
+          </FlexStack>
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            as="a"
             href={`https://bundlephobia.com/result?p=${normalizedName}`}
             target="_blank"
             rel="noreferrer"
             className={css.externalLink}
           >
-            bundlephobia.com
-          </a>
+            <span>bundlephobia.com</span>
+            <Icon glyph={Icon.ICONS.EXTERNAL_LINK} size="small" />
+          </FlexStack>
         </FlexStack>
       </Stack>
     </EntryInfo>

package/src/ui/icon/icon.jsx

@@ -12,6 +12,7 @@ const ICONS = {
   CLOCK: 'clock',
   COMMIT: 'commit',
   ERROR: 'error',
+  EXTERNAL_LINK: 'external-link',
   FILTER: 'filter',
   INFO: 'info',
   HELP: 'help',

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

@@ -19,7 +19,6 @@
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
   font-size: var(--size-xsmall);
-  text-align: center;
 }
 
 .arrow svg {

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

@@ -9,6 +9,7 @@ interface AssetInfoProps {
         isEntry?: boolean;
         isInitial?: boolean;
         isNotPredicative?: boolean;
+        fileType?: string;
         runs: Array<Asset & MetricRunInfo>;
     };
     chunks?: Array<MetaChunk>;

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

@@ -1,4 +1,4 @@
-export function addRowSourceFlag(row: any): any;
+export function addRowFlags(row: any): any;
 export function getCustomSort(sortBy: any): (item: any) => any;
 export function getRowFilter(filters: any): (row: any) => boolean;
 export function useModuleFilterByChunk({ jobs, filters, chunkIds }: {

package/types/components/index.d.ts

@@ -9,7 +9,6 @@ export { Delta } from "./delta";
 export { InsightIcon } from "./insight-icon";
 export { Insights } from "./insights";
 export { JobName } from "./job-name";
-export { JobHeader } from "./job-header";
 export { JobsHeader } from "./jobs-header";
 export { LighthouseTable } from "./lighthouse-table";
 export { Metric } from "./metric";

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

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

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

@@ -1,16 +1,19 @@
-export function JobsHeader(props: any): JSX.Element;
-export namespace JobsHeader {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const jobs: PropTypes.Requireable<(PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const jobs_1: null;
-        export { jobs_1 as jobs };
-    }
+import React from 'react';
+interface ItemProps {
+    job: {
+        internalBuildNumber: number;
+        meta?: {
+            webpack?: {
+                builtAt?: string;
+                hash?: string;
+            };
+        };
+    };
+    tag: string;
 }
-import PropTypes from 'prop-types';
+export declare const Item: (props: ItemProps & React.ComponentProps<'div'>) => JSX.Element;
+interface JobsHeaderProps {
+    jobs?: Array<ItemProps['job']> | null;
+}
+export declare const JobsHeader: (props: JobsHeaderProps & React.ComponentProps<'header'>) => JSX.Element;
+export {};

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

@@ -6,6 +6,8 @@ interface ModuleInfoProps {
         label: string;
         changed?: boolean;
         duplicated?: boolean;
+        thirdParty?: boolean;
+        fileType?: string;
         runs: Array<Module & MetricRunInfo>;
     };
     chunks?: Array<MetaChunk>;

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

@@ -29,6 +29,7 @@ declare namespace ICONS {
     const CLOCK: string;
     const COMMIT: string;
     const ERROR: string;
+    const EXTERNAL_LINK: string;
     const FILTER: string;
     const INFO: string;
     const HELP: string;

package/lib/components/job-meta/index.js

@@ -1,18 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./job-meta"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/job-meta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-meta/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/components/job-meta/job-meta.js

@@ -1,34 +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.JobMeta = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const job_meta_module_css_1 = __importDefault(require("./job-meta.module.css"));
-const JobMeta = (props) => {
-    const { as: Component, className, meta, ...restProps } = props;
-    const rootClassName = (0, classnames_1.default)(job_meta_module_css_1.default.root, className);
-    return (react_1.default.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
-        const key = index;
-        return (react_1.default.createElement("div", { className: job_meta_module_css_1.default.item, key: key },
-            title && (react_1.default.createElement("h2", { className: job_meta_module_css_1.default.itemTitle }, title)),
-            content.map((item) => item)));
-    })));
-};
-exports.JobMeta = JobMeta;
-exports.JobMeta.propTypes = {
-    className: prop_types_1.default.string,
-    meta: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        title: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
-        content: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element])),
-    })).isRequired,
-    as: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
-};
-exports.JobMeta.defaultProps = {
-    className: '',
-    as: 'div',
-};
-//# sourceMappingURL=job-meta.js.map

package/lib/components/job-meta/job-meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"job-meta.js","sourceRoot":"","sources":["../../../src/components/job-meta/job-meta.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAC7C,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,IAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC;QAElB,OAAO,CACL,uCAAK,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YAC/B,KAAK,IAAI,CAAC,sCAAI,SAAS,EAAE,6BAAG,CAAC,SAAS,IAAG,KAAK,CAAM,CAAC;YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CACxB,CACP,CAAC;IACJ,CAAC,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,OAAO,WAqBlB;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC,CAAC;KACvF,CAAC,CAAC,CAAC,UAAU;IAGd,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC"}

package/lib/components/job-meta/job-meta.module.css

@@ -1,19 +0,0 @@
-.root {
-  padding: var(--space-xsmall) var(--space-small);
-  display: flex;
-}
-
-.item {
-  flex: 1 1 100%;
-}
-
-.itemTitle {
-  margin: 0;
-  font-size: 1em;
-  font-weight: bold;
-  color: var(--color-text-light);
-}
-
-.item + .item {
-  margin-left: var(--space-xsmall);
-}

package/lib-esm/components/job-meta/index.js

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

package/lib-esm/components/job-meta/index.js.map

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