cssdb - npm Package Compare versions

Comparing version 2.2.0 to 3.0.0

CHANGELOG.md

 # Changes to cssdb
 
+### 3.0.0 (May 7th, 2018)
+
+- Changed: All stages from 1-4 to 0-4 to align with TC39
+- Updated: Tests, badges, descriptions, and dependencies
+
 ### 2.2.0 (May 7th, 2018)
@@ -17,3 +22,3 @@
 
-- Renamed: GitHub repository from `css-db` to `cssdb`, now aligning with npm.
+- Renamed: GitHub repository from `css-db` to `cssdb`, now aligning with npm
 - Renamed: All feature IDs.
@@ -20,0 +25,0 @@ - Updated: Documentation.

cssdb.json

@@ -7,3 +7,3 @@ [
     "specification": "https://www.w3.org/TR/css-cascade-3/#all-shorthand",
-    "stage": 4,
+    "stage": 3,
     "caniuse": "css-all",
@@ -23,3 +23,3 @@ "example": "a {\n  all: initial;\n}",
     "specification": "https://www.w3.org/TR/selectors4/#any-link-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-any-link",
@@ -35,16 +35,2 @@ "example": "nav :any-link > span {\n  background-color: yellow;\n}",
   {
-    "id": "aspect-ratio-property",
-    "title": "`aspect-ratio` Property",
-    "description": "A property for defining the aspect ratio of an element",
-    "specification": "https://tomhodgins.github.io/aspect-ratio-spec/aspect-ratio.html",
-    "stage": 0,
-    "example": "div {\n  aspect-ratio: 16/9;\n  width: 200px;\n}",
-    "polyfills": [
-      {
-        "type": "JavaScript Library",
-        "link": "https://github.com/tomhodgins/aspect-ratio-spec"
-      }
-    ]
-  },
-  {
     "id": "break-properties",
@@ -54,3 +40,3 @@ "title": "Break Properties",
     "specification": "https://www.w3.org/TR/css-break-3/#breaking-controls",
-    "stage": 4,
+    "stage": 3,
     "caniuse": "multicolumn",
@@ -70,3 +56,3 @@ "example": "a {\n  break-inside: avoid;\n  break-before: avoid-column;\n  break-after: always;\n}",
     "specification": "https://www.w3.org/TR/selectors4/#attribute-case",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-case-insensitive",
@@ -86,3 +72,3 @@ "example": "[frame=hsides i] {\n  border-style: solid none;\n}",
     "specification": "https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0",
-    "stage": 2,
+    "stage": 1,
     "example": "em {\n  background-color: hsl(120deg 100% 25%);\n  box-shadow: 0 0 0 10px hwb(120deg 100% 25% / 80%);\n  color: rgb(0 255 0);\n}",
@@ -101,3 +87,3 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-color-mod",
-    "stage": 3,
+    "stage": 2,
     "example": "p {\n  color: color-mod(black alpha(50%));\n}",
@@ -116,3 +102,3 @@ "polyfills": [
     "specification": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media",
-    "stage": 2,
+    "stage": 1,
     "example": "@custom-media --narrow-window (max-width: 30em);\n\n@media (--narrow-window) {}",
@@ -131,3 +117,3 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/css-variables-1/",
-    "stage": 4,
+    "stage": 3,
     "caniuse": "css-variables",
@@ -162,3 +148,3 @@ "example": "img {\n  --some-length: 32px;\n\n  height: var(--some-length);\n  width: var(--some-length);\n}",
     "specification": "https://drafts.csswg.org/css-extensions/#custom-selectors",
-    "stage": 2,
+    "stage": 1,
     "example": "@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\narticle :--heading + p {}",
@@ -177,5 +163,5 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/selectors4/#dir-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-dir-pseudo",
-    "example": ".example:dir(rtl) {\n  margin-right: 10px;\n}\n\n.example:dir(ltr) {\n  margin-left: 10px;\n}",
+    "example": "blockquote:dir(rtl) {\n  margin-right: 10px;\n}\n\nblockquote:dir(ltr) {\n  margin-left: 10px;\n}",
     "polyfills": [
@@ -189,21 +175,7 @@ {
   {
-    "id": "element-queries",
-    "title": "Element Queries",
-    "description": "A syntax for container-style element queries",
-    "specification": "https://tomhodgins.github.io/element-queries-spec/element-queries.html",
-    "stage": 0,
-    "example": "@element html and (min-width: 500px) {\n  body {\n    background: lime;\n  }\n}",
-    "polyfills": [
-      {
-        "type": "JavaScript Library",
-        "link": "https://github.com/eqcss/eqcss"
-      }
-    ]
-  },
-  {
     "id": "environment-variables",
-    "title": "Environment Variables",
+    "title": "Custom Environment Variables",
     "description": "A syntax for using custom values accepted by CSS globally",
-    "specification": "https://drafts.csswg.org/css-overflow/#propdef-overflow",
-    "stage": 1,
+    "specification": "https://drafts.csswg.org/css-env-1/",
+    "stage": 0,
     "example": "@media (max-width: env(--brand-small)) {\n  body {\n    padding: env(--brand-spacing);\n  }\n}",
@@ -222,3 +194,3 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/selectors-4/#focus-visible-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-focus-visible",
@@ -242,3 +214,3 @@ "example": ":focus:not(:focus-visible) {\n  outline: 0;\n}",
     "specification": "https://www.w3.org/TR/selectors-4/#focus-within-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-focus-within",
@@ -262,5 +234,5 @@ "example": "form:focus-within {\n  background: rgba(0, 0, 0, 0.3);\n}",
     "specification": "https://www.w3.org/TR/css-fonts-3/#propdef-font-variant",
-    "stage": 4,
+    "stage": 3,
     "caniuse": "font-variant-alternates",
-    "example": "h2 {\n  font-variant-caps: small-caps;\n}",
+    "example": "h2 {\n  font-variant: small-caps;\n}",
     "polyfills": [
@@ -278,3 +250,3 @@ {
     "specification": "https://www.w3.org/TR/css-grid-1/#gutters",
-    "stage": 4,
+    "stage": 3,
     "caniuse-compat": {
@@ -308,3 +280,3 @@ "chrome": {
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-gray",
-    "stage": 3,
+    "stage": 2,
     "example": "p {\n  color: gray(50);\n}",
@@ -323,3 +295,3 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/css-grid-1/",
-    "stage": 4,
+    "stage": 3,
     "caniuse": "css-grid",
@@ -339,3 +311,3 @@ "example": "section {\n  display: grid;\n  grid-template-columns: 100px 100px 100px;\n  grid-gap: 10px;\n}",
     "specification": "https://www.w3.org/TR/selectors-4/#has-pseudo",
-    "stage": 3,
+    "stage": 2,
     "example": "a:has(> img) {\n  display: block;\n}"
@@ -348,3 +320,3 @@ },
     "specification": "https://www.w3.org/TR/css-color-4/#hex-notation",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-rrggbbaa",
@@ -364,3 +336,3 @@ "example": "section {\n  background-color: #f3f3f3f3;\n  color: #0003;\n}",
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-hwb",
-    "stage": 3,
+    "stage": 2,
     "example": "p {\n  color: hwb(120 44% 50%);\n}",
@@ -379,3 +351,3 @@ "polyfills": [
     "specification": "https://www.w3.org/TR/css-images-4/#image-set-notation",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-image-set",
@@ -395,4 +367,4 @@ "example": "p {\n  background-image: image-set(\n    \"foo.png\" 1x,\n    \"foo-2x.png\" 2x,\n    \"foo-print.png\" 600dpi\n  );\n}",
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab",
-    "stage": 3,
-    "example": "example {\n  color: lab(240 50 20)\n}"
+    "stage": 2,
+    "example": "body {\n  color: lab(240 50 20)\n}"
   },
@@ -404,4 +376,4 @@ {
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch",
-    "stage": 3,
-    "example": "example {\n  color: lch(53 105 40)\n}"
+    "stage": 2,
+    "example": "body {\n  color: lch(53 105 40)\n}"
   },
@@ -413,3 +385,3 @@ {
     "specification": "https://www.w3.org/TR/css-logical/",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-logical-props",
@@ -429,3 +401,3 @@ "example": "span:first-child {\n  float: inline-start;\n  margin-inline-start: 10px;\n}",
     "specification": "https://www.w3.org/TR/selectors4/#matches-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-matches-pseudo",
@@ -441,16 +413,2 @@ "example": "p:matches(:first-child, .special) {\n  margin-top: 1em;\n}",
   {
-    "id": "media-function",
-    "title": "`media()` Function",
-    "description": "A function for specifying media queries within values",
-    "specification": "https://jonathantneal.github.io/media-expressions-spec/",
-    "stage": 0,
-    "example": "p {\n  font-size: media(\n    16px,\n    (min-width:  600px) 20px,\n    (min-width: 1000px) 40px,\n    (min-width: 1400px) 60px\n  );\n}",
-    "polyfills": [
-      {
-        "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-media-fn"
-      }
-    ]
-  },
-  {
     "id": "media-query-ranges",
@@ -460,3 +418,3 @@ "title": "Media Query Ranges",
     "specification": "https://www.w3.org/TR/mediaqueries-4/#range-context",
-    "stage": 4,
+    "stage": 3,
     "example": "@media (width < 480px) {}\n\n@media (480px <= width < 768px) {}\n\n@media (width >= 768px) {}",
@@ -475,3 +433,3 @@ "polyfills": [
     "specification": "https://tabatkins.github.io/specs/css-nesting/",
-    "stage": 1,
+    "stage": 0,
     "example": "article {\n  & p {\n    color: #333;\n  }\n}",
@@ -487,6 +445,6 @@ "polyfills": [
     "id": "not-pseudo-class",
-    "title": "`:not()` Negation Pseudo-Class",
+    "title": "`:not()` Negation List Pseudo-Class",
     "description": "A pseudo-class for ignoring elements in a selector list",
     "specification": "https://www.w3.org/TR/selectors4/#negation-pseudo",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-not-sel-list",
@@ -503,6 +461,6 @@ "example": "p:not(:first-child, .special) {\n  margin-top: 1em;\n}",
     "id": "overflow-property",
-    "title": "`overflow` Property",
+    "title": "`overflow` Shorthand Property",
     "description": "A property for defining `overflow-x` and `overflow-y`",
     "specification": "https://drafts.csswg.org/css-overflow/#propdef-overflow",
-    "stage": 2,
+    "stage": 1,
     "caniuse-compat": {
@@ -529,3 +487,3 @@ "chrome": {
     "specification": "https://www.w3.org/TR/css-text-3/#overflow-wrap-property",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "wordwrap",
@@ -544,3 +502,3 @@ "example": "p {\n  overflow-wrap: break-word;\n}",
     "description": "Properties for defining alignment within a layout",
-    "specification": "https://drafts.csswg.org/css-align-3/#place-items-property",
+    "specification": "https://www.w3.org/TR/css-align-3/#place-items-property",
     "stage": 2,
@@ -568,3 +526,3 @@ "caniuse-compat": {
     "specification": "https://www.w3.org/TR/css-color-4/#valdef-color-rebeccapurple",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "css-rebeccapurple",
@@ -584,3 +542,3 @@ "example": "html {\n  color: rebeccapurple;\n}",
     "specification": "https://www.w3.org/TR/selectors-4/#something-pseudo",
-    "stage": 3,
+    "stage": 2,
     "example": "a:something(:not(:hover)) {\n  text-decoration: none;\n}"
@@ -593,3 +551,3 @@ },
     "specification": "https://www.w3.org/TR/css-fonts-4/#system-ui-def",
-    "stage": 3,
+    "stage": 2,
     "caniuse": "font-family-system-ui",
@@ -609,5 +567,5 @@ "example": "body {\n  font-family: system-ui;\n}",
     "specification": "https://tabatkins.github.io/specs/css-when-else/",
-    "stage": 1,
+    "stage": 0,
     "example": "@when media(width >= 640px) and (supports(display: flex) or supports(display: grid)) {\n  /* A */\n} @else media(pointer: coarse) {\n  /* B */\n} @else {\n  /* C */\n}"
   }
 ]

package.json

 {
   "name": "cssdb",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",
   "author": "Jonathan Neal <[e-mail]>",
   "license": "CC0-1.0",
-  "repository": "jonathantneal/cssdb",
-  "homepage": "https://github.com/jonathantneal/cssdb#readme",
-  "bugs": "https://github.com/jonathantneal/cssdb/issues",
+  "repository": "csstools/cssdb",
+  "homepage": "https://github.com/csstools/cssdb#readme",
+  "bugs": "https://github.com/csstools/cssdb/issues",
   "main": "cssdb.json",
@@ -19,4 +19,4 @@ "files": [
   "devDependencies": {
-    "browserslist": "^3.2.6",
-    "caniuse-lite": "^1.0.30000835",
+    "browserslist": "^3.2.7",
+    "caniuse-lite": "^1.0.30000839",
     "eslit": "^5.0.0",
@@ -23,0 +23,0 @@ "fse": "^4.0.0",

README.md

@@ -1,2 +0,2 @@
-# cssdb [<img src="https://jonathantneal.github.io/cssdb/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb]
+# cssdb [<img src="https://cssdb.org/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb]
 
@@ -29,5 +29,5 @@ [![NPM Version][npm-img]][npm-url]
 
-[cli-img]: https://img.shields.io/travis/jonathantneal/cssdb.svg
-[cli-url]: https://travis-ci.org/jonathantneal/cssdb
-[cssdb]: https://github.com/jonathantneal/cssdb
+[cli-img]: https://img.shields.io/travis/csstools/cssdb.svg
+[cli-url]: https://travis-ci.org/csstools/cssdb
+[cssdb]: https://github.com/csstools/cssdb
 [CSSWG]: https://wiki.csswg.org/spec
@@ -34,0 +34,0 @@ [inside view of the CSSWG]: http://fantasai.inkedblade.net/weblog/2011/inside-csswg/process

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

30188

decreased by-4.47%

Lines of code

534

decreased by-7.29%

No dependency changes