cssdb - npm Package Compare versions

Comparing version 5.0.0 to 5.1.0

cssdb.json

@@ -7,3 +7,3 @@ [
     "specification": "https://www.w3.org/TR/css-cascade-3/#all-shorthand",
-    "stage": 3,
+    "stage": 4,
     "caniuse": "css-all",
@@ -35,3 +35,3 @@ "docs": {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-pseudo-class-any-link"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-pseudo-class-any-link"
       }
@@ -53,7 +53,7 @@ ]
         "type": "JavaScript Library",
-        "link": "https://github.com/csstools/css-blank-pseudo"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-blank-pseudo"
       },
       {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/csstools/css-blank-pseudo"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-blank-pseudo"
       }
@@ -111,2 +111,14 @@ ]
   {
+    "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,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-contrast()"
+    },
+    "example": "p {\n  color: color-contrast(wheat vs tan, sienna, var(--myAccent), #d2691e);\n}",
+    "polyfills": []
+  },
+  {
     "id": "color-functional-notation",
@@ -121,3 +133,3 @@ "title": "Color Functional Notation",
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-color-functional-notation"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-functional-notation"
       }
@@ -127,2 +139,11 @@ ]
   {
+    "id": "color-mix",
+    "title": "`color-mix()` Function",
+    "description": "A function for mixing colors",
+    "specification": "https://drafts.csswg.org/css-color-5/#color-mix",
+    "stage": -1,
+    "example": "p {\n  color: color-mix(in lch, purple 50%, plum 50%);\n}",
+    "polyfills": []
+  },
+  {
     "id": "color-mod-function",
@@ -137,3 +158,3 @@ "title": "`color-mod()` Function",
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-color-mod-function"
+        "link": "https://github.com/csstools/postcss-color-mod-function"
       }
@@ -143,2 +164,24 @@ ]
   {
+    "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",
+    "stage": 0,
+    "caniuse": "css-container-queries",
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries"
+    },
+    "example": ".container {\n  contain: layout inline-size;\n}\n\n@container (min-width: 700px) {\n  .container {\n    /* styles applied when a container is at least 700px */\n  }\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/jsxtools/cqfill"
+      },
+      {
+        "type": "JavaScript Library",
+        "link": "https://www.npmjs.com/package/container-query-polyfill"
+      }
+    ]
+  },
+  {
     "id": "custom-media-queries",
@@ -171,3 +214,3 @@ "title": "Custom Media Queries",
         "type": "PostCSS Plugin",
-        "link": "https://github.com/postcss/postcss-custom-properties"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-properties"
       }
@@ -219,3 +262,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-dir-pseudo-class"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-dir-pseudo-class"
       }
@@ -236,2 +279,11 @@ ]
         "71": "y"
+      },
+      "edge": {
+        "79": "y"
+      },
+      "ios_saf": {
+        "12.2": "y"
+      },
+      "opera": {
+        "58": "y"
       }
@@ -243,3 +295,3 @@ },
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-double-position-gradients"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-double-position-gradients"
       }
@@ -254,16 +306,3 @@ ]
     "stage": 0,
-    "caniuse-compat": {
-      "and_chr": {
-        "69": "y"
-      },
-      "chrome": {
-        "69": "y"
-      },
-      "ios_saf": {
-        "11.2": "y"
-      },
-      "safari": {
-        "11.2": "y"
-      }
-    },
+    "caniuse": "css-env-function",
     "docs": {
@@ -276,3 +315,3 @@ "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/env"
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-env-function"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-env-function"
       }
@@ -282,2 +321,19 @@ ]
   {
+    "id": "fangsong-font-family",
+    "title": "`fangsong` Font Family",
+    "description": "A generic font used for Fang Song (仿宋) typefaces in Chinese",
+    "specification": "https://www.w3.org/TR/css-fonts-4/#fangsong-def",
+    "stage": 2,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Syntax"
+    },
+    "example": "body {\n  font-family: fangsong;\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/JLHwung/postcss-font-family-fangsong"
+      }
+    ]
+  },
+  {
     "id": "focus-visible-pseudo-class",
@@ -300,3 +356,3 @@ "title": "`:focus-visible` Focus-Indicated Pseudo-Class",
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-focus-visible"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-focus-visible"
       }
@@ -319,7 +375,7 @@ ]
         "type": "JavaScript Library",
-        "link": "https://github.com/jonathantneal/focus-within"
+        "link": "https://github.com/jsxtools/focus-within"
       },
       {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-focus-within"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-focus-within"
       }
@@ -329,2 +385,19 @@ ]
   {
+    "id": "font-format-keywords",
+    "title": "Font `format()` Keywords",
+    "description": "A syntax for specifying font format as a keyword in `@font-face` rule’s `format()` function",
+    "specification": "https://www.w3.org/TR/css-fonts-4/#font-format-values",
+    "stage": 1,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"
+    },
+    "example": "@font-face {\n  src: url(file.woff2) format(woff2);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/valtlai/postcss-font-format-keywords"
+      }
+    ]
+  },
+  {
     "id": "font-variant-property",
@@ -334,3 +407,3 @@ "title": "`font-variant` Property",
     "specification": "https://www.w3.org/TR/css-fonts-3/#propdef-font-variant",
-    "stage": 3,
+    "stage": 4,
     "caniuse": "font-variant-alternates",
@@ -376,3 +449,3 @@ "docs": {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-gap-properties"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gap-properties"
       }
@@ -386,3 +459,3 @@ ]
     "specification": "https://www.w3.org/TR/css-color-4/#funcdef-gray",
-    "stage": 2,
+    "stage": -1,
     "example": "p {\n  color: gray(50);\n}",
@@ -428,7 +501,7 @@ "polyfills": [
         "type": "JavaScript Library",
-        "link": "https://github.com/csstools/css-has-pseudo"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo"
       },
       {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/csstools/css-has-pseudo"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo"
       }
@@ -451,3 +524,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/postcss/postcss-color-hex-alpha"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-hex-alpha"
       }
@@ -462,2 +535,5 @@ ]
     "stage": 2,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb()"
+    },
     "example": "p {\n  color: hwb(120 44% 50%);\n}",
@@ -472,2 +548,19 @@ "polyfills": [
   {
+    "id": "ic-unit",
+    "title": "`ic` length unit",
+    "description": "Equal to the used advance measure of the \"水\" (CJK water ideograph, U+6C34) glyph found in the font used to render it",
+    "specification": "https://www.w3.org/TR/css-values-4/#ic",
+    "stage": 2,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units#dimensions"
+    },
+    "example": "p {\n  text-indent: 2ic;\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/JLHwung/postcss-ic-unit"
+      }
+    ]
+  },
+  {
     "id": "image-set-function",
@@ -486,3 +579,3 @@ "title": "`image-set()` Function",
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-image-set-function"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-image-set-function"
       }
@@ -509,2 +602,3 @@ ]
     "stage": 2,
+    "caniuse": "css-matches-pseudo",
     "docs": {
@@ -521,2 +615,6 @@ "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is"
     "stage": 2,
+    "caniuse": "css-lch-lab",
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab()"
+    },
     "example": "body {\n  color: lab(240 50 20);\n}",
@@ -526,3 +624,3 @@ "polyfills": [
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-lab-function"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function"
       }
@@ -537,2 +635,6 @@ ]
     "stage": 2,
+    "caniuse": "css-lch-lab",
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch()"
+    },
     "example": "body {\n  color: lch(53 105 40);\n}",
@@ -542,3 +644,3 @@ "polyfills": [
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-lab-function"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function"
       }
@@ -561,3 +663,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-logical-properties"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical"
       }
@@ -573,2 +675,5 @@ ]
     "caniuse": "css-matches-pseudo",
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is"
+    },
     "example": "p:matches(:first-child, .special) {\n  margin-top: 1em;\n}",
@@ -605,2 +710,3 @@ "polyfills": [
     "stage": 1,
+    "caniuse": "css-nesting",
     "example": "article {\n  & p {\n    color: #333;\n  }\n}",
@@ -610,3 +716,3 @@ "polyfills": [
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-nesting"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting"
       }
@@ -661,3 +767,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-overflow-shorthand"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-overflow-shorthand"
       }
@@ -717,3 +823,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/jonathantneal/postcss-place"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-place"
       }
@@ -729,9 +835,4 @@ ]
     "caniuse": "prefers-color-scheme",
-    "caniuse-compat": {
-      "ios_saf": {
-        "12.1": "y"
-      },
-      "safari": {
-        "12.1": "y"
-      }
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
     },
@@ -742,7 +843,7 @@ "example": "body {\n  background-color: white;\n  color: black;\n}\n\n@media (prefers-color-scheme: dark) {\n  body {\n    background-color: black;\n    color: white;\n  }\n}",
         "type": "JavaScript Library",
-        "link": "https://github.com/csstools/css-prefers-color-scheme"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme"
       },
       {
         "type": "PostCSS Plugin",
-        "link": "https://github.com/csstools/css-prefers-color-scheme"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme"
       }
@@ -789,3 +890,3 @@ ]
         "type": "PostCSS Plugin",
-        "link": "https://github.com/postcss/postcss-color-rebeccapurple"
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-rebeccapurple"
       }
@@ -826,4 +927,7 @@ ]
     "stage": 1,
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:where"
+    },
     "example": "a:where(:not(:hover)) {\n  text-decoration: none;\n}"
   }
 ]

package.json

 {
   "name": "cssdb",
-  "version": "5.0.0",
+  "version": "5.1.0",
+  "type": "module",
   "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",
@@ -11,30 +12,53 @@ "author": "Jonathan Neal <[e-mail]>",
   "main": "cssdb.json",
+  "module": "cssdb.mjs",
   "files": [
-    "cssdb.json"
+    "cssdb.json",
+    "cssdb.mjs"
   ],
+  "exports": {
+    ".": {
+      "import": "./cssdb.mjs",
+      "require": "./cssdb.json",
+      "default": "./cssdb.json"
+    }
+  },
   "scripts": {
-    "start": "node tasks/start",
-    "start:nobadges": "node tasks/start --no-badges",
+    "start": "astro dev",
+    "prestart": "npm run create-badges",
+    "prebuild": "npm run create-badges",
+    "build": "astro build",
+    "prepublishOnly": "node tasks/esm-converter.mjs",
+    "create-badges": "node tasks/write-badges.js",
     "test": "npm run test:css && npm run test:json",
-    "test:css": "stylelint tasks/style-template.css",
-    "test:json": "node tasks/test",
-    "watch": "http-server gh-pages"
+    "test:css": "stylelint src/styles/style.css",
+    "test:json": "node tasks/test.cjs"
   },
   "devDependencies": {
-    "browserslist": "^4.6.0",
-    "caniuse-lite": "^1.0.30000971",
-    "cssnano": "^4.1.10",
-    "eslit": "^6.0.0",
+    "@astropub/webapi": "^0.7.4",
+    "astro": "^0.22.1",
+    "browserslist": "^4.19.1",
+    "caniuse-lite": "^1.0.30001292",
     "fse": "^4.0.1",
-    "http-server": "^0.11.1",
-    "marked": "^0.6.2",
-    "node-fetch": "^2.6.0",
-    "postcss": "^7.0.16",
-    "postcss-preset-env": "^6.6.0",
+    "postcss": "^8.4.5",
+    "postcss-preset-env": "^7.1.0",
     "pre-commit": "^1.2.2",
-    "stylelint": "^10.0.1",
-    "stylelint-config-dev": "^4.0.0"
+    "stylelint": "^14.2.0",
+    "stylelint-config-standard": "^24.0.0"
   },
   "stylelint": {
-    "extends": "stylelint-config-dev"
+    "extends": "stylelint-config-standard",
+    "rules": {
+      "indentation": "tab",
+      "property-no-unknown": [
+        true,
+        {
+          "ignoreProperties": [
+            "font-smoothing"
+          ]
+        }
+      ],
+      "selector-class-pattern": null,
+      "no-descending-specificity": null,
+      "number-leading-zero": "never"
+    }
   },
@@ -41,0 +65,0 @@ "keywords": [

README.md

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

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a 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

Improved metrics

Total package byte prevSize

73989

increased by79.14%

Dev dependency count

10

decreased by-23.08%

Lines of code

1784

increased by126.4%

Is type module

Yes

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes