Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@urbaninfrastructure/design-tokens
Advanced tools
@urbaninfrastructure/design-tokens - npm Package Compare versions
Package version was removed
This package version has been unpublished, mostly likely due to security reasons
Comparing version 5.2.0 to 5.2.1-alpha.4
@@ -0,0 +0,0 @@ import { ThemeKey } from './types'; |
| export declare const neutral: { | ||
| "white": string; | ||
| "dark01": string; | ||
| "gray01": string; | ||
| "gray02": string; | ||
| "gray02b": string; | ||
| "gray03": string; | ||
| "gray04": string; | ||
| "gray05": string; | ||
| white: string; | ||
| dark01: string; | ||
| gray01: string; | ||
| gray02: string; | ||
| gray02b: string; | ||
| gray03: string; | ||
| gray04: string; | ||
| gray05: string; | ||
| }; | ||
| export declare const accent: { | ||
| "aubergine": string; | ||
| "green": string; | ||
| "purple": string; | ||
| "blue": string; | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| export declare const theme: { | ||
| "red01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| red01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "orange01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| orange01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "bikeMi": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| bikeMi: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "greenMachine": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| greenMachine: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "green01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| green01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "green02": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| green02: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "green03": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| green03: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "blue01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| blue01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "blue02": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| blue02: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "purple01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| purple01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "purple02": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| purple02: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "pink01": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| pink01: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "red02": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| red02: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| "edinburghCityBike": { | ||
| "name": string; | ||
| "ral": string; | ||
| "hex": string; | ||
| edinburghCityBike: { | ||
| name: string; | ||
| ral: string; | ||
| hex: string; | ||
| }; | ||
| }; | ||
| export declare const themeColors: { | ||
| "red01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| red01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "orange01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| orange01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "bikeMi": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| bikeMi: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "greenMachine": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| greenMachine: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "green01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| green01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "green02": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| green02: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "green03": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| green03: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "blue01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| blue01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "blue02": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| blue02: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "purple01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| purple01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "purple02": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| purple02: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "pink01": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| pink01: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "red02": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| red02: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| "edinburghCityBike": { | ||
| "primaryIsDark": boolean; | ||
| "primary": string; | ||
| "primaryLight": string; | ||
| "primaryDark": string; | ||
| "primaryDarkContrast": string; | ||
| "primaryContrast": string; | ||
| "primaryIcon": string; | ||
| "primaryText": string; | ||
| "link": string; | ||
| "white": string; | ||
| "selectedBackground": string; | ||
| edinburghCityBike: { | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| }; | ||
| export declare const themeDark: { | ||
| "red01": string; | ||
| "orange01": string; | ||
| "green01": string; | ||
| "green02": string; | ||
| "green03": string; | ||
| "blue01": string; | ||
| "blue02": string; | ||
| "purple01": string; | ||
| "purple02": string; | ||
| "pink01": string; | ||
| "red02": string; | ||
| "edinburghCityBike": string; | ||
| "bikeMi": string; | ||
| "greenMachine": string; | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| export declare const paletteTheme: { | ||
| "red01": string; | ||
| "orange01": string; | ||
| "green01": string; | ||
| "green02": string; | ||
| "green03": string; | ||
| "blue01": string; | ||
| "blue02": string; | ||
| "purple01": string; | ||
| "purple02": string; | ||
| "pink01": string; | ||
| "red02": string; | ||
| "edinburghCityBike": string; | ||
| "bikeMi": string; | ||
| "greenMachine": string; | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| export declare const paletteDark: { | ||
| "red01": string; | ||
| "orange01": string; | ||
| "green01": string; | ||
| "green02": string; | ||
| "green03": string; | ||
| "blue01": string; | ||
| "blue02": string; | ||
| "purple01": string; | ||
| "purple02": string; | ||
| "pink01": string; | ||
| "red02": string; | ||
| "edinburghCityBike": string; | ||
| "bikeMi": string; | ||
| "greenMachine": string; | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| export declare const palette: { | ||
| "red01": string; | ||
| "orange01": string; | ||
| "green01": string; | ||
| "green02": string; | ||
| "green03": string; | ||
| "blue01": string; | ||
| "blue02": string; | ||
| "purple01": string; | ||
| "purple02": string; | ||
| "pink01": string; | ||
| "red02": string; | ||
| "edinburghCityBike": string; | ||
| "bikeMi": string; | ||
| "greenMachine": string; | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| export declare const paletteLight: { | ||
| "red01": string; | ||
| "orange01": string; | ||
| "green01": string; | ||
| "green02": string; | ||
| "green03": string; | ||
| "blue01": string; | ||
| "blue02": string; | ||
| "purple01": string; | ||
| "purple02": string; | ||
| "pink01": string; | ||
| "red02": string; | ||
| "edinburghCityBike": string; | ||
| "bikeMi": string; | ||
| "greenMachine": string; | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| export declare const state: { | ||
| "error": string; | ||
| "info": string; | ||
| "warning": string; | ||
| "success": string; | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; |
| export * from './color'; | ||
| export * from './types'; |
@@ -1,8 +0,3 @@ | ||
| 'use strict' | ||
| if (process.env.NODE_ENV === 'production') { | ||
| module.exports = require('./design-tokens.cjs.production.min.js') | ||
| } else { | ||
| module.exports = require('./design-tokens.cjs.development.js') | ||
| } | ||
| export * from './color'; | ||
| export * from './types'; | ||
| //# sourceMappingURL=index.js.map |
| export declare type ThemeKey = 'red01' | 'orange01' | 'bikeMi' | 'greenMachine' | 'green01' | 'green02' | 'green03' | 'blue01' | 'blue02' | 'purple01' | 'purple02' | 'pink01' | 'red02' | 'edinburghCityBike'; |
| { | ||
| "name": "@urbaninfrastructure/design-tokens", | ||
| "version": "5.2.0", | ||
| "version": "5.2.1-alpha.4+3093c1c", | ||
| "main": "dist/index.js", | ||
| "typings": "dist/index.d.ts", | ||
| "module": "dist/design-tokens.esm.js", | ||
| "description": "Design tokens for the Bikesharing systems", | ||
| "files": [ | ||
@@ -12,12 +11,8 @@ "dist" | ||
| "scripts": { | ||
| "prepare": "yarn build", | ||
| "prepublishOnly": "tsdx test && yarn lint && yarn typecheck", | ||
| "clean": "rm -rf dist", | ||
| "clean": "rm -rf ./dist && rm -rf tsconfig.build.tsbuildinfo", | ||
| "build-colors": "ts-node -O '{\"module\": \"commonjs\"}' -P tsconfig.build.json scripts/build.ts", | ||
| "prebuild": "yarn build-colors", | ||
| "build": "tsdx build --tsconfig tsconfig.build.json", | ||
| "build": "yarn clean && tsc -p tsconfig.build.json", | ||
| "pretest": "yarn build-colors", | ||
| "test": "tsdx test", | ||
| "lint": "tsdx lint scripts src test", | ||
| "typecheck": "tsc --noEmit --skipLibCheck" | ||
| "test": "jest" | ||
| }, | ||
@@ -27,6 +22,6 @@ "author": "Jon Espen Kvisler", | ||
| "devDependencies": { | ||
| "polished": "^3.4.2", | ||
| "ts-node": "^8.4.1" | ||
| "polished": "4.1.4", | ||
| "ts-node": "10.5.0" | ||
| }, | ||
| "gitHead": "f75539d405818b26e33d2e38e0eea0d03b3115eb" | ||
| "gitHead": "3093c1c6f236c38398c5d35dc0a11126bb69ec31" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Unpublished package
Supply chain riskPackage version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Unpopular package
QualityThis package is not very popular.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Improved metrics
- Number of medium quality alerts
- decreased by-100%
0
- Number of low supply chain risk alerts
- decreased by-50%
1
Worsened metrics
- Total package byte prevSize
- decreased by-51.34%
38559
- Lines of code
- decreased by-16.91%
963
- Number of low quality alerts
- increased by100%
2
- Number of medium supply chain risk alerts
- increased byInfinity%
2
No dependency changes