Add CSSOM and related features

features/alternative-style-sheets.yml

@@ -0,0 +1,6 @@
+name: Alternative style sheets
+description: The `rel="alternate stylesheet"` attribute for the `<link>` HTML element offers an alternative style option to users.
+spec: https://drafts.csswg.org/cssom-1/#concept-css-style-sheet-alternate-flag
+group: css
+compat_features:
+  - html.elements.link.rel.alternate_stylesheet

features/alternative-style-sheets.yml.dist

@@ -0,0 +1,10 @@
+# Generated from: alternative-style-sheets.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    firefox: "3"
+    firefox_android: "4"
+compat_features:
+  - html.elements.link.rel.alternate_stylesheet

features/css-escape.yml

@@ -0,0 +1,6 @@
+name: CSS.escape()
+description: The `CSS.escape()` static method escapes a string so that it can be used in a valid CSS selector.
+spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method
+group: cssom
+compat_features:
+  - api.CSS.escape_static

features/css-escape.yml.dist

@@ -0,0 +1,17 @@
+# Generated from: css-escape.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "31"
+    firefox_android: "31"
+    safari: "10.1"
+    safari_ios: "10.3"
+compat_features:
+  - api.CSS.escape_static

features/css-object-model.yml

@@ -0,0 +1,83 @@
+name: CSS object model
+description: The CSS object model API reads, creates, and modifies CSS stylesheets and inline styles. Also known as CSSOM.
+spec: https://drafts.csswg.org/cssom-1/#css-object-model
+group: cssom
+status:
+  compute_from: api.CSS
+compat_features:
+  - api.CSS
+  - api.CSSGroupingRule
+  - api.CSSGroupingRule.cssRules
+  - api.CSSGroupingRule.deleteRule
+  - api.CSSGroupingRule.insertRule
+  - api.CSSPageDescriptors
+  - api.CSSPageDescriptors.margin
+  - api.CSSPageDescriptors.margin-bottom
+  - api.CSSPageDescriptors.margin-left
+  - api.CSSPageDescriptors.margin-right
+  - api.CSSPageDescriptors.margin-top
+  - api.CSSPageDescriptors.marginBottom
+  - api.CSSPageDescriptors.marginLeft
+  - api.CSSPageDescriptors.marginRight
+  - api.CSSPageDescriptors.marginTop
+  - api.CSSPageDescriptors.page-orientation
+  - api.CSSPageDescriptors.pageOrientation
+  - api.CSSPageDescriptors.size
+  - api.CSSPageRule
+  - api.CSSPageRule.selectorText
+  - api.CSSPageRule.style
+  - api.CSSPageRule.style.type_CSSPageDescriptors
+  - api.CSSRule
+  - api.CSSRule.cssText
+  - api.CSSRule.parentRule
+  - api.CSSRule.parentStyleSheet
+  - api.CSSRuleList
+  - api.CSSRuleList.item
+  - api.CSSRuleList.length
+  - api.CSSStyleDeclaration
+  - api.CSSStyleDeclaration.cssFloat
+  - api.CSSStyleDeclaration.cssText
+  - api.CSSStyleDeclaration.getPropertyPriority
+  - api.CSSStyleDeclaration.getPropertyValue
+  - api.CSSStyleDeclaration.item
+  - api.CSSStyleDeclaration.length
+  - api.CSSStyleDeclaration.parentRule
+  - api.CSSStyleDeclaration.removeProperty
+  - api.CSSStyleDeclaration.setProperty
+  - api.CSSStyleDeclaration.@@iterator
+  - api.CSSStyleRule
+  - api.CSSStyleRule.selectorText
+  - api.CSSStyleRule.style
+  - api.CSSStyleSheet
+  - api.CSSStyleSheet.cssRules
+  - api.CSSStyleSheet.deleteRule
+  - api.CSSStyleSheet.insertRule
+  - api.CSSStyleSheet.insertRule.index_parameter_optional
+  - api.CSSStyleSheet.ownerRule
+  - api.Document.styleSheets
+  - api.HTMLElement.style
+  - api.HTMLLinkElement.sheet
+  - api.HTMLStyleElement.sheet
+  - api.MediaList
+  - api.MediaList.appendMedium
+  - api.MediaList.deleteMedium
+  - api.MediaList.item
+  - api.MediaList.length
+  - api.MediaList.mediaText
+  - api.MediaList.toString
+  - api.ProcessingInstruction.sheet
+  - api.ShadowRoot.styleSheets
+  - api.StyleSheet
+  - api.StyleSheet.disabled
+  - api.StyleSheet.href
+  - api.StyleSheet.media
+  - api.StyleSheet.ownerNode
+  - api.StyleSheet.parentStyleSheet
+  - api.StyleSheet.title
+  - api.StyleSheet.type
+  - api.StyleSheetList
+  - api.StyleSheetList.item
+  - api.StyleSheetList.length
+  - api.CSSMarginRule
+  - api.CSSMarginRule.name
+  - api.CSSMarginRule.style

features/css-object-model.yml.dist

@@ -0,0 +1,251 @@
+# Generated from: css-object-model.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-09-30
+  baseline_high_date: 2018-03-30
+  support:
+    chrome: "28"
+    chrome_android: "28"
+    edge: "12"
+    firefox: "22"
+    firefox_android: "22"
+    safari: "9"
+    safari_ios: "9"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - api.CSSRule
+  - api.CSSRule.cssText
+  - api.CSSRule.parentRule
+  - api.CSSRule.parentStyleSheet
+  - api.CSSRuleList
+  - api.CSSRuleList.item
+  - api.CSSRuleList.length
+  - api.CSSStyleDeclaration
+  - api.CSSStyleDeclaration.cssText
+  - api.CSSStyleDeclaration.getPropertyPriority
+  - api.CSSStyleDeclaration.getPropertyValue
+  - api.CSSStyleDeclaration.parentRule
+  - api.CSSStyleDeclaration.removeProperty
+  - api.CSSStyleRule
+  - api.CSSStyleRule.selectorText
+  - api.CSSStyleRule.style
+  - api.CSSStyleSheet
+  - api.CSSStyleSheet.cssRules
+  - api.CSSStyleSheet.deleteRule
+  - api.CSSStyleSheet.insertRule
+  - api.CSSStyleSheet.ownerRule
+  - api.HTMLLinkElement.sheet
+  - api.HTMLStyleElement.sheet
+  - api.MediaList
+  - api.MediaList.appendMedium
+  - api.MediaList.deleteMedium
+  - api.MediaList.item
+  - api.MediaList.length
+  - api.MediaList.mediaText
+  - api.MediaList.toString
+  - api.StyleSheet
+  - api.StyleSheet.disabled
+  - api.StyleSheet.href
+  - api.StyleSheet.media
+  - api.StyleSheet.ownerNode
+  - api.StyleSheet.parentStyleSheet
+  - api.StyleSheet.title
+  - api.StyleSheet.type
+  - api.StyleSheetList
+  - api.StyleSheetList.item
+  - api.StyleSheetList.length
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "3"
+  #   safari_ios: "1"
+  - api.HTMLElement.style
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "4"
+  #   safari_ios: "3.2"
+  - api.Document.styleSheets
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "6"
+  #   safari_ios: "6"
+  - api.CSSStyleDeclaration.item
+  - api.CSSStyleDeclaration.length
+  - api.CSSStyleDeclaration.setProperty
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "19"
+  #   firefox_android: "19"
+  #   safari: "3"
+  #   safari_ios: "1"
+  - api.CSSPageRule
+  - api.CSSPageRule.style
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-09-30
+  # baseline_high_date: 2018-03-30
+  # support:
+  #   chrome: "28"
+  #   chrome_android: "28"
+  #   edge: "12"
+  #   firefox: "22"
+  #   firefox_android: "22"
+  #   safari: "9"
+  #   safari_ios: "9"
+  - api.CSS
+
+  # baseline: high
+  # baseline_low_date: 2017-08-08
+  # baseline_high_date: 2020-02-08
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "55"
+  #   firefox_android: "55"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - api.CSSStyleSheet.insertRule.index_parameter_optional
+
+  # baseline: high
+  # baseline_low_date: 2018-10-02
+  # baseline_high_date: 2021-04-02
+  # support:
+  #   chrome: "51"
+  #   chrome_android: "51"
+  #   edge: "18"
+  #   firefox: "36"
+  #   firefox_android: "36"
+  #   safari: "11"
+  #   safari_ios: "11"
+  - api.CSSStyleDeclaration.@@iterator
+
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "79"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - api.ProcessingInstruction.sheet
+
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "53"
+  #   chrome_android: "53"
+  #   edge: "79"
+  #   firefox: "63"
+  #   firefox_android: "63"
+  #   safari: "12.1"
+  #   safari_ios: "12.2"
+  - api.ShadowRoot.styleSheets
+
+  # baseline: high
+  # baseline_low_date: 2021-04-26
+  # baseline_high_date: 2023-10-26
+  # support:
+  #   chrome: "45"
+  #   chrome_android: "45"
+  #   edge: "12"
+  #   firefox: "20"
+  #   firefox_android: "20"
+  #   safari: "14.1"
+  #   safari_ios: "14.5"
+  - api.CSSGroupingRule
+  - api.CSSGroupingRule.cssRules
+  - api.CSSGroupingRule.deleteRule
+  - api.CSSGroupingRule.insertRule
+
+  # baseline: low
+  # baseline_low_date: 2023-02-14
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "110"
+  #   firefox_android: "110"
+  #   safari: "3"
+  #   safari_ios: "1"
+  - api.CSSPageRule.selectorText
+
+  # baseline: false
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - api.CSSStyleDeclaration.cssFloat
+
+  # baseline: false
+  # support:
+  #   firefox: "129"
+  #   firefox_android: "129"
+  - api.CSSPageDescriptors
+  - api.CSSPageDescriptors.margin
+  - api.CSSPageDescriptors.margin-bottom
+  - api.CSSPageDescriptors.margin-left
+  - api.CSSPageDescriptors.margin-right
+  - api.CSSPageDescriptors.margin-top
+  - api.CSSPageDescriptors.marginBottom
+  - api.CSSPageDescriptors.marginLeft
+  - api.CSSPageDescriptors.marginRight
+  - api.CSSPageDescriptors.marginTop
+  - api.CSSPageDescriptors.page-orientation
+  - api.CSSPageDescriptors.pageOrientation
+  - api.CSSPageDescriptors.size
+  - api.CSSPageRule.style.type_CSSPageDescriptors
+
+  # baseline: false
+  # support: {}
+  - api.CSSMarginRule
+  - api.CSSMarginRule.name
+  - api.CSSMarginRule.style

features/get-computed-style.yml

@@ -0,0 +1,8 @@
+name: getComputedStyle()
+description: The `getComputedStyle()` global method returns an `CSSStyleDeclaration` object that represents all CSS declarations applied to a given element.
+spec: https://drafts.csswg.org/cssom-1/#extensions-to-the-window-interface
+caniuse: getcomputedstyle
+group: cssom
+compat_features:
+  - api.Window.getComputedStyle
+  - api.Window.getComputedStyle.pseudo_element_support