@cucumber/react-components 22.4.1 → 23.0.0

package/dist/src/components/app/InMemorySearchProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InMemorySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/InMemorySearchProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAyB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EACnE,YAAY,GAAG,EAAE,EACjB,mBAAmB,GAAG,EAAE,EACxB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC9C,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,mBAAmB;KAClC,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACvD,QAAQ,CACgB,CAC5B,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/NoMatchResult.d.ts

@@ -1,7 +1,3 @@
-import React from 'react';
-interface IProps {
-    query: string;
-}
-export declare const NoMatchResult: React.FunctionComponent<IProps>;
-export {};
+import { FC } from 'react';
+export declare const NoMatchResult: FC;
 //# sourceMappingURL=NoMatchResult.d.ts.map

package/dist/src/components/app/NoMatchResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoMatchResult.d.ts","sourceRoot":"","sources":["../../../../src/components/app/NoMatchResult.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAWzD,CAAA"}
+{"version":3,"file":"NoMatchResult.d.ts","sourceRoot":"","sources":["../../../../src/components/app/NoMatchResult.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,aAAa,EAAE,EAO3B,CAAA"}

package/dist/src/components/app/NoMatchResult.js

@@ -2,11 +2,9 @@ import { faGrimace } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React from 'react';
 import styles from './NoMatchResult.module.scss';
-export const NoMatchResult = ({ query }) => {
+export const NoMatchResult = () => {
     return (React.createElement("p", { className: styles.message },
         React.createElement(FontAwesomeIcon, { className: styles.icon, "aria-hidden": "true", icon: faGrimace }),
-        React.createElement("span", null, query
-            ? `No matches found for your query "${query}" and/or filters`
-            : 'No matches found for your filters')));
+        React.createElement("span", null, "No matches found for your query and/or filters")));
 };
 //# sourceMappingURL=NoMatchResult.js.map

package/dist/src/components/app/NoMatchResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoMatchResult.js","sourceRoot":"","sources":["../../../../src/components/app/NoMatchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAMhD,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,OAAO,CACL,2BAAG,SAAS,EAAE,MAAM,CAAC,OAAO;QAC1B,oBAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,EAAC,IAAI,EAAE,SAAS,GAAI;QAC/E,kCACG,KAAK;YACJ,CAAC,CAAC,oCAAoC,KAAK,kBAAkB;YAC7D,CAAC,CAAC,mCAAmC,CAClC,CACL,CACL,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NoMatchResult.js","sourceRoot":"","sources":["../../../../src/components/app/NoMatchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAO,GAAG,EAAE;IACpC,OAAO,CACL,2BAAG,SAAS,EAAE,MAAM,CAAC,OAAO;QAC1B,oBAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,EAAC,IAAI,EAAE,SAAS,GAAI;QAC/E,mFAA2D,CACzD,CACL,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/OSIcon.d.ts

@@ -1,5 +1,6 @@
-import { VoidFunctionComponent } from 'react';
-export declare const OSIcon: VoidFunctionComponent<{
-    name: string;
+import { Meta } from '@cucumber/messages';
+import { FC } from 'react';
+export declare const OSIcon: FC<{
+    os: Meta['os'];
 }>;
 //# sourceMappingURL=OSIcon.d.ts.map

package/dist/src/components/app/OSIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OSIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAMpD,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAc1D,CAAA"}
+{"version":3,"file":"OSIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;CAAE,CAYzC,CAAA"}

package/dist/src/components/app/OSIcon.js

@@ -2,10 +2,8 @@ import React from 'react';
 import { Linux } from './icons/Linux.js';
 import { MacOS } from './icons/MacOS.js';
 import { Windows } from './icons/Windows.js';
-export const OSIcon = ({ name }) => {
-    if (!name) {
-        return React.createElement(React.Fragment, null, "Unknown OS");
-    }
+export const OSIcon = ({ os }) => {
+    const { name } = os;
     if (name.match(/windows|win32/i)) {
         return React.createElement(Windows, null);
     }
@@ -15,6 +13,6 @@ export const OSIcon = ({ name }) => {
     if (name.match(/linux/i)) {
         return React.createElement(Linux, null);
     }
-    return React.createElement(React.Fragment, null, name);
+    return null;
 };
 //# sourceMappingURL=OSIcon.js.map

package/dist/src/components/app/OSIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"OSIcon.js","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,MAAM,GAA4C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,uDAAe,CAAA;KACvB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;QAChC,OAAO,oBAAC,OAAO,OAAG,CAAA;KACnB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE;QAC/B,OAAO,oBAAC,KAAK,OAAG,CAAA;KACjB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,OAAO,oBAAC,KAAK,OAAG,CAAA;KACjB;IACD,OAAO,0CAAG,IAAI,CAAI,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"OSIcon.js","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,MAAM,GAA2B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;IACnB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;QAChC,OAAO,oBAAC,OAAO,OAAG,CAAA;KACnB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE;QAC/B,OAAO,oBAAC,KAAK,OAAG,CAAA;KACjB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,OAAO,oBAAC,KAAK,OAAG,CAAA;KACjB;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/src/components/app/QueriesProvider.d.ts

@@ -0,0 +1,10 @@
+import { Query as GherkinQuery } from '@cucumber/gherkin-utils';
+import { Query as CucumberQuery } from '@cucumber/query';
+import { FC, PropsWithChildren } from 'react';
+interface Props {
+    cucumberQuery: CucumberQuery;
+    gherkinQuery: GherkinQuery;
+}
+export declare const QueriesProvider: FC<PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=QueriesProvider.d.ts.map

package/dist/src/components/app/QueriesProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueriesProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/QueriesProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAKpD,UAAU,KAAK;IACb,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAMxD,CAAA"}

package/dist/src/components/app/QueriesProvider.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import CucumberQueryContext from '../../CucumberQueryContext.js';
+import GherkinQueryContext from '../../GherkinQueryContext.js';
+export const QueriesProvider = (props) => (React.createElement(CucumberQueryContext.Provider, { value: props.cucumberQuery },
+    React.createElement(GherkinQueryContext.Provider, { value: props.gherkinQuery }, props.children)));
+//# sourceMappingURL=QueriesProvider.js.map

package/dist/src/components/app/QueriesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueriesProvider.js","sourceRoot":"","sources":["../../../../src/components/app/QueriesProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,oBAAoB,MAAM,+BAA+B,CAAA;AAChE,OAAO,mBAAmB,MAAM,8BAA8B,CAAA;AAO9D,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtE,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa;IACvD,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,YAAY,IACpD,KAAK,CAAC,QAAQ,CACc,CACD,CACjC,CAAA"}

package/dist/src/components/app/RuntimeIcon.d.ts

@@ -1,5 +1,6 @@
-import { VoidFunctionComponent } from 'react';
-export declare const RuntimeIcon: VoidFunctionComponent<{
-    name: string;
+import { Product } from '@cucumber/messages';
+import { FC } from 'react';
+export declare const RuntimeIcon: FC<{
+    runtime: Product;
 }>;
 //# sourceMappingURL=RuntimeIcon.d.ts.map

package/dist/src/components/app/RuntimeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/RuntimeIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAMpD,eAAO,MAAM,WAAW,EAAE,qBAAqB,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAc/D,CAAA"}
+{"version":3,"file":"RuntimeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/RuntimeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAYhD,CAAA"}

package/dist/src/components/app/RuntimeIcon.js

@@ -2,10 +2,8 @@ import React from 'react';
 import { Jvm } from './icons/Jvm.js';
 import { NodeJs } from './icons/NodeJs.js';
 import { Ruby } from './icons/Ruby.js';
-export const RuntimeIcon = ({ name }) => {
-    if (!name) {
-        return React.createElement(React.Fragment, null, "Unknown Runtime");
-    }
+export const RuntimeIcon = ({ runtime }) => {
+    const { name } = runtime;
     if (name.match(/(oracle|openjdk|java)/i)) {
         return React.createElement(Jvm, null);
     }
@@ -15,6 +13,6 @@ export const RuntimeIcon = ({ name }) => {
     if (name.match(/node/i)) {
         return React.createElement(NodeJs, null);
     }
-    return React.createElement(React.Fragment, null, name);
+    return null;
 };
 //# sourceMappingURL=RuntimeIcon.js.map

package/dist/src/components/app/RuntimeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeIcon.js","sourceRoot":"","sources":["../../../../src/components/app/RuntimeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,WAAW,GAA4C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC/E,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,4DAAoB,CAAA;KAC5B;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE;QACxC,OAAO,oBAAC,GAAG,OAAG,CAAA;KACf;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACvB,OAAO,oBAAC,IAAI,OAAG,CAAA;KAChB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACvB,OAAO,oBAAC,MAAM,OAAG,CAAA;KAClB;IACD,OAAO,0CAAG,IAAI,CAAI,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"RuntimeIcon.js","sourceRoot":"","sources":["../../../../src/components/app/RuntimeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;IACxB,IAAI,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE;QACxC,OAAO,oBAAC,GAAG,OAAG,CAAA;KACf;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACvB,OAAO,oBAAC,IAAI,OAAG,CAAA;KAChB;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACvB,OAAO,oBAAC,MAAM,OAAG,CAAA;KAClB;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/src/components/app/SearchBar.d.ts

@@ -1,12 +1,3 @@
-import { TestStepResultStatus as Status } from '@cucumber/messages';
-import { FunctionComponent } from 'react';
-interface IProps {
-    query: string;
-    hideStatuses: readonly Status[];
-    statusesWithScenarios: readonly Status[];
-    onSearch: (query: string) => void;
-    onFilter: (hideStatuses: Status[]) => void;
-}
-export declare const SearchBar: FunctionComponent<IProps>;
-export {};
+import { FC } from 'react';
+export declare const SearchBar: FC;
 //# sourceMappingURL=SearchBar.d.ts.map

package/dist/src/components/app/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/app/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAGnE,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAOhD,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,SAAS,MAAM,EAAE,CAAA;IAC/B,qBAAqB,EAAE,SAAS,MAAM,EAAE,CAAA;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAuE/C,CAAA"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/app/SearchBar.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAUjC,eAAO,MAAM,SAAS,EAAE,EAsEvB,CAAA"}

package/dist/src/components/app/SearchBar.js

@@ -1,43 +1,48 @@
-import { faFilter, faSearch } from '@fortawesome/free-solid-svg-icons';
+import { faCheck, faFilter, faSearch } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React from 'react';
 import { useDebouncedCallback } from 'use-debounce';
+import { useSearch } from '../../hooks/index.js';
+import { useResultStatistics } from '../../hooks/useResultStatistics.js';
+import statuses from '../../statuses.js';
 import statusName from '../gherkin/statusName.js';
+import { HeaderItem, HeaderSection, HeaderSubItem } from './Header.js';
 import styles from './SearchBar.module.scss';
-import statuses from './statuses.js';
-export const SearchBar = ({ query, hideStatuses, statusesWithScenarios, onSearch, onFilter, }) => {
-    const debouncedSearchChange = useDebouncedCallback((newValue) => {
-        onSearch(newValue);
-    }, 500);
+export const SearchBar = () => {
+    const { scenarioCountByStatus, statusesWithScenarios } = useResultStatistics();
+    const { query, hideStatuses, update } = useSearch();
+    const debouncedSearchChange = useDebouncedCallback((newValue) => update({ query: newValue }), 500);
     const searchSubmitted = (event) => {
         event.preventDefault();
         debouncedSearchChange.flush();
     };
     const filterChanged = (name, show) => {
-        onFilter(show ? hideStatuses.filter((s) => s !== name) : hideStatuses.concat(name));
+        update({
+            hideStatuses: show ? hideStatuses.filter((s) => s !== name) : hideStatuses.concat(name),
+        });
     };
-    return (React.createElement("div", { className: styles.layout },
-        React.createElement("form", { className: styles.searchForm, onSubmit: searchSubmitted },
-            React.createElement(FontAwesomeIcon, { "aria-hidden": "true", className: styles.queryIcon, icon: faSearch }),
-            React.createElement("input", { className: styles.queryField, "aria-label": "Search", type: "text", name: "query", placeholder: "Search with text or @tags", defaultValue: query, onChange: (e) => debouncedSearchChange(e.target.value) }),
-            React.createElement("small", { className: styles.searchHelp },
-                "You can search with plain text or",
-                ' ',
-                React.createElement("a", { href: "https://cucumber.io/docs/cucumber/api/#tag-expressions", target: "_blank", rel: "noreferrer" }, "Cucumber Tag Expressions"),
-                ' ',
-                "to filter the output")),
-        statusesWithScenarios.length > 1 && (React.createElement("div", { className: styles.filterLayout },
-            React.createElement(FontAwesomeIcon, { className: styles.filterIcon, title: "Filter by status", icon: faFilter }),
-            React.createElement("ul", { className: styles.filterList }, statuses.map((status) => {
-                if (!statusesWithScenarios.includes(status)) {
-                    return;
-                }
-                const name = statusName(status);
-                const enabled = !hideStatuses.includes(status);
-                return (React.createElement("li", { key: name },
-                    React.createElement("label", { className: styles.filterField },
-                        React.createElement("input", { type: "checkbox", defaultChecked: enabled, onChange: (evt) => filterChanged(status, evt.target.checked) }),
-                        name)));
-            }))))));
+    return (React.createElement(HeaderSection, null,
+        React.createElement(HeaderItem, null,
+            React.createElement("form", { onSubmit: searchSubmitted },
+                React.createElement(HeaderSubItem, null,
+                    React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faSearch }),
+                    React.createElement("input", { className: styles.field, "aria-label": "Search", type: "text", name: "query", placeholder: "Search with text or @tags", defaultValue: query, onChange: (e) => debouncedSearchChange(e.target.value) })))),
+        statusesWithScenarios.length > 1 && (React.createElement(HeaderItem, null,
+            React.createElement(HeaderSubItem, null,
+                React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faFilter }),
+                React.createElement("ul", { className: styles.statuses }, statuses.map((status) => {
+                    if (!statusesWithScenarios.includes(status)) {
+                        return;
+                    }
+                    const name = statusName(status);
+                    const enabled = !hideStatuses.includes(status);
+                    return (React.createElement("li", { key: name },
+                        React.createElement("label", { className: styles.label },
+                            React.createElement("input", { className: styles.checkbox, type: "checkbox", defaultChecked: enabled, onChange: (evt) => filterChanged(status, evt.target.checked) }),
+                            React.createElement("span", { className: styles.status, "data-status": status },
+                                React.createElement(FontAwesomeIcon, { "aria-hidden": "true", icon: faCheck }),
+                                React.createElement("span", null, name),
+                                React.createElement("strong", null, scenarioCountByStatus[status])))));
+                })))))));
 };
 //# sourceMappingURL=SearchBar.js.map

package/dist/src/components/app/SearchBar.js.map

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

package/dist/src/components/app/SearchBar.module.scss

@@ -1,61 +1,23 @@
 @import '../../styles/theming';
+@import '../../styles/statuses';
 
-.layout {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 1em;
-  border: 1px solid $panelAccentColor;
-  background-color: $panelBackgroundColor;
-  color: $panelTextColor;
-}
-
-.searchForm {
-  position: relative;
-  margin-top: -0.5em;
-}
-
-.queryIcon {
-  position: absolute;
-  left: 0;
-  margin-left: 0.4em;
-  top: 0.5em;
-  opacity: 0.666;
-}
-
-.queryField {
+.field {
   box-sizing: border-box;
   width: 100%;
-  padding: 0.5em 0 0.5em 1.5em;
+  min-width: 20em;
+  max-width: 50vw;
+  height: 1.5em;
+  padding: 0;
   font-family: inherit;
   font-size: inherit;
   background-color: transparent;
-  color: $textColor;
-  border: 1px solid #ced4da;
-  border-radius: 0.3em;
-}
-
-.searchHelp {
-  display: block;
-  font-size: 0.75em;
-  line-height: 1em;
-  margin-top: 0.3em;
-
-  a {
-    color: $anchorColor;
-  }
-}
-
-.filterLayout {
-  display: flex;
-  align-items: center;
-  gap: 0.5em;
+  color: inherit;
+  border: 1px solid transparent;
 }
 
-.filterList {
+.statuses {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 0.5em;
   list-style: none;
@@ -63,13 +25,49 @@
   margin: 0;
 }
 
-.filterIcon {
-  opacity: 0.666;
+.label {
+  position: relative;
+  font-size: 0.75em;
 }
 
-.filterField {
-  display: flex;
-  align-items: center;
-  gap: 1px;
-  accent-color: $anchorColor;
+.checkbox {
+  position: absolute;
+  top: 0.125em;
+  left: 0.5em;
+  width: 1em;
+  height: 1em;
+  padding: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.status {
+  padding: 0.333em 0.5em;
+  border-radius: 0.333em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  cursor: pointer;
+
+  @each $name, $color in $statusColors {
+    &[data-status='#{$name}'] {
+      background-color: fade-out($color, 0.666);
+
+      svg {
+        color: $color;
+      }
+    }
+  }
+
+  .checkbox:not(:checked) + & {
+    opacity: 0.666;
+
+    svg {
+      opacity: 0;
+    }
+  }
+
+  > * + * {
+    margin-left: 0.25em;
+  }
 }

package/dist/src/components/app/StatusesSummary.d.ts

@@ -1,8 +1,3 @@
-import * as messages from '@cucumber/messages';
-import React from 'react';
-export interface IStatusesSummaryProps {
-    scenarioCountByStatus: Record<messages.TestStepResultStatus, number>;
-    totalScenarioCount: number;
-}
-export declare const StatusesSummary: React.FunctionComponent<IStatusesSummaryProps>;
+import { FC } from 'react';
+export declare const StatusesSummary: FC;
 //# sourceMappingURL=StatusesSummary.d.ts.map

package/dist/src/components/app/StatusesSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusesSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/app/StatusesSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,qBAAqB;IACpC,qBAAqB,EAAE,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAA;IACpE,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAwB1E,CAAA"}
+{"version":3,"file":"StatusesSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/app/StatusesSummary.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAOjC,eAAO,MAAM,eAAe,EAAE,EAuB7B,CAAA"}

package/dist/src/components/app/StatusesSummary.js

@@ -1,8 +1,10 @@
 import React from 'react';
+import { useResultStatistics } from '../../hooks/useResultStatistics.js';
+import statuses from '../../statuses.js';
 import statusName from '../gherkin/statusName.js';
-import statuses from './statuses.js';
 import styles from './StatusesSummary.module.scss';
-export const StatusesSummary = ({ scenarioCountByStatus, totalScenarioCount, }) => {
+export const StatusesSummary = () => {
+    const { scenarioCountByStatus, totalScenarioCount } = useResultStatistics();
     return (React.createElement("ol", { className: styles.statusesList }, statuses.map((status) => {
         const scenarioCount = scenarioCountByStatus[status];
         if (!scenarioCount) {

package/dist/src/components/app/StatusesSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusesSummary.js","sourceRoot":"","sources":["../../../../src/components/app/StatusesSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAOlD,MAAM,CAAC,MAAM,eAAe,GAAmD,CAAC,EAC9E,qBAAqB,EACrB,kBAAkB,GACnB,EAAE,EAAE;IACH,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,YAAY,IAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACvB,MAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;QACnD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAM;SACP;QACD,OAAO,CACL,4BACE,GAAG,EAAE,MAAM,iBACE,MAAM,EACnB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,aAAa,MAAM,kBAAkB,UAAU,EAAE;YAExE,aAAa;;YAAG,UAAU,CAAC,MAAM,CAAC,CAChC,CACN,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"StatusesSummary.js","sourceRoot":"","sources":["../../../../src/components/app/StatusesSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAElD,MAAM,CAAC,MAAM,eAAe,GAAO,GAAG,EAAE;IACtC,MAAM,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAE3E,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,YAAY,IAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACvB,MAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;QACnD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAM;SACP;QACD,OAAO,CACL,4BACE,GAAG,EAAE,MAAM,iBACE,MAAM,EACnB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,aAAa,MAAM,kBAAkB,UAAU,EAAE;YAExE,aAAa;;YAAG,UAAU,CAAC,MAAM,CAAC,CAChC,CACN,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/StatusesSummary.module.scss

@@ -1,11 +1,4 @@
-$statusColors:
-  'PASSED' #2cb14a,
-  'SKIPPED' #00a0cc,
-  'PENDING' #ffad33,
-  'UNDEFINED' #ffad33,
-  'AMBIGUOUS' #f4ebfd,
-  'FAILED' #bb0000,
-  'UNKNOWN' #b6becb;
+@import '../../styles/statuses';
 
 .statusesList {
   list-style: none;

package/dist/src/components/app/UriProvider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const UriProvider: FC<PropsWithChildren<{
+    uri: string;
+}>>;
+//# sourceMappingURL=UriProvider.d.ts.map

package/dist/src/components/app/UriProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UriProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/UriProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIpD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAE9D,CAAA"}

package/dist/src/components/app/UriProvider.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import UriContext from '../../UriContext.js';
+export const UriProvider = ({ uri, children }) => {
+    return React.createElement(UriContext.Provider, { value: uri }, children);
+};
+//# sourceMappingURL=UriProvider.js.map

package/dist/src/components/app/UriProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UriProvider.js","sourceRoot":"","sources":["../../../../src/components/app/UriProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAA2C,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvF,OAAO,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,IAAG,QAAQ,CAAuB,CAAA;AAC1E,CAAC,CAAA"}

package/dist/src/components/app/UrlSearchProvider.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface Props {
+    queryKey?: string;
+    hideKey?: string;
+}
+export declare const UrlSearchProvider: FC<PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=UrlSearchProvider.d.ts.map

package/dist/src/components/app/UrlSearchProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlSearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/UrlSearchProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAyB,MAAM,OAAO,CAAA;AAK3E,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgC1D,CAAA"}

package/dist/src/components/app/UrlSearchProvider.js

@@ -0,0 +1,26 @@
+import React, { useCallback, useState } from 'react';
+import { ControlledSearchProvider } from './ControlledSearchProvider.js';
+export const UrlSearchProvider = ({ queryKey = 'query', hideKey = 'hide', children, }) => {
+    const [value, setValue] = useState(() => {
+        const params = new URLSearchParams(window.location.search);
+        return {
+            query: params.get(queryKey) ?? '',
+            hideStatuses: params.getAll(hideKey).map((s) => s.toUpperCase()),
+        };
+    });
+    const onChange = useCallback((newValue) => {
+        setValue(newValue);
+        const url = new URL(window.location.toString());
+        if (newValue.query) {
+            url.searchParams.set(queryKey, newValue.query);
+        }
+        else {
+            url.searchParams.delete(queryKey);
+        }
+        url.searchParams.delete(hideKey);
+        newValue.hideStatuses.forEach((s) => url.searchParams.append(hideKey, s.toLowerCase()));
+        window.history.replaceState({}, '', url);
+    }, [queryKey, hideKey]);
+    return (React.createElement(ControlledSearchProvider, { value: value, onChange: onChange }, children));
+};
+//# sourceMappingURL=UrlSearchProvider.js.map

package/dist/src/components/app/UrlSearchProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlSearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/UrlSearchProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAyB,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAC9D,QAAQ,GAAG,OAAO,EAClB,OAAO,GAAG,MAAM,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE;QACnD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QAC1D,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE;YACjC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAA0B,CAAC;SACzF,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAqB,EAAE,EAAE;QACxB,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC/C,IAAI,QAAQ,CAAC,KAAK,EAAE;YAClB,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;SAC/C;aAAM;YACL,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;SAClC;QACD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QACvF,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;IAC1C,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,OAAO,CACL,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACvD,QAAQ,CACgB,CAC5B,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/icons/CucumberLogo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
-export declare const CucumberLogo: () => JSX.Element;
+import { FC } from 'react';
+export declare const CucumberLogo: FC;
 //# sourceMappingURL=CucumberLogo.d.ts.map

package/dist/src/components/app/icons/CucumberLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CucumberLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/CucumberLogo.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY,mBAgBxB,CAAA"}
+{"version":3,"file":"CucumberLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/CucumberLogo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,YAAY,EAAE,EAgB1B,CAAA"}

package/dist/src/components/app/icons/CucumberLogo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 export const CucumberLogo = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0.06 0.56 32.5 37.13" },
+    return (React.createElement("svg", { viewBox: "0.06 0.56 32.5 37.13", "aria-hidden": "true" },
         React.createElement("g", { fill: "none", fillRule: "evenodd" },
             React.createElement("path", { d: "M-4-1h40v40H-4z" }),
             React.createElement("path", { fill: "#00a818", d: "M16.438.563C7.386.563.063 7.886.063 16.938c0 7.968 5.712 14.589 13.25 16.062v4.688c9.8-1.478 18.477-9.257 19.124-19.47.39-6.146-2.674-12.421-7.843-15.468a13.62 13.62 0 0 0-1.875-.938l-.313-.125c-.287-.106-.577-.225-.875-.312a16.246 16.246 0 0 0-5.093-.813v.001z" }),

package/dist/src/components/app/icons/CucumberLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CucumberLogo.js","sourceRoot":"","sources":["../../../../../src/components/app/icons/CucumberLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,sBAAsB;QACpE,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAC/B,8BAAM,CAAC,EAAC,iBAAiB,GAAG;YAC5B,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uQAAuQ,GACzQ;YACF,8BACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,mqCAAmqC,GACrqC,CACA,CACA,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CucumberLogo.js","sourceRoot":"","sources":["../../../../../src/components/app/icons/CucumberLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAO,GAAG,EAAE;IACnC,OAAO,CACL,6BAAK,OAAO,EAAC,sBAAsB,iBAAa,MAAM;QACpD,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAC/B,8BAAM,CAAC,EAAC,iBAAiB,GAAG;YAC5B,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uQAAuQ,GACzQ;YACF,8BACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,mqCAAmqC,GACrqC,CACA,CACA,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/icons/Jvm.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
-export declare const Jvm: () => JSX.Element;
+import { FC } from 'react';
+export declare const Jvm: FC;
 //# sourceMappingURL=Jvm.d.ts.map

package/dist/src/components/app/icons/Jvm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Jvm.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/Jvm.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,GAAG,mBAyBf,CAAA"}
+{"version":3,"file":"Jvm.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/Jvm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,GAAG,EAAE,EAyBjB,CAAA"}

package/dist/src/components/app/icons/Jvm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 export const Jvm = () => {
-    return (React.createElement("svg", { viewBox: "0 0 128 128" },
+    return (React.createElement("svg", { viewBox: "0 0 128 128", "aria-hidden": "true" },
         React.createElement("path", { fill: "#0074BD", d: "M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z" }),
         React.createElement("path", { fill: "#EA2D2E", d: "M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z" }),
         React.createElement("path", { fill: "#0074BD", d: "M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zm40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z" }),

package/dist/src/components/app/icons/Jvm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Jvm.js","sourceRoot":"","sources":["../../../../../src/components/app/icons/Jvm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,6BAAK,OAAO,EAAC,aAAa;QACxB,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uRAAuR,GACzR;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uJAAuJ,GACzJ;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,6lBAA6lB,GAC/lB;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,mKAAmK,GACrK;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,qJAAqJ,GACvJ,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Jvm.js","sourceRoot":"","sources":["../../../../../src/components/app/icons/Jvm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,GAAG,GAAO,GAAG,EAAE;IAC1B,OAAO,CACL,6BAAK,OAAO,EAAC,aAAa,iBAAa,MAAM;QAC3C,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uRAAuR,GACzR;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uJAAuJ,GACzJ;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,6lBAA6lB,GAC/lB;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,mKAAmK,GACrK;QACF,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,qJAAqJ,GACvJ,CACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/app/icons/Linux.d.ts

@@ -1,3 +1,3 @@
-import { VoidFunctionComponent } from 'react';
-export declare const Linux: VoidFunctionComponent;
+import { FC } from 'react';
+export declare const Linux: FC;
 //# sourceMappingURL=Linux.d.ts.map

package/dist/src/components/app/icons/Linux.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Linux.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/Linux.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAEpD,eAAO,MAAM,KAAK,EAAE,qBAuCnB,CAAA"}
+{"version":3,"file":"Linux.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/icons/Linux.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,EAuCnB,CAAA"}