diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md index 84337e2cced8..d53f8c2d2457 100644 --- a/packages/svelte/CHANGELOG.md +++ b/packages/svelte/CHANGELOG.md @@ -1,5 +1,11 @@ # svelte +## 4.2.15 + +### Patch Changes + +- support attribute selector inside :global() ([#11135](https://github.com/sveltejs/svelte/pull/11135)) + ## 4.2.14 ### Patch Changes diff --git a/packages/svelte/package.json b/packages/svelte/package.json index d538c1aec3e8..56c0bb8ee682 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -1,6 +1,6 @@ { "name": "svelte", - "version": "4.2.14", + "version": "4.2.15", "description": "Cybernetically enhanced web apps", "type": "module", "module": "src/runtime/index.js", diff --git a/packages/svelte/src/compiler/compile/css/Selector.js b/packages/svelte/src/compiler/compile/css/Selector.js index a1c58515d726..9593d1ed63bf 100644 --- a/packages/svelte/src/compiler/compile/css/Selector.js +++ b/packages/svelte/src/compiler/compile/css/Selector.js @@ -214,7 +214,7 @@ export default class Selector { index !== 0 && selector.children && selector.children.length > 0 && - !/[.:#\s]/.test(selector.children[0].value[0]) + !/[.:#[\s]/.test(selector.children[0].value[0]) ) { component.error(selector, compiler_errors.css_invalid_global_selector_position); } diff --git a/packages/svelte/src/shared/version.js b/packages/svelte/src/shared/version.js index 7f761bed119f..bfea4c83a159 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.14'; +export const VERSION = '4.2.15'; export const PUBLIC_VERSION = '4'; diff --git a/packages/svelte/test/css/samples/global-attribute-selctor/expected.css b/packages/svelte/test/css/samples/global-attribute-selctor/expected.css new file mode 100644 index 000000000000..f8ae79fe5024 --- /dev/null +++ b/packages/svelte/test/css/samples/global-attribute-selctor/expected.css @@ -0,0 +1 @@ +.anim-checkbox.svelte-xyz[data-state='checked']{background-color:red} \ No newline at end of file diff --git a/packages/svelte/test/css/samples/global-attribute-selctor/input.svelte b/packages/svelte/test/css/samples/global-attribute-selctor/input.svelte new file mode 100644 index 000000000000..f821f82fc65f --- /dev/null +++ b/packages/svelte/test/css/samples/global-attribute-selctor/input.svelte @@ -0,0 +1,6 @@ + +
\ No newline at end of file diff --git a/packages/svelte/test/validator/samples/css-invalid-global-placement-6/errors.json b/packages/svelte/test/validator/samples/css-invalid-global-placement-6/errors.json new file mode 100644 index 000000000000..fe51488c7066 --- /dev/null +++ b/packages/svelte/test/validator/samples/css-invalid-global-placement-6/errors.json @@ -0,0 +1 @@ +[] diff --git a/packages/svelte/test/validator/samples/css-invalid-global-placement-6/input.svelte b/packages/svelte/test/validator/samples/css-invalid-global-placement-6/input.svelte new file mode 100644 index 000000000000..f821f82fc65f --- /dev/null +++ b/packages/svelte/test/validator/samples/css-invalid-global-placement-6/input.svelte @@ -0,0 +1,6 @@ + +
\ No newline at end of file