Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@urbaninfrastructure/design-tokens

Package Overview
Dependencies
Maintainers
6
Versions
89
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@urbaninfrastructure/design-tokens - npm Package Compare versions

Comparing version 5.2.1-dev.3 to 5.3.1

CHANGELOG.md

0

dist/color-base.d.ts

@@ -0,0 +0,0 @@ import { ThemeKey } from './types';

666

dist/color.d.ts
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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc