Stage 1 reconsideration (#78)

* Updating settings

* Updating dependencies

* Finishing changelog

* Updating dependencies

* Removing unneeded pipe

* Adding more features to PostCSS Preset Env

Author: Antonio-Laguna

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changes to cssdb
 
+### 6.1.0 (Unreleased)
+
+- `blank-pseudo-class` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `clamp` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `color-contrast` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `color-functional-notation` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `custom-media-queries` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `display-two-values` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `display-two-values` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `opacity-percentage` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `prefers-color-scheme-query` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `prefers-reduced-motion-query` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `where-pseudo-class` is now Stage 2 and has links to an official spec! 🎉 (minor)
+- `container-queries` has official Working Draft linked (instead of Editor's Draft).
+- `nesting-rules` has official Working Draft linked (instead of Editor's Draft).
+- `overscroll-behavior-property` has official Working Draft linked (instead of Editor's Draft).
+- Updated `@mdn/browser-compat-data` to `4.1.5` (patch)
+- Updated `@astropub/webapi` to `0.10.11` (patch)
+- Updated `astro` to `0.22.20` (patch)
+- Updated `caniuse-lite` to `1.0.30001304` (patch)
+- Updated `stylelint` to `14.3.0` (minor)
+
 ### 6.0.2 (January 21, 2022)
 
 - Updated mechanism to calculate browser versions to be more reliable. This also introduces the option through `allow_partial_implementation` if we want to allow something such as Autoprefixer to take care with prefixing a given feature such as `:any-link`.

STAGES.md

@@ -58,7 +58,7 @@ to a particular way of solving a problem.
 > “This idea is becoming part of the web.”
 
 A **Candidate Recommendation** [championed] by a [W3C Working Group], usually
-implemented by at least 2 [recognized browser vendors], possibly behind a flag. |
+implemented by at least 2 [recognized browser vendors], possibly behind a flag.
 It should be considered stable and subject to little change. Stage 3 features
 will likely become a standard.
 

cssdb.json

@@ -67,8 +67,8 @@
     "id": "blank-pseudo-class",
     "title": "`:blank` Empty-Value Pseudo-Class",
     "description": "A pseudo-class for matching form elements when they are empty",
-    "specification": "https://drafts.csswg.org/selectors-4/#blank",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/selectors-4/#blank",
+    "stage": 2,
     "browser_support": {},
     "docs": {
       "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:blank"
@@ -151,8 +151,8 @@
     "id": "clamp",
     "title": "`clamp` Function",
     "description": "The clamp() CSS function clamps a value between an upper and lower bound. It enables selecting a middle value within a range of values between a defined minimum and maximum.",
-    "specification": "https://drafts.csswg.org/css-values/#calc-notation",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-values-4/#funcdef-clamp",
+    "stage": 2,
     "browser_support": {
       "chrome": "79",
       "and_chr": "79",
@@ -191,8 +191,8 @@
     "id": "color-contrast",
     "title": "`color-contrast()` Function",
     "description": "A function for choosing the color that contrasts the most.",
-    "specification": "https://drafts.csswg.org/css-color-5/#funcdef-color-contrast",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-5/#colorcontrast",
+    "stage": 2,
     "browser_support": {
       "safari": "15",
       "ios_saf": "15"
@@ -207,8 +207,8 @@
     "id": "color-functional-notation",
     "title": "Color Functional Notation",
     "description": "A space and slash separated notation for specifying colors",
-    "specification": "https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-4/#funcdef-rgb",
+    "stage": 2,
     "browser_support": {
       "chrome": "65",
       "and_chr": "65",
@@ -259,7 +259,7 @@
     "id": "container-queries",
     "title": "Container Queries",
     "description": "New container property and container at rule to make changes depending on the container's size",
-    "specification": "https://drafts.csswg.org/css-contain-3/#container-queries",
+    "specification": "https://www.w3.org/TR/css-contain-3/#container-queries",
     "stage": 0,
     "browser_support": {},
     "docs": {
@@ -281,8 +281,8 @@
     "id": "custom-media-queries",
     "title": "Custom Media Queries",
     "description": "An at-rule for defining aliases that represent media queries",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#at-ruledef-custom-media",
+    "stage": 2,
     "browser_support": {},
     "polyfills": [
       {
@@ -379,8 +379,8 @@
     "id": "display-two-values",
     "title": "Two values syntax for `display`",
     "description": "Syntax that allows definition of outer and inner displays types for an element",
-    "specification": "https://drafts.csswg.org/css-display/#the-display-properties",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-display-3/#the-display-properties",
+    "stage": 2,
     "browser_support": {
       "firefox": "70"
     },
@@ -945,7 +945,7 @@
     "id": "nesting-rules",
     "title": "Nesting Rules",
     "description": "A syntax for nesting relative rules within rules",
-    "specification": "https://drafts.csswg.org/css-nesting-1/",
+    "specification": "https://www.w3.org/TR/css-nesting-1/",
     "stage": 1,
     "browser_support": {},
     "polyfills": [
@@ -990,8 +990,8 @@
     "id": "opacity-percentage",
     "title": "Support for percentages for `opacity`",
     "description": "Syntactic sugar to use percentages instead of a float between 0 and 1.",
-    "specification": "https://drafts.csswg.org/css-color/#transparency",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-4/#transparency",
+    "stage": 2,
     "browser_support": {
       "chrome": "78",
       "and_chr": "78",
@@ -1071,7 +1071,7 @@
     "id": "overscroll-behavior-property",
     "title": "`overscroll-behavior` Property",
     "description": "Properties for controlling when the scroll position of a scroll container reaches the edge of a scrollport",
-    "specification": "https://drafts.csswg.org/css-overscroll-behavior",
+    "specification": "https://www.w3.org/TR/css-overscroll-1/",
     "stage": 1,
     "browser_support": {
       "edge": "79",
@@ -1124,8 +1124,8 @@
     "id": "prefers-color-scheme-query",
     "title": "`prefers-color-scheme` Media Query",
     "description": "A media query to detect if the user has requested the system use a light or dark color theme",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#prefers-color-scheme",
+    "stage": 2,
     "browser_support": {
       "edge": "79",
       "firefox": "67",
@@ -1158,8 +1158,8 @@
     "id": "prefers-reduced-motion-query",
     "title": "`prefers-reduced-motion` Media Query",
     "description": "A media query to detect if the user has requested less animation and general motion on the page",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#prefers-reduced-motion",
+    "stage": 2,
     "browser_support": {
       "edge": "79",
       "firefox": "63",
@@ -1285,8 +1285,8 @@
     "id": "where-pseudo-class",
     "title": "`:where()` Zero-Specificity Pseudo-Class",
     "description": "A pseudo-class for matching elements in a selector list without contributing specificity",
-    "specification": "https://drafts.csswg.org/selectors-4/#where-pseudo",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/selectors-4/#where-pseudo",
+    "stage": 2,
     "browser_support": {
       "chrome": "88",
       "and_chr": "88",

cssdb.mjs

@@ -67,8 +67,8 @@ export default [
     "id": "blank-pseudo-class",
     "title": "`:blank` Empty-Value Pseudo-Class",
     "description": "A pseudo-class for matching form elements when they are empty",
-    "specification": "https://drafts.csswg.org/selectors-4/#blank",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/selectors-4/#blank",
+    "stage": 2,
     "browser_support": {},
     "docs": {
       "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:blank"
@@ -151,8 +151,8 @@ export default [
     "id": "clamp",
     "title": "`clamp` Function",
     "description": "The clamp() CSS function clamps a value between an upper and lower bound. It enables selecting a middle value within a range of values between a defined minimum and maximum.",
-    "specification": "https://drafts.csswg.org/css-values/#calc-notation",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-values-4/#funcdef-clamp",
+    "stage": 2,
     "browser_support": {
       "chrome": "79",
       "and_chr": "79",
@@ -191,8 +191,8 @@ export default [
     "id": "color-contrast",
     "title": "`color-contrast()` Function",
     "description": "A function for choosing the color that contrasts the most.",
-    "specification": "https://drafts.csswg.org/css-color-5/#funcdef-color-contrast",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-5/#colorcontrast",
+    "stage": 2,
     "browser_support": {
       "safari": "15",
       "ios_saf": "15"
@@ -207,8 +207,8 @@ export default [
     "id": "color-functional-notation",
     "title": "Color Functional Notation",
     "description": "A space and slash separated notation for specifying colors",
-    "specification": "https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-4/#funcdef-rgb",
+    "stage": 2,
     "browser_support": {
       "chrome": "65",
       "and_chr": "65",
@@ -259,7 +259,7 @@ export default [
     "id": "container-queries",
     "title": "Container Queries",
     "description": "New container property and container at rule to make changes depending on the container's size",
-    "specification": "https://drafts.csswg.org/css-contain-3/#container-queries",
+    "specification": "https://www.w3.org/TR/css-contain-3/#container-queries",
     "stage": 0,
     "browser_support": {},
     "docs": {
@@ -281,8 +281,8 @@ export default [
     "id": "custom-media-queries",
     "title": "Custom Media Queries",
     "description": "An at-rule for defining aliases that represent media queries",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#at-ruledef-custom-media",
+    "stage": 2,
     "browser_support": {},
     "polyfills": [
       {
@@ -379,8 +379,8 @@ export default [
     "id": "display-two-values",
     "title": "Two values syntax for `display`",
     "description": "Syntax that allows definition of outer and inner displays types for an element",
-    "specification": "https://drafts.csswg.org/css-display/#the-display-properties",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-display-3/#the-display-properties",
+    "stage": 2,
     "browser_support": {
       "firefox": "70"
     },
@@ -945,7 +945,7 @@ export default [
     "id": "nesting-rules",
     "title": "Nesting Rules",
     "description": "A syntax for nesting relative rules within rules",
-    "specification": "https://drafts.csswg.org/css-nesting-1/",
+    "specification": "https://www.w3.org/TR/css-nesting-1/",
     "stage": 1,
     "browser_support": {},
     "polyfills": [
@@ -990,8 +990,8 @@ export default [
     "id": "opacity-percentage",
     "title": "Support for percentages for `opacity`",
     "description": "Syntactic sugar to use percentages instead of a float between 0 and 1.",
-    "specification": "https://drafts.csswg.org/css-color/#transparency",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/css-color-4/#transparency",
+    "stage": 2,
     "browser_support": {
       "chrome": "78",
       "and_chr": "78",
@@ -1071,7 +1071,7 @@ export default [
     "id": "overscroll-behavior-property",
     "title": "`overscroll-behavior` Property",
     "description": "Properties for controlling when the scroll position of a scroll container reaches the edge of a scrollport",
-    "specification": "https://drafts.csswg.org/css-overscroll-behavior",
+    "specification": "https://www.w3.org/TR/css-overscroll-1/",
     "stage": 1,
     "browser_support": {
       "edge": "79",
@@ -1124,8 +1124,8 @@ export default [
     "id": "prefers-color-scheme-query",
     "title": "`prefers-color-scheme` Media Query",
     "description": "A media query to detect if the user has requested the system use a light or dark color theme",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#prefers-color-scheme",
+    "stage": 2,
     "browser_support": {
       "edge": "79",
       "firefox": "67",
@@ -1158,8 +1158,8 @@ export default [
     "id": "prefers-reduced-motion-query",
     "title": "`prefers-reduced-motion` Media Query",
     "description": "A media query to detect if the user has requested less animation and general motion on the page",
-    "specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/mediaqueries-5/#prefers-reduced-motion",
+    "stage": 2,
     "browser_support": {
       "edge": "79",
       "firefox": "63",
@@ -1285,8 +1285,8 @@ export default [
     "id": "where-pseudo-class",
     "title": "`:where()` Zero-Specificity Pseudo-Class",
     "description": "A pseudo-class for matching elements in a selector list without contributing specificity",
-    "specification": "https://drafts.csswg.org/selectors-4/#where-pseudo",
-    "stage": 1,
+    "specification": "https://www.w3.org/TR/selectors-4/#where-pseudo",
+    "stage": 2,
     "browser_support": {
       "chrome": "88",
       "and_chr": "88",