Add Cursor style

features/cursor.yml

@@ -0,0 +1,50 @@
+name: Cursor styles
+description: The `cursor` CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.
+spec: https://drafts.csswg.org/css-ui-4/#cursor
+caniuse:
+  - css3-cursors
+  - css3-cursors-grab
+  - css3-cursors-newer
+group: css
+# Baseline is delayed by support in Firefox for Android.
+# TODO: Most properties are not supported on Safari iOS, revisit when form factor can be taken into account for Baseline.
+# See https://github.com/web-platform-dx/web-features/issues/1038.
+compat_features:
+  - css.properties.cursor
+  - css.properties.cursor.alias
+  - css.properties.cursor.all-scroll
+  - css.properties.cursor.auto
+  - css.properties.cursor.cell
+  - css.properties.cursor.col-resize
+  - css.properties.cursor.context-menu
+  - css.properties.cursor.copy
+  - css.properties.cursor.crosshair
+  - css.properties.cursor.default
+  - css.properties.cursor.e-resize
+  - css.properties.cursor.ew-resize
+  - css.properties.cursor.grab
+  - css.properties.cursor.grabbing
+  - css.properties.cursor.help
+  - css.properties.cursor.move
+  - css.properties.cursor.n-resize
+  - css.properties.cursor.ne-resize
+  - css.properties.cursor.nesw-resize
+  - css.properties.cursor.no-drop
+  - css.properties.cursor.none
+  - css.properties.cursor.not-allowed
+  - css.properties.cursor.ns-resize
+  - css.properties.cursor.nw-resize
+  - css.properties.cursor.nwse-resize
+  - css.properties.cursor.pointer
+  - css.properties.cursor.progress
+  - css.properties.cursor.row-resize
+  - css.properties.cursor.s-resize
+  - css.properties.cursor.se-resize
+  - css.properties.cursor.sw-resize
+  - css.properties.cursor.text
+  - css.properties.cursor.vertical-text
+  - css.properties.cursor.w-resize
+  - css.properties.cursor.wait
+  - css.properties.cursor.zoom-in
+  - css.properties.cursor.zoom-out
+  - svg.global_attributes.cursor

features/cursor.yml.dist

@@ -0,0 +1,141 @@
+# Generated from: cursor.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: ≤83
+    chrome_android: "83"
+    edge: "83"
+    firefox: ≤72
+    firefox_android: "95"
+    safari: ≤13.1
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2021-12-07
+  # baseline_high_date: 2024-06-07
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "95"
+  #   safari: "1.2"
+  #   safari_ios: "1"
+  - svg.global_attributes.cursor
+
+  # baseline: high
+  # baseline_low_date: 2021-12-07
+  # baseline_high_date: 2024-06-07
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "95"
+  #   safari: "1.2"
+  #   safari_ios: "13.4"
+  - css.properties.cursor
+  - css.properties.cursor.auto
+  - css.properties.cursor.text
+
+  # baseline: high
+  # baseline_low_date: 2021-12-07
+  # baseline_high_date: 2024-06-07
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1.5"
+  #   firefox_android: "95"
+  #   safari: "3"
+  #   safari_ios: "13.4"
+  - css.properties.cursor.cell
+
+  # baseline: false
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "95"
+  #   safari: "1.2"
+  - css.properties.cursor.crosshair
+  - css.properties.cursor.default
+  - css.properties.cursor.e-resize
+  - css.properties.cursor.help
+  - css.properties.cursor.move
+  - css.properties.cursor.n-resize
+  - css.properties.cursor.ne-resize
+  - css.properties.cursor.nw-resize
+  - css.properties.cursor.pointer
+  - css.properties.cursor.progress
+  - css.properties.cursor.s-resize
+  - css.properties.cursor.se-resize
+  - css.properties.cursor.sw-resize
+  - css.properties.cursor.w-resize
+  - css.properties.cursor.wait
+
+  # baseline: false
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1.5"
+  #   firefox_android: "95"
+  #   safari: "3"
+  - css.properties.cursor.alias
+  - css.properties.cursor.all-scroll
+  - css.properties.cursor.col-resize
+  - css.properties.cursor.context-menu
+  - css.properties.cursor.copy
+  - css.properties.cursor.ew-resize
+  - css.properties.cursor.nesw-resize
+  - css.properties.cursor.no-drop
+  - css.properties.cursor.not-allowed
+  - css.properties.cursor.ns-resize
+  - css.properties.cursor.nwse-resize
+  - css.properties.cursor.row-resize
+  - css.properties.cursor.vertical-text
+
+  # baseline: false
+  # support:
+  #   chrome: "5"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3"
+  #   firefox_android: "95"
+  #   safari: "5"
+  - css.properties.cursor.none
+
+  # baseline: false
+  # support:
+  #   chrome: "37"
+  #   chrome_android: "37"
+  #   edge: "12"
+  #   firefox: "24"
+  #   firefox_android: "95"
+  #   safari: "9"
+  - css.properties.cursor.zoom-in
+  - css.properties.cursor.zoom-out
+
+  # baseline: false
+  # support:
+  #   chrome: "68"
+  #   chrome_android: "68"
+  #   edge: "14"
+  #   firefox: "27"
+  #   firefox_android: "95"
+  #   safari: "11"
+  - css.properties.cursor.grab
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support:
+  #   chrome: ≤83
+  #   chrome_android: "83"
+  #   edge: "83"
+  #   firefox: ≤72
+  #   firefox_android: "95"
+  #   safari: ≤13.1
+  - css.properties.cursor.grabbing