@urbaninfrastructure/design-tokens
Advanced tools
Comparing version 5.2.1-dev.3 to 5.3.1
@@ -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; | ||
"purple03": { | ||
"name": string; | ||
"ral": string; | ||
"hex": string; | ||
}; | ||
red02: { | ||
name: string; | ||
ral: string; | ||
hex: string; | ||
"pink01": { | ||
"name": string; | ||
"ral": string; | ||
"hex": string; | ||
}; | ||
edinburghCityBike: { | ||
name: string; | ||
ral: string; | ||
hex: string; | ||
"pink02": { | ||
"name": string; | ||
"ral": string; | ||
"hex": string; | ||
}; | ||
"red02": { | ||
"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; | ||
"purple03": { | ||
"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; | ||
"pink01": { | ||
"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; | ||
"pink02": { | ||
"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; | ||
}; | ||
}; | ||
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; | ||
"purple03": string; | ||
"pink01": string; | ||
"pink02": 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; | ||
"purple03": string; | ||
"pink01": string; | ||
"pink02": 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; | ||
"purple03": string; | ||
"pink01": string; | ||
"pink02": 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; | ||
"purple03": string; | ||
"pink01": string; | ||
"pink02": 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; | ||
"purple03": string; | ||
"pink01": string; | ||
"pink02": 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; | ||
}; |
@@ -1,2 +0,2 @@ | ||
export * from './color-base'; | ||
export * from './color'; | ||
export * from './types'; |
@@ -1,6 +0,8 @@ | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
const tslib_1 = require("tslib"); | ||
(0, tslib_1.__exportStar)(require("./color-base"), exports); | ||
(0, tslib_1.__exportStar)(require("./types"), exports); | ||
//# sourceMappingURL=index.js.map | ||
'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') | ||
} |
@@ -1,1 +0,1 @@ | ||
export declare type ThemeKey = 'red01' | 'orange01' | 'bikeMi' | 'greenMachine' | 'green01' | 'green02' | 'green03' | 'blue01' | 'blue02' | 'purple01' | 'purple02' | 'pink01' | 'red02' | 'edinburghCityBike'; | ||
export declare type ThemeKey = 'red01' | 'orange01' | 'bikeMi' | 'greenMachine' | 'green01' | 'green02' | 'green03' | 'blue01' | 'blue02' | 'purple01' | 'purple02' | 'purple03' | 'pink01' | 'pink02' | 'red02' | 'edinburghCityBike'; |
{ | ||
"name": "@urbaninfrastructure/design-tokens", | ||
"version": "5.2.1-dev.3", | ||
"version": "5.3.1", | ||
"main": "dist/index.js", | ||
"description": "Design tokens for the Bikesharing systems", | ||
"typings": "dist/index.d.ts", | ||
"module": "dist/design-tokens.esm.js", | ||
"files": [ | ||
"dist" | ||
], | ||
"browser": true, | ||
"scripts": { | ||
"clean": "rm -rf ./dist && rm -rf tsconfig.build.tsbuildinfo", | ||
"prepare": "yarn build", | ||
"prepublishOnly": "tsdx test && yarn lint && yarn typecheck", | ||
"clean": "rm -rf dist", | ||
"build-colors": "ts-node -O '{\"module\": \"commonjs\"}' -P tsconfig.build.json scripts/build.ts", | ||
"prebuild": "yarn build-colors", | ||
"build": "yarn clean && tsc -p tsconfig.build.json", | ||
"build": "tsdx build --tsconfig tsconfig.build.json", | ||
"pretest": "yarn build-colors", | ||
"test": "jest" | ||
"test": "tsdx test", | ||
"lint": "tsdx lint scripts src test", | ||
"typecheck": "tsc --noEmit --skipLibCheck" | ||
}, | ||
@@ -20,6 +26,6 @@ "author": "Jon Espen Kvisler", | ||
"devDependencies": { | ||
"polished": "4.1.4", | ||
"ts-node": "10.5.0" | ||
"polished": "^3.4.2", | ||
"ts-node": "^8.4.1" | ||
}, | ||
"gitHead": "13f2fb7a39d1f1550e5fd2cc8e0e92ed3e1725cc" | ||
"gitHead": "25f403e29b97994d98e1279dc345ad4b35fa0431" | ||
} |
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
Major refactor
Supply chain riskPackage 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
New author
Supply chain riskA 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
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
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
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
89039
1300
1
2
2