@ui-js/chromatic - npm Package Compare versions

Comparing version 0.8.3 to 0.8.4

bin/package.json

 {
-    "name": "@ui-js/chromatic",
-    "version": "0.8.2",
-    "description": "A build system for managing cross-platform design systems using design tokens.",
-    "publishConfig": {
-        "access": "public"
-    },
-    "keywords": [
-        "design tokens",
-        "design system",
-        "ui",
-        "theo",
-        "build system",
-        "css",
-        "sass",
-        "less",
-        "stylus",
-        "iOS",
-        "Android",
-        "style guide"
+  "name": "@ui-js/chromatic",
+  "version": "0.8.3",
+  "description": "A build system for managing cross-platform design systems using design tokens.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "design tokens",
+    "design system",
+    "ui",
+    "theo",
+    "build system",
+    "css",
+    "sass",
+    "less",
+    "stylus",
+    "iOS",
+    "Android",
+    "style guide"
+  ],
+  "license": "MIT",
+  "files": [
+    "bin/**"
+  ],
+  "engines": {
+    "node": ">=16.14.2"
+  },
+  "devDependencies": {
+    "@cortex-js/prettier-config": "^1.1.1",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.3.7",
+    "prettier": "^2.6.2",
+    "rollup": "^2.70.1",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-eslint": "^7.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "typescript": "^4.6.3"
+  },
+  "dependencies": {
+    "chalk": "4.1.2",
+    "chokidar": "^3.5.3",
+    "chroma-js": "^2.4.2",
+    "ci-info": "^3.3.0",
+    "color": "^4.2.1",
+    "color-name": "^1.1.4",
+    "cosmiconfig": "^7.0.1",
+    "fs-extra": "^10.0.1",
+    "glob": "^7.2.0",
+    "handlebars": "^4.7.7",
+    "highlight.js": "^11.5.0",
+    "json5": "^2.2.1",
+    "marked": "^4.0.12",
+    "please-upgrade-node": "^3.2.0",
+    "resolve-from": "^5.0.0",
+    "string-similarity": "^4.0.4",
+    "update-notifier": "^5.1.0",
+    "yaml": "^1.10.2",
+    "yargs": "^17.4.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ui-js/chromatic.git"
+  },
+  "bin": {
+    "chromatic": "./bin/chromatic"
+  },
+  "scripts": {
+    "build": "bash ./scripts/build.sh dev",
+    "build:prod": "bash ./scripts/build.sh production",
+    "chromatic": "node ./bin/chromatic",
+    "clean": "bash ./scripts/clean.sh",
+    "coverage": "bash ./scripts/test.sh coverage",
+    "lint": "prettier --ignore-path ./.prettierignore --write \"**/*.{ts,js,css,md,yml,json}\" \"!vendor/**\"",
+    "snapshot": "bash ./scripts/test.sh snapshot",
+    "test": "bash ./scripts/test.sh",
+    "watch": "rollup --config ./config/rollup.config.js --watch"
+  },
+  "prettier": "@cortex-js/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.ts": [
+      "eslint --fix",
+      "git add"
     ],
-    "license": "MIT",
-    "files": [
-        "bin/**"
+    "*.{js,css,json,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/test",
+      "<rootDir>/bin"
     ],
-    "engines": {
-        "npm": ">=6.14.8",
-        "node": ">=12.0.0"
-    },
-    "devDependencies": {
-        "@cortex-js/prettier-config": "^1.1.0",
-        "@rollup/plugin-node-resolve": "^11.1.0",
-        "@typescript-eslint/eslint-plugin": "^4.14.0",
-        "@typescript-eslint/parser": "^4.14.0",
-        "eslint": "^7.18.0",
-        "eslint-config-prettier": "^7.2.0",
-        "eslint-plugin-prettier": "^3.3.1",
-        "husky": "^4.3.8",
-        "jest": "^26.6.3",
-        "lint-staged": "^10.5.3",
-        "prettier": "^2.2.1",
-        "rollup": "^2.38.0",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-copy": "^3.3.0",
-        "rollup-plugin-eslint": "^7.0.0",
-        "rollup-plugin-terser": "^7.0.2",
-        "rollup-plugin-typescript2": "^0.29.0",
-        "typescript": "^4.1.3"
-    },
-    "dependencies": {
-        "chalk": "^4.1.0",
-        "chokidar": "^3.5.1",
-        "chroma-js": "^2.1.0",
-        "ci-info": "^2.0.0",
-        "color": "^3.1.3",
-        "color-name": "^1.1.4",
-        "cosmiconfig": "^7.0.0",
-        "fs-extra": "^9.1.0",
-        "glob": "^7.1.6",
-        "handlebars": "^4.7.6",
-        "highlight.js": "^10.5.0",
-        "json5": "^2.1.3",
-        "marked": "^1.2.7",
-        "please-upgrade-node": "^3.2.0",
-        "resolve-from": "^5.0.0",
-        "string-similarity": "^4.0.4",
-        "update-notifier": "^5.0.1",
-        "yaml": "^1.10.0",
-        "yargs": "^16.2.0"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/ui-js/chromatic.git"
-    },
-    "bin": {
-        "chromatic": "./bin/chromatic"
-    },
-    "scripts": {
-        "build": "bash ./scripts/build.sh dev",
-        "build:prod": "bash ./scripts/build.sh production",
-        "chromatic": "node ./bin/chromatic",
-        "clean": "bash ./scripts/clean.sh",
-        "coverage": "bash ./scripts/test.sh coverage",
-        "lint": "prettier --ignore-path ./.prettierignore --write \"**/*.{ts,js,css,md,yml,json}\" \"!vendor/**\"",
-        "snapshot": "bash ./scripts/test.sh snapshot",
-        "test": "bash ./scripts/test.sh",
-        "watch": "rollup --config ./config/rollup.config.js --watch"
-    },
-    "prettier": "@cortex-js/prettier-config",
-    "husky": {
-        "hooks": {
-            "pre-commit": "lint-staged"
-        }
-    },
-    "lint-staged": {
-        "**/*.ts": [
-            "eslint --fix",
-            "git add"
-        ],
-        "*.{js,css,json,md}": [
-            "prettier --write",
-            "git add"
-        ]
-    },
-    "jest": {
-        "roots": [
-            "<rootDir>/test",
-            "<rootDir>/bin"
-        ],
-        "coverageReporters": [
-            "lcov"
-        ],
-        "coverageDirectory": "./coverage"
-    }
+    "coverageReporters": [
+      "lcov"
+    ],
+    "coverageDirectory": "./coverage"
+  }
 }

package.json

 {
-    "name": "@ui-js/chromatic",
-    "version": "0.8.3",
-    "description": "A build system for managing cross-platform design systems using design tokens.",
-    "publishConfig": {
-        "access": "public"
-    },
-    "keywords": [
-        "design tokens",
-        "design system",
-        "ui",
-        "theo",
-        "build system",
-        "css",
-        "sass",
-        "less",
-        "stylus",
-        "iOS",
-        "Android",
-        "style guide"
+  "name": "@ui-js/chromatic",
+  "version": "0.8.4",
+  "description": "A build system for managing cross-platform design systems using design tokens.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "design tokens",
+    "design system",
+    "ui",
+    "theo",
+    "build system",
+    "css",
+    "sass",
+    "less",
+    "stylus",
+    "iOS",
+    "Android",
+    "style guide"
+  ],
+  "license": "MIT",
+  "files": [
+    "bin/**"
+  ],
+  "engines": {
+    "node": ">=16.14.2"
+  },
+  "devDependencies": {
+    "@cortex-js/prettier-config": "^1.1.1",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.3.7",
+    "prettier": "^2.6.2",
+    "rollup": "^2.70.1",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-eslint": "^7.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "typescript": "^4.6.3"
+  },
+  "dependencies": {
+    "chalk": "4.1.2",
+    "chokidar": "^3.5.3",
+    "chroma-js": "^2.4.2",
+    "ci-info": "^3.3.0",
+    "color": "^4.2.1",
+    "color-name": "^1.1.4",
+    "cosmiconfig": "^7.0.1",
+    "fs-extra": "^10.0.1",
+    "glob": "^7.2.0",
+    "handlebars": "^4.7.7",
+    "highlight.js": "^11.5.0",
+    "json5": "^2.2.1",
+    "marked": "^4.0.12",
+    "please-upgrade-node": "^3.2.0",
+    "resolve-from": "^5.0.0",
+    "string-similarity": "^4.0.4",
+    "update-notifier": "^5.1.0",
+    "yaml": "^1.10.2",
+    "yargs": "^17.4.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ui-js/chromatic.git"
+  },
+  "bin": {
+    "chromatic": "./bin/chromatic"
+  },
+  "scripts": {
+    "build": "bash ./scripts/build.sh dev",
+    "build:prod": "bash ./scripts/build.sh production",
+    "chromatic": "node ./bin/chromatic",
+    "clean": "bash ./scripts/clean.sh",
+    "coverage": "bash ./scripts/test.sh coverage",
+    "lint": "prettier --ignore-path ./.prettierignore --write \"**/*.{ts,js,css,md,yml,json}\" \"!vendor/**\"",
+    "snapshot": "bash ./scripts/test.sh snapshot",
+    "test": "bash ./scripts/test.sh",
+    "watch": "rollup --config ./config/rollup.config.js --watch"
+  },
+  "prettier": "@cortex-js/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.ts": [
+      "eslint --fix",
+      "git add"
     ],
-    "license": "MIT",
-    "files": [
-        "bin/**"
+    "*.{js,css,json,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/test",
+      "<rootDir>/bin"
     ],
-    "engines": {
-        "npm": ">=6.14.8",
-        "node": ">=12.0.0"
-    },
-    "devDependencies": {
-        "@cortex-js/prettier-config": "^1.1.0",
-        "@rollup/plugin-node-resolve": "^11.1.0",
-        "@typescript-eslint/eslint-plugin": "^4.14.0",
-        "@typescript-eslint/parser": "^4.14.0",
-        "eslint": "^7.18.0",
-        "eslint-config-prettier": "^7.2.0",
-        "eslint-plugin-prettier": "^3.3.1",
-        "husky": "^4.3.8",
-        "jest": "^26.6.3",
-        "lint-staged": "^10.5.3",
-        "prettier": "^2.2.1",
-        "rollup": "^2.38.0",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-copy": "^3.3.0",
-        "rollup-plugin-eslint": "^7.0.0",
-        "rollup-plugin-terser": "^7.0.2",
-        "rollup-plugin-typescript2": "^0.29.0",
-        "typescript": "^4.1.3"
-    },
-    "dependencies": {
-        "chalk": "^4.1.0",
-        "chokidar": "^3.5.1",
-        "chroma-js": "^2.1.0",
-        "ci-info": "^2.0.0",
-        "color": "^3.1.3",
-        "color-name": "^1.1.4",
-        "cosmiconfig": "^7.0.0",
-        "fs-extra": "^9.1.0",
-        "glob": "^7.1.6",
-        "handlebars": "^4.7.6",
-        "highlight.js": "^10.5.0",
-        "json5": "^2.1.3",
-        "marked": "^1.2.7",
-        "please-upgrade-node": "^3.2.0",
-        "resolve-from": "^5.0.0",
-        "string-similarity": "^4.0.4",
-        "update-notifier": "^5.0.1",
-        "yaml": "^1.10.0",
-        "yargs": "^16.2.0"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/ui-js/chromatic.git"
-    },
-    "bin": {
-        "chromatic": "./bin/chromatic"
-    },
-    "scripts": {
-        "build": "bash ./scripts/build.sh dev",
-        "build:prod": "bash ./scripts/build.sh production",
-        "chromatic": "node ./bin/chromatic",
-        "clean": "bash ./scripts/clean.sh",
-        "coverage": "bash ./scripts/test.sh coverage",
-        "lint": "prettier --ignore-path ./.prettierignore --write \"**/*.{ts,js,css,md,yml,json}\" \"!vendor/**\"",
-        "snapshot": "bash ./scripts/test.sh snapshot",
-        "test": "bash ./scripts/test.sh",
-        "watch": "rollup --config ./config/rollup.config.js --watch"
-    },
-    "prettier": "@cortex-js/prettier-config",
-    "husky": {
-        "hooks": {
-            "pre-commit": "lint-staged"
-        }
-    },
-    "lint-staged": {
-        "**/*.ts": [
-            "eslint --fix",
-            "git add"
-        ],
-        "*.{js,css,json,md}": [
-            "prettier --write",
-            "git add"
-        ]
-    },
-    "jest": {
-        "roots": [
-            "<rootDir>/test",
-            "<rootDir>/bin"
-        ],
-        "coverageReporters": [
-            "lcov"
-        ],
-        "coverageDirectory": "./coverage"
-    }
+    "coverageReporters": [
+      "lcov"
+    ],
+    "coverageDirectory": "./coverage"
+  }
 }

README.md

 # Chromatic
 
-A tool to help manage design systems by generating platform-specific files from a source file describing design tokens.
+A tool to help manage design systems by generating platform-specific files from
+a source file describing design tokens.
 
 ### Expressive Design Tokens
 
-Tokens can contain rich expressions in a natural syntax, including arithmetic operations, units (`12px`), function (`rgb()`, `mix()`, `saturate()`...) and references to other tokens.
+Tokens can contain rich expressions in a natural syntax, including arithmetic
+operations, units (`12px`), function (`rgb()`, `mix()`, `saturate()`...) and
+references to other tokens.
 
 ```yaml
 tokens:
-    primary-hue: '210deg'
-    primary: 'hsl({primary-hue}, 100%, 40%)'
-    primary-dark: 'darken({primary}, 20%)'
+  primary-hue: '210deg'
+  primary: 'hsl({primary-hue}, 100%, 40%)'
+  primary-dark: 'darken({primary}, 20%)'
 
-    line-height: '18pt + 5px'
+  line-height: '18pt + 5px'
 ```
@@ -20,10 +23,11 @@
 
-Each token can have a theme variant, such as dark/light, or compact/cozy layouts. The necessary output artifacts are generated automatically.
+Each token can have a theme variant, such as dark/light, or compact/cozy
+layouts. The necessary output artifacts are generated automatically.
 
 ```yaml
 tokens:
-    cta-button-background:
-        value:
-            dark: '#004082'
-            light: '#0066ce'
+  cta-button-background:
+    value:
+      dark: '#004082'
+      light: '#0066ce'
 ```
@@ -33,5 +37,7 @@
 
-Get going quickly. A simple **token file** written YAML or JSON file is all you need.
+Get going quickly. A simple **token file** written YAML or JSON file is all you
+need.
 
-But Chromatic is also customizable when you need to. You can write or modify the format of the output files to suit your needs.
+But Chromatic is also customizable when you need to. You can write or modify the
+format of the output files to suit your needs.
 
@@ -44,5 +50,5 @@ Chromatic is also available as an API that can be invoked from a build system.
 
--   for the web (Sass, CSS)
--   for iOS (JSON, plist)
--   for Android (XML)
+- for the web (Sass, CSS)
+- for iOS (JSON, plist)
+- for Android (XML)
 
@@ -70,4 +76,4 @@ Chromatic can also generate a style guide as a HTML file.
 tokens:
-    background: '#f1f1f1'
-    body-color: '#333'
+  background: '#f1f1f1'
+  body-color: '#333'
 ```
@@ -90,4 +96,4 @@
 tokens:
-    background: '#222'
-    body-color: '#a0a0a0'
+  background: '#222'
+  body-color: '#a0a0a0'
 ```
@@ -99,4 +105,4 @@
 tokens:
-    background: '#f1f1f1'
-    body-color: '#333'
+  background: '#f1f1f1'
+  body-color: '#333'
 ```
@@ -110,9 +116,9 @@
 :root {
-    --background: #f1f1f1;
-    --body-color: #333;
+  --background: #f1f1f1;
+  --body-color: #333;
 }
 body[data-theme='dark'] {
-    --background: #222;
-    --body-color: #a0a0a0;
+  --background: #222;
+  --body-color: #a0a0a0;
 }
 ```

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 2 instances 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

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

757817

increased by7502.5%

Number of package files

17

increased by240%

Lines of code

2876

increased byInfinity%

Number of lines in readme file

118

increased by5.36%

Worsened metrics

Number of low supply chain risk alerts

7

increased byInfinity%

Dependency changes

• + Addedci-info@3.9.0(transitive)

• + Addedcliui@8.0.1(transitive)

• + Addedcolor@4.2.3(transitive)

• + Addedfs-extra@10.1.0(transitive)

• + Addedhighlight.js@11.11.1(transitive)

• + Addedmarked@4.3.0(transitive)

• + Addedyargs@17.7.2(transitive)

• + Addedyargs-parser@21.1.1(transitive)

• - Removedat-least-node@1.0.0(transitive)

• - Removedcliui@7.0.4(transitive)

• - Removedcolor@3.2.1(transitive)

• - Removedcolor-convert@1.9.3(transitive)

• - Removedcolor-name@1.1.3(transitive)

• - Removedfs-extra@9.1.0(transitive)

• - Removedhighlight.js@10.7.3(transitive)

• - Removedmarked@1.2.9(transitive)

• - Removedyargs@16.2.0(transitive)

• - Removedyargs-parser@20.2.9(transitive)

• Updatedchalk@4.1.2

• Updatedchokidar@^3.5.3

• Updatedchroma-js@^2.4.2

• Updatedci-info@^3.3.0

• Updatedcolor@^4.2.1

• Updatedcosmiconfig@^7.0.1

• Updatedfs-extra@^10.0.1

• Updatedglob@^7.2.0

• Updatedhandlebars@^4.7.7

• Updatedhighlight.js@^11.5.0

• Updatedjson5@^2.2.1

• Updatedmarked@^4.0.12

• Updatedupdate-notifier@^5.1.0

• Updatedyaml@^1.10.2

• Updatedyargs@^17.4.0