From 41eb8daab29ff274fb7669389c7201ae92b04b45 Mon Sep 17 00:00:00 2001 From: Tan Li Hau Date: Fri, 12 Apr 2024 22:36:32 +0800 Subject: [PATCH 1/2] feat: support parsing camel case in container queries (#11131) --- .changeset/witty-adults-fold.md | 5 +++++ .../parse/read/css-tree-cq/node/container_query.js | 2 +- .../samples/container-query-camel-case/expected.css | 1 + .../samples/container-query-camel-case/input.svelte | 13 +++++++++++++ 4 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 .changeset/witty-adults-fold.md create mode 100644 packages/svelte/test/css/samples/container-query-camel-case/expected.css create mode 100644 packages/svelte/test/css/samples/container-query-camel-case/input.svelte diff --git a/.changeset/witty-adults-fold.md b/.changeset/witty-adults-fold.md new file mode 100644 index 000000000000..624d3dd19eb7 --- /dev/null +++ b/.changeset/witty-adults-fold.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix parsing camelcase container query name diff --git a/packages/svelte/src/compiler/parse/read/css-tree-cq/node/container_query.js b/packages/svelte/src/compiler/parse/read/css-tree-cq/node/container_query.js index 607778f214fe..3242a0b0bc59 100644 --- a/packages/svelte/src/compiler/parse/read/css-tree-cq/node/container_query.js +++ b/packages/svelte/src/compiler/parse/read/css-tree-cq/node/container_query.js @@ -26,7 +26,7 @@ export function parse() { // Container name doesn't match a query keyword, so assign it as container name. if (!CONTAINER_QUERY_KEYWORDS.has(container_name.toLowerCase())) { name = container_name; - this.eatIdent(container_name); + this.eat(Ident); } } diff --git a/packages/svelte/test/css/samples/container-query-camel-case/expected.css b/packages/svelte/test/css/samples/container-query-camel-case/expected.css new file mode 100644 index 000000000000..1bbcbe84b3a9 --- /dev/null +++ b/packages/svelte/test/css/samples/container-query-camel-case/expected.css @@ -0,0 +1 @@ +.main.svelte-xyz{container-name:myContainer;container-type:inline-size}@container myContainer (min-width: 300px){h1.svelte-xyz{color:red}} \ No newline at end of file diff --git a/packages/svelte/test/css/samples/container-query-camel-case/input.svelte b/packages/svelte/test/css/samples/container-query-camel-case/input.svelte new file mode 100644 index 000000000000..085f54e5b92a --- /dev/null +++ b/packages/svelte/test/css/samples/container-query-camel-case/input.svelte @@ -0,0 +1,13 @@ +

hello

+ + \ No newline at end of file From ad00cad761591c070dde5901403fafb5bb52c5e1 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 12 Apr 2024 17:28:04 -0400 Subject: [PATCH 2/2] Version Packages (#11148) Co-authored-by: github-actions[bot] --- .changeset/witty-adults-fold.md | 5 ----- packages/svelte/CHANGELOG.md | 6 ++++++ packages/svelte/package.json | 2 +- packages/svelte/src/shared/version.js | 2 +- 4 files changed, 8 insertions(+), 7 deletions(-) delete mode 100644 .changeset/witty-adults-fold.md diff --git a/.changeset/witty-adults-fold.md b/.changeset/witty-adults-fold.md deleted file mode 100644 index 624d3dd19eb7..000000000000 --- a/.changeset/witty-adults-fold.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'svelte': patch ---- - -fix parsing camelcase container query name diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md index fef6a14adeef..84337e2cced8 100644 --- a/packages/svelte/CHANGELOG.md +++ b/packages/svelte/CHANGELOG.md @@ -1,5 +1,11 @@ # svelte +## 4.2.14 + +### Patch Changes + +- fix parsing camelcase container query name ([#11131](https://github.com/sveltejs/svelte/pull/11131)) + ## 4.2.13 ### Patch Changes diff --git a/packages/svelte/package.json b/packages/svelte/package.json index 6ca06a750763..d538c1aec3e8 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -1,6 +1,6 @@ { "name": "svelte", - "version": "4.2.13", + "version": "4.2.14", "description": "Cybernetically enhanced web apps", "type": "module", "module": "src/runtime/index.js", diff --git a/packages/svelte/src/shared/version.js b/packages/svelte/src/shared/version.js index 3360433aa4e9..7f761bed119f 100644 --- a/packages/svelte/src/shared/version.js +++ b/packages/svelte/src/shared/version.js @@ -6,5 +6,5 @@ * https://svelte.dev/docs/svelte-compiler#svelte-version * @type {string} */ -export const VERSION = '4.2.13'; +export const VERSION = '4.2.14'; export const PUBLIC_VERSION = '4';