@urbaninfrastructure/design-tokens
Advanced tools
Comparing version 5.2.1-dev.1 to 5.2.1-dev.2
@@ -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
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
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
39200
974