Socket
Socket
Sign inDemoInstall

@urbaninfrastructure/design-tokens

Package Overview
Dependencies
Maintainers
11
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.1 to 5.2.1-dev.2

48

dist/color-base.js

@@ -1,2 +0,6 @@

import * as polished from 'polished';
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.state = exports.paletteLight = exports.palette = exports.paletteDark = exports.paletteTheme = exports.themeDark = exports.themeColors = exports.theme = exports.accent = exports.neutral = void 0;
const tslib_1 = require("tslib");
const polished = (0, tslib_1.__importStar)(require("polished"));
// export type ThemeKeys =

@@ -33,3 +37,3 @@ // | "red01"

// }
export const neutral = {
exports.neutral = {
white: '#ffffff',

@@ -44,3 +48,3 @@ dark01: '#0B163F',

};
export const accent = {
exports.accent = {
aubergine: '#75647B',

@@ -51,3 +55,3 @@ green: '#6E9D88',

};
export const theme = {
exports.theme = {
red01: {

@@ -125,6 +129,6 @@ name: 'Reinrot',

function getColors(primary) {
const white = neutral.white;
const white = exports.neutral.white;
let primaryIsDark = polished.meetsContrastGuidelines(primary, white).AALarge;
// Edinburgh colors does not comply with contrast guidelines, but it's their brand 🤷‍♂️
if (primary === theme.edinburghCityBike.hex) {
if (primary === exports.theme.edinburghCityBike.hex) {
primaryIsDark = true;

@@ -159,4 +163,4 @@ }

}
export const themeColors = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.themeColors = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = getColors(hex);

@@ -181,33 +185,33 @@ return accum;

};
export const themeDark = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.themeDark = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = polished.saturate(0.01, polished.darken(0.1, hex));
return accum;
}, Object.assign({}, initialThemeKeys));
export const paletteTheme = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.paletteTheme = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = hex;
return accum;
}, Object.assign({}, initialThemeKeys));
export const paletteDark = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.paletteDark = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = polished.darken(0.2, hex);
return accum;
}, Object.assign({}, initialThemeKeys));
export const palette = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.palette = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = polished.tint(0.7, hex);
return accum;
}, Object.assign({}, initialThemeKeys));
export const paletteLight = Object.keys(theme).reduce((accum, key) => {
const { hex } = theme[key];
exports.paletteLight = Object.keys(exports.theme).reduce((accum, key) => {
const { hex } = exports.theme[key];
accum[key] = polished.saturate(0.25, polished.tint(0.3, hex));
return accum;
}, Object.assign({}, initialThemeKeys));
export const state = {
exports.state = {
error: '#f42f00',
info: paletteLight.blue01,
warning: paletteLight.orange01,
success: paletteLight.green01,
info: exports.paletteLight.blue01,
warning: exports.paletteLight.orange01,
success: exports.paletteLight.green01,
};
//# sourceMappingURL=color-base.js.map

@@ -0,3 +1,6 @@

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.state = exports.paletteLight = exports.palette = exports.paletteDark = exports.paletteTheme = exports.themeDark = exports.themeColors = exports.theme = exports.accent = exports.neutral = void 0;
// File auto generated from src/color-base.ts, using scripts/build.ts.
export const neutral = {
exports.neutral = {
"white": "#ffffff",

@@ -12,3 +15,3 @@ "dark01": "#0B163F",

};
export const accent = {
exports.accent = {
"aubergine": "#75647B",

@@ -19,3 +22,3 @@ "green": "#6E9D88",

};
export const theme = {
exports.theme = {
"red01": {

@@ -92,3 +95,3 @@ "name": "Reinrot",

};
export const themeColors = {
exports.themeColors = {
"red01": {

@@ -277,3 +280,3 @@ "primaryIsDark": true,

};
export const themeDark = {
exports.themeDark = {
"red01": "#b12200",

@@ -294,3 +297,3 @@ "orange01": "#a72f00",

};
export const paletteTheme = {
exports.paletteTheme = {
"red01": "#E42C00",

@@ -311,3 +314,3 @@ "orange01": "#D93E01",

};
export const paletteDark = {
exports.paletteDark = {
"red01": "#7e1800",

@@ -328,3 +331,3 @@ "orange01": "#732101",

};
export const palette = {
exports.palette = {
"red01": "#f6bfb2",

@@ -345,3 +348,3 @@ "orange01": "#f3c5b2",

};
export const paletteLight = {
exports.paletteLight = {
"red01": "#ff5f39",

@@ -362,3 +365,3 @@ "orange01": "#fe6c33",

};
export const state = {
exports.state = {
"error": "#f42f00",

@@ -365,0 +368,0 @@ "info": "#3a9dff",

@@ -1,3 +0,6 @@

export * from './color';
export * from './types';
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
(0, tslib_1.__exportStar)(require("./color"), exports);
(0, tslib_1.__exportStar)(require("./types"), exports);
//# sourceMappingURL=index.js.map

@@ -1,2 +0,3 @@

export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//# sourceMappingURL=types.js.map
{
"name": "@urbaninfrastructure/design-tokens",
"version": "5.2.1-dev.1",
"version": "5.2.1-dev.2",
"main": "dist/index.js",

@@ -9,3 +9,2 @@ "description": "Design tokens for the Bikesharing systems",

],
"browser": true,
"scripts": {

@@ -25,3 +24,3 @@ "clean": "rm -rf ./dist && rm -rf tsconfig.build.tsbuildinfo",

},
"gitHead": "eb702085c43c06a559988c52f68fcf32858ba13b"
"gitHead": "eec01641078838b6c1d43d7a41c3d339508015c9"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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