From 157eb2e1fe7660082273a2d1127d0eea2068d01b Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Mon, 14 Oct 2024 11:55:42 -0700 Subject: [PATCH 1/3] Adds shadow parts --- features/shadow-parts.yml | 11 +++++++++++ features/shadow-parts.yml.dist | 20 ++++++++++++++++++++ 2 files changed, 31 insertions(+) create mode 100644 features/shadow-parts.yml create mode 100644 features/shadow-parts.yml.dist diff --git a/features/shadow-parts.yml b/features/shadow-parts.yml new file mode 100644 index 00000000000..a838207a008 --- /dev/null +++ b/features/shadow-parts.yml @@ -0,0 +1,11 @@ +name: Shadow Parts +description: The `::part()` CSS pseudo-element selects named elements within a shadow DOM that have been exposed by a web component for styling. The `part` and `exportparts` HTML attributes expose elements as named parts. +spec: https://drafts.csswg.org/css-shadow-parts-1/ +group: + - selectors + - web-components +compat_features: + - api.Element.part + - css.selectors.part + - html.global_attributes.exportparts + - html.global_attributes.part diff --git a/features/shadow-parts.yml.dist b/features/shadow-parts.yml.dist new file mode 100644 index 00000000000..bb34c5ae768 --- /dev/null +++ b/features/shadow-parts.yml.dist @@ -0,0 +1,20 @@ +# Generated from: shadow-parts.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-07-28 + baseline_high_date: 2023-01-28 + support: + chrome: "73" + chrome_android: "73" + edge: "79" + firefox: "72" + firefox_android: "79" + safari: "13.1" + safari_ios: "13.4" +compat_features: + - api.Element.part + - css.selectors.part + - html.global_attributes.exportparts + - html.global_attributes.part From f42cf53d8965a28ca9b25b1da3b81cd064832dd1 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Mon, 14 Oct 2024 13:12:12 -0700 Subject: [PATCH 2/3] Flip description to start with attributes --- features/shadow-parts.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/shadow-parts.yml b/features/shadow-parts.yml index a838207a008..41eaf813092 100644 --- a/features/shadow-parts.yml +++ b/features/shadow-parts.yml @@ -1,5 +1,5 @@ name: Shadow Parts -description: The `::part()` CSS pseudo-element selects named elements within a shadow DOM that have been exposed by a web component for styling. The `part` and `exportparts` HTML attributes expose elements as named parts. +description: The `part` and `exportparts` HTML attributes expose elements of a shadow DOM as named parts. The `::part()` CSS pseudo-element selects named parts for styling. spec: https://drafts.csswg.org/css-shadow-parts-1/ group: - selectors From 1b055b266482c505d93fb1a908a0572ca3ca0159 Mon Sep 17 00:00:00 2001 From: Victor Allen Date: Wed, 16 Oct 2024 09:01:24 -0700 Subject: [PATCH 3/3] Apply suggestions from code review Co-authored-by: James Stuckey Weber --- features/shadow-parts.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/features/shadow-parts.yml b/features/shadow-parts.yml index 41eaf813092..718ade548c3 100644 --- a/features/shadow-parts.yml +++ b/features/shadow-parts.yml @@ -1,5 +1,5 @@ -name: Shadow Parts -description: The `part` and `exportparts` HTML attributes expose elements of a shadow DOM as named parts. The `::part()` CSS pseudo-element selects named parts for styling. +name: Shadow parts +description: The `part` and `exportparts` HTML attributes expose elements of a shadow DOM as named parts, which can be selected by the `::part()` CSS pseudo-element for styling. spec: https://drafts.csswg.org/css-shadow-parts-1/ group: - selectors