From 356f461ce2f8b75b40f63a44e8d10a8c3854112a Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 13:48:32 +0200 Subject: [PATCH 1/9] Show prod-ready example --- examples/sandbox/src/Router.tsx | 13 +++++++++---- examples/sandbox/src/pages/home.tsx | 13 ++++++------- 2 files changed, 15 insertions(+), 11 deletions(-) diff --git a/examples/sandbox/src/Router.tsx b/examples/sandbox/src/Router.tsx index beea4477..20f0c489 100644 --- a/examples/sandbox/src/Router.tsx +++ b/examples/sandbox/src/Router.tsx @@ -19,7 +19,13 @@ export default function Router() { const isHomePage = location.pathname === "/"; return ( -
+
@@ -29,12 +35,11 @@ export default function Router() { path="/elasticsearch-basic" component={ElasticsearchBasic} /> - {/* TODO: Add back in when we have a production-ready connector */} - {/* */} + /> diff --git a/examples/sandbox/src/pages/home.tsx b/examples/sandbox/src/pages/home.tsx index b3f9b0f2..b4d6a98c 100644 --- a/examples/sandbox/src/pages/home.tsx +++ b/examples/sandbox/src/pages/home.tsx @@ -16,13 +16,12 @@ import { useMemo } from "react"; export default function SearchUISandbox() { const apiCards = useMemo( () => [ - // TODO: Add back in when we have a production-ready connector - // { - // title: "Elasticsearch Connector", - // description: "Production-ready, Proxy connector", - // href: "/elasticsearch-production-ready", - // recommended: true - // }, + { + title: "Elasticsearch Connector", + description: "Production-ready, Proxy connector", + href: "/elasticsearch-production-ready", + recommended: true + }, { title: "Elasticsearch Connector (Basic)", description: "Browser-only implementation", From 0b6fde4b3ee8f53fb2fae43e1fbdc27746a871bb Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 13:49:50 +0200 Subject: [PATCH 2/9] Prettier fix --- .../src/pages/elasticsearch-production-ready/index.jsx | 2 +- packages/react-search-ui-views/src/types/index.ts | 6 +----- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx index 7b188316..2e813e83 100644 --- a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx +++ b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx @@ -6,7 +6,7 @@ import moment from "moment"; import { SearchProvider } from "@elastic/react-search-ui"; import "@elastic/react-search-ui-views/lib/styles/styles.css"; -import { ElasticsearchProdReady } from "./elasticsearchProdReady"; +import { ElasticsearchProdReady } from "./ElasticsearchProdReady"; const connector = new ApiProxyConnector({ basePath: "http://localhost:3001/api" diff --git a/packages/react-search-ui-views/src/types/index.ts b/packages/react-search-ui-views/src/types/index.ts index 9283a54c..2df18890 100644 --- a/packages/react-search-ui-views/src/types/index.ts +++ b/packages/react-search-ui-views/src/types/index.ts @@ -1,8 +1,4 @@ -import type { - FacetValue, - FieldValue, - FilterType, -} from "@elastic/search-ui"; +import type { FacetValue, FieldValue, FilterType } from "@elastic/search-ui"; export interface BaseContainerProps { children?: React.ReactNode; From d8e3d93b559af816732de81e04d8c04fbb028553 Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 14:00:01 +0200 Subject: [PATCH 3/9] Fix useSearch filename for consistency --- packages/react-search-ui/src/hooks/index.ts | 2 +- .../react-search-ui/src/hooks/{use_search.tsx => useSearch.tsx} | 0 2 files changed, 1 insertion(+), 1 deletion(-) rename packages/react-search-ui/src/hooks/{use_search.tsx => useSearch.tsx} (100%) diff --git a/packages/react-search-ui/src/hooks/index.ts b/packages/react-search-ui/src/hooks/index.ts index ac8bf15b..216a4a38 100644 --- a/packages/react-search-ui/src/hooks/index.ts +++ b/packages/react-search-ui/src/hooks/index.ts @@ -1 +1 @@ -export { useSearch } from "./use_search"; +export { useSearch } from "./useSearch"; diff --git a/packages/react-search-ui/src/hooks/use_search.tsx b/packages/react-search-ui/src/hooks/useSearch.tsx similarity index 100% rename from packages/react-search-ui/src/hooks/use_search.tsx rename to packages/react-search-ui/src/hooks/useSearch.tsx From 6d48bc591120ba432cef26412cf50056e81c389a Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 14:20:35 +0200 Subject: [PATCH 4/9] Sandbox task update --- examples/sandbox/.codesandbox/tasks.json | 10 +--------- .../src/pages/elasticsearch-production-ready/index.jsx | 2 +- 2 files changed, 2 insertions(+), 10 deletions(-) diff --git a/examples/sandbox/.codesandbox/tasks.json b/examples/sandbox/.codesandbox/tasks.json index 8a401c31..488d23c1 100644 --- a/examples/sandbox/.codesandbox/tasks.json +++ b/examples/sandbox/.codesandbox/tasks.json @@ -15,19 +15,11 @@ "tasks": { "start": { "name": "start", - "command": "yarn start", + "command": "concurrently \"yarn start\" \"node src/pages/elasticsearch-production-ready/server/index.js\"", "runAtStart": true, "preview": { "port": 4173 } - }, - "start-api-server": { - "name": "Start API Server", - "command": "node src/pages/elasticsearch-production-ready/server/index.js", - "runAtStart": true, - "preview": { - "port": 3001 - } } } } diff --git a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx index 2e813e83..0d8d1fce 100644 --- a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx +++ b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx @@ -9,7 +9,7 @@ import "@elastic/react-search-ui-views/lib/styles/styles.css"; import { ElasticsearchProdReady } from "./ElasticsearchProdReady"; const connector = new ApiProxyConnector({ - basePath: "http://localhost:3001/api" + basePath: "/api" }); const config = { From b1cd47fe1cd03cc35f143930d212ac677a086452 Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 14:49:22 +0200 Subject: [PATCH 5/9] Update sandbox command --- examples/sandbox/.codesandbox/tasks.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/sandbox/.codesandbox/tasks.json b/examples/sandbox/.codesandbox/tasks.json index 488d23c1..cfcc54ef 100644 --- a/examples/sandbox/.codesandbox/tasks.json +++ b/examples/sandbox/.codesandbox/tasks.json @@ -15,7 +15,7 @@ "tasks": { "start": { "name": "start", - "command": "concurrently \"yarn start\" \"node src/pages/elasticsearch-production-ready/server/index.js\"", + "command": "yarn start & node src/pages/elasticsearch-production-ready/server/index.js", "runAtStart": true, "preview": { "port": 4173 From 6cf0fe5809f84025a31b5fd3cc21524e03be6dcb Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Wed, 2 Apr 2025 18:23:37 +0200 Subject: [PATCH 6/9] Use sandbox url modification --- examples/sandbox/.codesandbox/tasks.json | 4 ++-- .../src/pages/elasticsearch-production-ready/index.jsx | 8 ++++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/examples/sandbox/.codesandbox/tasks.json b/examples/sandbox/.codesandbox/tasks.json index cfcc54ef..f19149e1 100644 --- a/examples/sandbox/.codesandbox/tasks.json +++ b/examples/sandbox/.codesandbox/tasks.json @@ -7,7 +7,7 @@ }, { "name": "Build App", - "command": "yarn build" + "command": "VITE_IS_SANDBOX=true yarn build" } ], @@ -15,7 +15,7 @@ "tasks": { "start": { "name": "start", - "command": "yarn start & node src/pages/elasticsearch-production-ready/server/index.js", + "command": "VITE_IS_SANDBOX=true yarn start & node src/pages/elasticsearch-production-ready/server/index.js", "runAtStart": true, "preview": { "port": 4173 diff --git a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx index 0d8d1fce..c3213c84 100644 --- a/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx +++ b/examples/sandbox/src/pages/elasticsearch-production-ready/index.jsx @@ -1,4 +1,3 @@ -import React from "react"; import "@elastic/eui/dist/eui_theme_light.css"; import { ApiProxyConnector } from "@elastic/search-ui-elasticsearch-connector"; @@ -8,8 +7,13 @@ import { SearchProvider } from "@elastic/react-search-ui"; import "@elastic/react-search-ui-views/lib/styles/styles.css"; import { ElasticsearchProdReady } from "./ElasticsearchProdReady"; +const isSandbox = import.meta.env.VITE_IS_SANDBOX === "true"; +const apiHost = isSandbox + ? window.location.origin.replace("4173", "3001") + : "http://localhost:3001"; + const connector = new ApiProxyConnector({ - basePath: "/api" + basePath: `${apiHost}/api` }); const config = { From 24daac3e197ef819f86107a491d7dad02ca9a02c Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Thu, 3 Apr 2025 13:22:48 +0200 Subject: [PATCH 7/9] Fix ui issues --- examples/sandbox/src/Router.tsx | 8 +---- .../sandbox/src/pages/ecommerce/Category.jsx | 4 +-- .../src/pages/ecommerce/ListingPage.jsx | 4 +-- .../sandbox/src/pages/ecommerce/Search.jsx | 4 +-- .../sandbox/src/pages/ecommerce/index.jsx | 6 ++-- .../sandbox/src/pages/ecommerce/styles.css | 29 ----------------- .../sandbox/src/pages/ecommerce/styles.scss | 31 +++++++++++++++++++ examples/sandbox/src/styles.css | 20 ++++++++++-- 8 files changed, 59 insertions(+), 47 deletions(-) delete mode 100644 examples/sandbox/src/pages/ecommerce/styles.css create mode 100644 examples/sandbox/src/pages/ecommerce/styles.scss diff --git a/examples/sandbox/src/Router.tsx b/examples/sandbox/src/Router.tsx index 20f0c489..1847e5e6 100644 --- a/examples/sandbox/src/Router.tsx +++ b/examples/sandbox/src/Router.tsx @@ -19,13 +19,7 @@ export default function Router() { const isHomePage = location.pathname === "/"; return ( -
+
diff --git a/examples/sandbox/src/pages/ecommerce/Category.jsx b/examples/sandbox/src/pages/ecommerce/Category.jsx index 9ba79114..c8e8f335 100644 --- a/examples/sandbox/src/pages/ecommerce/Category.jsx +++ b/examples/sandbox/src/pages/ecommerce/Category.jsx @@ -59,7 +59,7 @@ const BrowseHeader = ({ category }) => { export default function CategoryPage(props) { const category = props?.match?.params.category; return ( - <> +
@@ -114,6 +114,6 @@ export default function CategoryPage(props) {
- +
); } diff --git a/examples/sandbox/src/pages/ecommerce/ListingPage.jsx b/examples/sandbox/src/pages/ecommerce/ListingPage.jsx index 4460ec79..e70210dd 100644 --- a/examples/sandbox/src/pages/ecommerce/ListingPage.jsx +++ b/examples/sandbox/src/pages/ecommerce/ListingPage.jsx @@ -65,7 +65,7 @@ const categoryItems = { export default () => { return ( - <> +
{Object.keys(categoryItems).map((category) => ( @@ -86,6 +86,6 @@ export default () => {
))}
- +
); }; diff --git a/examples/sandbox/src/pages/ecommerce/Search.jsx b/examples/sandbox/src/pages/ecommerce/Search.jsx index bcbda640..8850c2d2 100644 --- a/examples/sandbox/src/pages/ecommerce/Search.jsx +++ b/examples/sandbox/src/pages/ecommerce/Search.jsx @@ -68,11 +68,11 @@ const Search = () => { }; export default function App() { return ( - <> +
- +
); } diff --git a/examples/sandbox/src/pages/ecommerce/index.jsx b/examples/sandbox/src/pages/ecommerce/index.jsx index 6dcc7a8c..ddf9ec07 100644 --- a/examples/sandbox/src/pages/ecommerce/index.jsx +++ b/examples/sandbox/src/pages/ecommerce/index.jsx @@ -3,11 +3,11 @@ import * as React from "react"; import Navigation from "./components/Navigation"; import ProductCarousel from "./components/ProductCarousel"; -import "./styles.css"; +import "./styles.scss"; export default function Ecommerce() { return ( - <> +
- +
); } diff --git a/examples/sandbox/src/pages/ecommerce/styles.css b/examples/sandbox/src/pages/ecommerce/styles.css deleted file mode 100644 index b57b38a1..00000000 --- a/examples/sandbox/src/pages/ecommerce/styles.css +++ /dev/null @@ -1,29 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -.sui-layout-header.sui-layout-header { - padding: 0; -} - -.sui-layout-main-header { - margin-bottom: 1rem; -} - -.sui-layout-header { - border: none; -} - -.navigation { - position: sticky; - top: 0; - z-index: 40; - background-color: #000; - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; -} - -.sui-search-box__suggestion-list { - width: 200px; -} diff --git a/examples/sandbox/src/pages/ecommerce/styles.scss b/examples/sandbox/src/pages/ecommerce/styles.scss new file mode 100644 index 00000000..a9e9406c --- /dev/null +++ b/examples/sandbox/src/pages/ecommerce/styles.scss @@ -0,0 +1,31 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +.ecommerce-container { + .sui-layout-header.sui-layout-header { + padding: 0; + } + + .sui-layout-main-header { + margin-bottom: 1rem; + } + + .sui-layout-header { + border: none; + } + + .navigation { + position: sticky; + top: 0; + z-index: 40; + background-color: #000; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; + } + + .sui-search-box__suggestion-list { + width: 200px; + } +} diff --git a/examples/sandbox/src/styles.css b/examples/sandbox/src/styles.css index 09c179c1..95aba895 100644 --- a/examples/sandbox/src/styles.css +++ b/examples/sandbox/src/styles.css @@ -9,19 +9,35 @@ /* Light theme variables */ --background: #ffffff; --foreground: #213547; + --scroll-bar-color: #000; + --scroll-bar-background: #fff; } /* Dark theme variables */ @media (prefers-color-scheme: dark) { :root { + color-scheme: dark; --background: #242424; - --foreground: rgba(255, 255, 255, 0.87); + --foreground: #ffffffde; + --scroll-bar-color: #ffffff40; + --scroll-bar-background: #0000; + --text-secondary: #ffffff40; } } body { - place-items: center; font-family: var(--font-family); background-color: var(--background); color: var(--foreground); + scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-background); +} + +.ExampleApp { + background-color: #ffffff; + color: #213547; + color-scheme: auto; +} + +.sui-layout-main-header { + margin-bottom: 1rem; } From 2c675d80672910c0c5b294e6ca3319409ec7f03d Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Thu, 3 Apr 2025 15:02:09 +0200 Subject: [PATCH 8/9] Add sass package --- examples/sandbox/package.json | 1 + yarn.lock | 185 +++++++++++++++++++++++++++++++++- 2 files changed, 183 insertions(+), 3 deletions(-) diff --git a/examples/sandbox/package.json b/examples/sandbox/package.json index 949bca7f..1a33629c 100644 --- a/examples/sandbox/package.json +++ b/examples/sandbox/package.json @@ -52,6 +52,7 @@ "eslint-plugin-react-hooks": "^5.0.0", "eslint-plugin-react-refresh": "^0.4.16", "globals": "^15.13.0", + "sass-embedded": "^1.86.2", "typescript": "^5.8.2", "vite": "^6.0.3" } diff --git a/yarn.lock b/yarn.lock index c30264c1..d93f2691 100644 --- a/yarn.lock +++ b/yarn.lock @@ -493,6 +493,11 @@ resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== +"@bufbuild/protobuf@^2.0.0": + version "2.2.5" + resolved "https://registry.yarnpkg.com/@bufbuild/protobuf/-/protobuf-2.2.5.tgz#8e82c0af292113b4a89f8b658c71c4636c8d2e36" + integrity sha512-/g5EzJifw5GF8aren8wZ/G5oMuPoGeS6MQD3ca8ddcvdXR5UELUfdTZITCGNhNXynY/AYl3Z4plmxdj/tRl/hQ== + "@cfaester/enzyme-adapter-react-18@^0.8.0": version "0.8.0" resolved "https://registry.yarnpkg.com/@cfaester/enzyme-adapter-react-18/-/enzyme-adapter-react-18-0.8.0.tgz#313814eb79658a6e74209f9f1743bcefff14a46f" @@ -4260,6 +4265,11 @@ bser@2.1.1: dependencies: node-int64 "^0.4.0" +buffer-builder@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/buffer-builder/-/buffer-builder-0.2.0.tgz#3322cd307d8296dab1f604618593b261a3fade8f" + integrity sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg== + buffer-from@^1.0.0: version "1.1.2" resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5" @@ -4699,6 +4709,11 @@ colorette@^2.0.16: resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da" integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g== +colorjs.io@^0.5.0: + version "0.5.2" + resolved "https://registry.yarnpkg.com/colorjs.io/-/colorjs.io-0.5.2.tgz#63b20139b007591ebc3359932bef84628eb3fcef" + integrity sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw== + columnify@^1.6.0: version "1.6.0" resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3" @@ -7251,6 +7266,11 @@ immutable@^4.0.0: resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23" integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw== +immutable@^5.0.2: + version "5.1.1" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.1.tgz#d4cb552686f34b076b3dcf23c4384c04424d8354" + integrity sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg== + import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" @@ -10496,7 +10516,7 @@ react-clientside-effect@^1.2.6: dependencies: "@babel/runtime" "^7.12.13" -react-dom@18.3.0, react-dom@^18.3.0: +react-dom@^18.3.0: version "18.3.0" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.0.tgz#98a3a1cc4e471d517c2a084f38ab1d58d02cada7" integrity sha512-zaKdLBftQJnvb7FtDIpZtsAIb2MZU087RM8bRDZU8LVCCFYjPTsDZJNFUWPcVz3HFSN1n/caxi0ca4B/aaVQGQ== @@ -10700,7 +10720,7 @@ react-window@^1.8.6: "@babel/runtime" "^7.0.0" memoize-one ">=3.1.1 <6" -react@18.3.0, react@^18.3.0: +react@^18.3.0: version "18.3.0" resolved "https://registry.yarnpkg.com/react/-/react-18.3.0.tgz#84386d0a36fdf5ef50fa5755b7812bdfb76194a5" integrity sha512-RPutkJftSAldDibyrjuku7q11d3oy6wKOyPe5K1HA/HwwrXcEqBdHsLypkC2FFYjP7bPUa6gbzSBhw4sY2JcDg== @@ -11138,6 +11158,13 @@ run-parallel@^1.1.9: dependencies: queue-microtask "^1.2.2" +rxjs@^7.4.0: + version "7.8.2" + resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b" + integrity sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA== + dependencies: + tslib "^2.1.0" + rxjs@^7.5.5: version "7.5.5" resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.5.tgz#2ebad89af0f560f460ad5cc4213219e1f7dd4e9f" @@ -11180,6 +11207,141 @@ safe-regex-test@^1.1.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass-embedded-android-arm64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.86.2.tgz#ed04dd5a066d5c7dc0c469d76897cfe93be1f846" + integrity sha512-q3d3SW5JWv3U4Fxf01Ho0Ij7iSmA9528J8hRQW/qiPq/rNLpaX+YNTQfaWgSQcuKsrHiqJwWwqN7nTL3rdmNGQ== + +sass-embedded-android-arm@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-android-arm/-/sass-embedded-android-arm-1.86.2.tgz#d616fd253f40781a53228002b49dbb1518a83203" + integrity sha512-gjve+jvwUUdY96VxfhNWyJ0BCHFcMiLuESNWYVuntSGPsuSiTZJFMVZxtb7oEXl5HDn9NL5IbPMbox8R8A4Gew== + +sass-embedded-android-ia32@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.86.2.tgz#261fa22f995f540f186c1da3da2c6579a882a90a" + integrity sha512-AbWxVmiZxKC4O5AH1X1rypngu+Mc5/Jl8ZcO7X3RBL3MDSH87MNoSjYHtYeC/j9BFzFK+5h9uluRq+86DoRX0Q== + +sass-embedded-android-riscv64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.86.2.tgz#99a05e1de78965f22fac06cbeeff1c1e2223d7b4" + integrity sha512-5IFIRPyWtTUBHV1kWJfJCTr9gYeF9yA8bkuvUJ6cCMrj58CiWnGODeqzz8SWpR6TIOwJMl6cT8lKGWQbMMtdUA== + +sass-embedded-android-x64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-android-x64/-/sass-embedded-android-x64-1.86.2.tgz#9de9e2fd4ec7d454ab04ab82c9abe410dde2f3f6" + integrity sha512-DzcDdmYwMmyFu/d5YXH2/qYQ0sJh3XoLma4ktzptmQnhgyTo4ajqC313TBCSrUThBxJPcfzy5ji+mZRWJpGHEg== + +sass-embedded-darwin-arm64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.86.2.tgz#d20dcba78efbd47262adfb374e12cf704b7d088e" + integrity sha512-wmcrNCdhdod9n67g+G/lm3pwv5kNqHSsfBwq6oTgpKUtoecc44UhKMaZ7P5foTTTRybVVj7w5qVPGh8H25Tlgg== + +sass-embedded-darwin-x64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.86.2.tgz#39fe94c0ca1ff31787c0897d31f78100e0606530" + integrity sha512-dHfnCfimKklYanqlubidA3Kyk9g7Ltcs7btfzrrWzvyfRAFKkg826aDHfnnDw8ihBYlmNrHa4jqxPSP5L88m3w== + +sass-embedded-linux-arm64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.86.2.tgz#93dd6a4e5f81fff66217377ffff28fa4492a3c9e" + integrity sha512-K7sw2w2TMboorrIRM5EQIU7FAvERyfOc227dLkGx7mhInBq5bUX9ixI8sN0AGdvmFmBipE4RAlmfYkjjavroxQ== + +sass-embedded-linux-arm@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.86.2.tgz#2463d3eff2c7cb11ebc3d9021e0d7303250cc43a" + integrity sha512-ZTUvotjO/+CIXs3/fFpFWHLmUnEtvilIgiTHilx8yS2eReJWBzlgXneHQf6ZSNMqCNF/lbiJbJokBEDhW77drg== + +sass-embedded-linux-ia32@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.86.2.tgz#ee76816190314f2b550e0df42566058d7eb08ab3" + integrity sha512-+OHfCDU3S86oHlKWolp1mtk/6HAcsvBw7wqff5ze3Gp62jSfe4KKojhKhCtBs2ZK7W/O7U/7WM58sSWdoJ8Tow== + +sass-embedded-linux-musl-arm64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.86.2.tgz#efc831f9b1d5e40d78f6fc414b0f3f134ba6023f" + integrity sha512-j9GVzPLaPmXQJroq+Dw1loH+EB3mQcP4RtIumIWzJh1HvfQG9QEoevG2oiofXS1Wd8705N6Cp3rCFrg1eIUtfw== + +sass-embedded-linux-musl-arm@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.86.2.tgz#32e836003b27d70262a94b0bbb582d70bb0430bc" + integrity sha512-8DZRt9ipTeyTXe+Hpck3lmQBCXgFza4kbqkyByT1tleGx95hNxSNFBdrK6oYHLIxDz2HXr46PyapP2QlHODBcA== + +sass-embedded-linux-musl-ia32@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.86.2.tgz#9b0f95f0b3ad7ffaa6936c5c0a6ecb760cdf1800" + integrity sha512-ZfOmohK3bNKQifJs9DULS4HjBmVy2K8BOi1p7JvWik+SSnpXi9MK1mEJi7w71ktZZ+NvFgpDbeIvCpxyaZJsKg== + +sass-embedded-linux-musl-riscv64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.86.2.tgz#4337c25b7b88c7a010ce4032b04c6de2687e5af6" + integrity sha512-MdT2L1sMSv7ytOCAj8OAf4srm7jDiAmpiHH+0cxMJPwu8uo1oa1aMjcXBW0vfC+SB8ugoBapW0Fnfu/QjVgmjw== + +sass-embedded-linux-musl-x64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.86.2.tgz#bbd28eb7ea9c5f9a3aac143e94c898a6e95600d8" + integrity sha512-huV+hy3UDRDQwwcECXZL2J4+yxRnOYCGET4y/eyJoLprlpRzl41z+byikXDsz8/f0HsttZ1DOcUmPcJwts9rJw== + +sass-embedded-linux-riscv64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.86.2.tgz#7acaa5deab2c575d6270f84afd4749f9a524a7e8" + integrity sha512-SwMgxIcsiMqOrM9Ki+kDULHRPBvwnGoVyX0MNKPeTADTMm2ISD9sK7p5L7UyDmz+DE4Zgf0qx5pT1K1KP1pn8A== + +sass-embedded-linux-x64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.86.2.tgz#ff5e2951c08f01d168ae6bdc06f6f152ac430d6c" + integrity sha512-Tw3w6KGp5YNBaVpRj1F5xhUS6ol+bVlVo+tvMKYoH2pDy5BHb+vMftviCaJDtTsZiYKFXWHAaygmXF8YGOwvPg== + +sass-embedded-win32-arm64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.86.2.tgz#86aadaefffb35a6c770fbb218416337fb3fe1891" + integrity sha512-P45xUyLQ4F8s89yZNMWqkQGWHKx8J/ALS/Jl8JJeZcSVRFPQCaldZ/Zx8K2kAdVh5dg4OiFne8/YqpXBfWlHtw== + +sass-embedded-win32-ia32@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.86.2.tgz#97e16a996a010d55d6b2b6e267b5d976deacf327" + integrity sha512-AsvPpk3dmJRXCoZu9UKL7CXtWmXb4/CMQwo6wRe4SzwHpwHOy+Hj30lh5SRvcr9+J/knA7Aje2xMPxFPYgE4uQ== + +sass-embedded-win32-x64@1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.86.2.tgz#38b2dc127c4855700c499c92602f105169cf86b7" + integrity sha512-Nvhyr2BxZN/Rh9YnBDc0iGboLA5lAx8h0/Dvut2iGdxVZ2eVqcV/uLXfsPJ9KHf+QNW5CIo2zOjQKqUQJjh2sw== + +sass-embedded@^1.86.2: + version "1.86.2" + resolved "https://registry.yarnpkg.com/sass-embedded/-/sass-embedded-1.86.2.tgz#50239e02bddcc750c33132efbb8ee6c014248769" + integrity sha512-ER9yUk71007a+6azLBR0RzA4Vd4VtXpaRpI+HXqpEIARhleTKYUxXrh6nY+272q91xAzoXqBKVlTizOvNmb5yQ== + dependencies: + "@bufbuild/protobuf" "^2.0.0" + buffer-builder "^0.2.0" + colorjs.io "^0.5.0" + immutable "^5.0.2" + rxjs "^7.4.0" + supports-color "^8.1.1" + sync-child-process "^1.0.2" + varint "^6.0.0" + optionalDependencies: + sass-embedded-android-arm "1.86.2" + sass-embedded-android-arm64 "1.86.2" + sass-embedded-android-ia32 "1.86.2" + sass-embedded-android-riscv64 "1.86.2" + sass-embedded-android-x64 "1.86.2" + sass-embedded-darwin-arm64 "1.86.2" + sass-embedded-darwin-x64 "1.86.2" + sass-embedded-linux-arm "1.86.2" + sass-embedded-linux-arm64 "1.86.2" + sass-embedded-linux-ia32 "1.86.2" + sass-embedded-linux-musl-arm "1.86.2" + sass-embedded-linux-musl-arm64 "1.86.2" + sass-embedded-linux-musl-ia32 "1.86.2" + sass-embedded-linux-musl-riscv64 "1.86.2" + sass-embedded-linux-musl-x64 "1.86.2" + sass-embedded-linux-riscv64 "1.86.2" + sass-embedded-linux-x64 "1.86.2" + sass-embedded-win32-arm64 "1.86.2" + sass-embedded-win32-ia32 "1.86.2" + sass-embedded-win32-x64 "1.86.2" + sass@^1.49.9: version "1.49.9" resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.9.tgz#b15a189ecb0ca9e24634bae5d1ebc191809712f9" @@ -11868,7 +12030,7 @@ supports-color@^7.0.0, supports-color@^7.1.0: dependencies: has-flag "^4.0.0" -supports-color@^8.0.0: +supports-color@^8.0.0, supports-color@^8.1.1: version "8.1.1" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c" integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q== @@ -11898,6 +12060,18 @@ symbol-tree@^3.2.4: resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw== +sync-child-process@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/sync-child-process/-/sync-child-process-1.0.2.tgz#45e7c72e756d1243e80b547ea2e17957ab9e367f" + integrity sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA== + dependencies: + sync-message-port "^1.0.0" + +sync-message-port@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/sync-message-port/-/sync-message-port-1.1.3.tgz#6055c565ee8c81d2f9ee5aae7db757e6d9088c0c" + integrity sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg== + tabbable@^3.0.0: version "3.1.2" resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-3.1.2.tgz#f2d16cccd01f400e38635c7181adfe0ad965a4a2" @@ -12645,6 +12819,11 @@ value-equal@^1.0.1: resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c" integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw== +varint@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0" + integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg== + vary@^1, vary@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc" From c1c8b4f1390191cee909ecac4d8b852527f5e7f1 Mon Sep 17 00:00:00 2001 From: Yan Savitski Date: Fri, 25 Apr 2025 12:43:12 +0200 Subject: [PATCH 9/9] Update header name --- examples/sandbox/src/pages/search-bar-in-header/Header.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/sandbox/src/pages/search-bar-in-header/Header.jsx b/examples/sandbox/src/pages/search-bar-in-header/Header.jsx index aed26007..b54185ef 100644 --- a/examples/sandbox/src/pages/search-bar-in-header/Header.jsx +++ b/examples/sandbox/src/pages/search-bar-in-header/Header.jsx @@ -20,7 +20,7 @@ export default function Header() { fontSize: "40px" }} > - 🚀 Acme Inc. + 🌲 National Parks