mineral-ui-tokens
Advanced tools
Comparing version 0.1.0 to 0.2.0
18
blue.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f0f5fc', | ||
20: '#cfe0fc', | ||
30: '#accbfc', | ||
40: '#84b1fa', | ||
50: '#5691f0', | ||
60: '#3272d9', | ||
70: '#1d5bbf', | ||
80: '#114599', | ||
90: '#103570', | ||
100: '#15233b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f0f5fc'), _defineProperty(_$20$30$40$50$60$, 20, '#cfe0fc'), _defineProperty(_$20$30$40$50$60$, 30, '#accbfc'), _defineProperty(_$20$30$40$50$60$, 40, '#84b1fa'), _defineProperty(_$20$30$40$50$60$, 50, '#5691f0'), _defineProperty(_$20$30$40$50$60$, 60, '#3272d9'), _defineProperty(_$20$30$40$50$60$, 70, '#1d5bbf'), _defineProperty(_$20$30$40$50$60$, 80, '#114599'), _defineProperty(_$20$30$40$50$60$, 90, '#103570'), _defineProperty(_$20$30$40$50$60$, 100, '#15233b'), _$20$30$40$50$60$); |
18
brand.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f0f5fc', | ||
20: '#cfe0fc', | ||
30: '#accbfc', | ||
40: '#84b1fa', | ||
50: '#5691f0', | ||
60: '#3272d9', | ||
70: '#1d5bbf', | ||
80: '#114599', | ||
90: '#103570', | ||
100: '#15233b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f0f5fc'), _defineProperty(_$20$30$40$50$60$, 20, '#cfe0fc'), _defineProperty(_$20$30$40$50$60$, 30, '#accbfc'), _defineProperty(_$20$30$40$50$60$, 40, '#84b1fa'), _defineProperty(_$20$30$40$50$60$, 50, '#5691f0'), _defineProperty(_$20$30$40$50$60$, 60, '#3272d9'), _defineProperty(_$20$30$40$50$60$, 70, '#1d5bbf'), _defineProperty(_$20$30$40$50$60$, 80, '#114599'), _defineProperty(_$20$30$40$50$60$, 90, '#103570'), _defineProperty(_$20$30$40$50$60$, 100, '#15233b'), _$20$30$40$50$60$); |
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#fcf2e6', | ||
20: '#fad8af', | ||
30: '#f5bc76', | ||
40: '#e89c3f', | ||
50: '#cf7911', | ||
60: '#ad5f00', | ||
70: '#8a4d03', | ||
80: '#693d07', | ||
90: '#4d2f0b', | ||
100: '#33210c' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#fcf2e6'), _defineProperty(_$20$30$40$50$60$, 20, '#fad8af'), _defineProperty(_$20$30$40$50$60$, 30, '#f5bc76'), _defineProperty(_$20$30$40$50$60$, 40, '#e89c3f'), _defineProperty(_$20$30$40$50$60$, 50, '#cf7911'), _defineProperty(_$20$30$40$50$60$, 60, '#ad5f00'), _defineProperty(_$20$30$40$50$60$, 70, '#8a4d03'), _defineProperty(_$20$30$40$50$60$, 80, '#693d07'), _defineProperty(_$20$30$40$50$60$, 90, '#4d2f0b'), _defineProperty(_$20$30$40$50$60$, 100, '#33210c'), _$20$30$40$50$60$); |
18
dusk.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f4f2f7', | ||
20: '#e3dcf7', | ||
30: '#cec2f0', | ||
40: '#b5a6e3', | ||
50: '#9886cf', | ||
60: '#7a68b3', | ||
70: '#645396', | ||
80: '#4f4178', | ||
90: '#3a3154', | ||
100: '#282436' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f4f2f7'), _defineProperty(_$20$30$40$50$60$, 20, '#e3dcf7'), _defineProperty(_$20$30$40$50$60$, 30, '#cec2f0'), _defineProperty(_$20$30$40$50$60$, 40, '#b5a6e3'), _defineProperty(_$20$30$40$50$60$, 50, '#9886cf'), _defineProperty(_$20$30$40$50$60$, 60, '#7a68b3'), _defineProperty(_$20$30$40$50$60$, 70, '#645396'), _defineProperty(_$20$30$40$50$60$, 80, '#4f4178'), _defineProperty(_$20$30$40$50$60$, 90, '#3a3154'), _defineProperty(_$20$30$40$50$60$, 100, '#282436'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f0f5fc', | ||
20: '#cfe0fc', | ||
30: '#accbfc', | ||
40: '#84b1fa', | ||
50: '#5691f0', | ||
60: '#3272d9', | ||
70: '#1d5bbf', | ||
80: '#114599', | ||
90: '#103570', | ||
100: '#15233b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f0f5fc'), _defineProperty(_$20$30$40$50$60$, 20, '#cfe0fc'), _defineProperty(_$20$30$40$50$60$, 30, '#accbfc'), _defineProperty(_$20$30$40$50$60$, 40, '#84b1fa'), _defineProperty(_$20$30$40$50$60$, 50, '#5691f0'), _defineProperty(_$20$30$40$50$60$, 60, '#3272d9'), _defineProperty(_$20$30$40$50$60$, 70, '#1d5bbf'), _defineProperty(_$20$30$40$50$60$, 80, '#114599'), _defineProperty(_$20$30$40$50$60$, 90, '#103570'), _defineProperty(_$20$30$40$50$60$, 100, '#15233b'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f0f5fc', | ||
20: '#cfe0fc', | ||
30: '#accbfc', | ||
40: '#84b1fa', | ||
50: '#5691f0', | ||
60: '#3272d9', | ||
70: '#1d5bbf', | ||
80: '#114599', | ||
90: '#103570', | ||
100: '#15233b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f0f5fc'), _defineProperty(_$20$30$40$50$60$, 20, '#cfe0fc'), _defineProperty(_$20$30$40$50$60$, 30, '#accbfc'), _defineProperty(_$20$30$40$50$60$, 40, '#84b1fa'), _defineProperty(_$20$30$40$50$60$, 50, '#5691f0'), _defineProperty(_$20$30$40$50$60$, 60, '#3272d9'), _defineProperty(_$20$30$40$50$60$, 70, '#1d5bbf'), _defineProperty(_$20$30$40$50$60$, 80, '#114599'), _defineProperty(_$20$30$40$50$60$, 90, '#103570'), _defineProperty(_$20$30$40$50$60$, 100, '#15233b'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#fcf2e6', | ||
20: '#fad8af', | ||
30: '#f5bc76', | ||
40: '#e89c3f', | ||
50: '#cf7911', | ||
60: '#ad5f00', | ||
70: '#8a4d03', | ||
80: '#693d07', | ||
90: '#4d2f0b', | ||
100: '#33210c' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#fcf2e6'), _defineProperty(_$20$30$40$50$60$, 20, '#fad8af'), _defineProperty(_$20$30$40$50$60$, 30, '#f5bc76'), _defineProperty(_$20$30$40$50$60$, 40, '#e89c3f'), _defineProperty(_$20$30$40$50$60$, 50, '#cf7911'), _defineProperty(_$20$30$40$50$60$, 60, '#ad5f00'), _defineProperty(_$20$30$40$50$60$, 70, '#8a4d03'), _defineProperty(_$20$30$40$50$60$, 80, '#693d07'), _defineProperty(_$20$30$40$50$60$, 90, '#4d2f0b'), _defineProperty(_$20$30$40$50$60$, 100, '#33210c'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f4f2f7', | ||
20: '#e3dcf7', | ||
30: '#cec2f0', | ||
40: '#b5a6e3', | ||
50: '#9886cf', | ||
60: '#7a68b3', | ||
70: '#645396', | ||
80: '#4f4178', | ||
90: '#3a3154', | ||
100: '#282436' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f4f2f7'), _defineProperty(_$20$30$40$50$60$, 20, '#e3dcf7'), _defineProperty(_$20$30$40$50$60$, 30, '#cec2f0'), _defineProperty(_$20$30$40$50$60$, 40, '#b5a6e3'), _defineProperty(_$20$30$40$50$60$, 50, '#9886cf'), _defineProperty(_$20$30$40$50$60$, 60, '#7a68b3'), _defineProperty(_$20$30$40$50$60$, 70, '#645396'), _defineProperty(_$20$30$40$50$60$, 80, '#4f4178'), _defineProperty(_$20$30$40$50$60$, 90, '#3a3154'), _defineProperty(_$20$30$40$50$60$, 100, '#282436'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f5f7fa', | ||
20: '#ebeff5', | ||
30: '#dde3ed', | ||
40: '#c8d1e0', | ||
50: '#afbacc', | ||
60: '#8e99ab', | ||
70: '#707a8a', | ||
80: '#58606e', | ||
90: '#434a54', | ||
100: '#333840' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f5f7fa'), _defineProperty(_$20$30$40$50$60$, 20, '#ebeff5'), _defineProperty(_$20$30$40$50$60$, 30, '#dde3ed'), _defineProperty(_$20$30$40$50$60$, 40, '#c8d1e0'), _defineProperty(_$20$30$40$50$60$, 50, '#afbacc'), _defineProperty(_$20$30$40$50$60$, 60, '#8e99ab'), _defineProperty(_$20$30$40$50$60$, 70, '#707a8a'), _defineProperty(_$20$30$40$50$60$, 80, '#58606e'), _defineProperty(_$20$30$40$50$60$, 90, '#434a54'), _defineProperty(_$20$30$40$50$60$, 100, '#333840'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#e1faeb', | ||
20: '#abedc5', | ||
30: '#7ddba3', | ||
40: '#57c282', | ||
50: '#3ba164', | ||
60: '#2a854e', | ||
70: '#20693d', | ||
80: '#1a5230', | ||
90: '#153d25', | ||
100: '#112b1b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e1faeb'), _defineProperty(_$20$30$40$50$60$, 20, '#abedc5'), _defineProperty(_$20$30$40$50$60$, 30, '#7ddba3'), _defineProperty(_$20$30$40$50$60$, 40, '#57c282'), _defineProperty(_$20$30$40$50$60$, 50, '#3ba164'), _defineProperty(_$20$30$40$50$60$, 60, '#2a854e'), _defineProperty(_$20$30$40$50$60$, 70, '#20693d'), _defineProperty(_$20$30$40$50$60$, 80, '#1a5230'), _defineProperty(_$20$30$40$50$60$, 90, '#153d25'), _defineProperty(_$20$30$40$50$60$, 100, '#112b1b'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f2f2fc', | ||
20: '#dcdcfc', | ||
30: '#c2c2fc', | ||
40: '#a7a7fa', | ||
50: '#8585f2', | ||
60: '#6767e6', | ||
70: '#4d4dd1', | ||
80: '#3737b3', | ||
90: '#28288a', | ||
100: '#202057' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f2f2fc'), _defineProperty(_$20$30$40$50$60$, 20, '#dcdcfc'), _defineProperty(_$20$30$40$50$60$, 30, '#c2c2fc'), _defineProperty(_$20$30$40$50$60$, 40, '#a7a7fa'), _defineProperty(_$20$30$40$50$60$, 50, '#8585f2'), _defineProperty(_$20$30$40$50$60$, 60, '#6767e6'), _defineProperty(_$20$30$40$50$60$, 70, '#4d4dd1'), _defineProperty(_$20$30$40$50$60$, 80, '#3737b3'), _defineProperty(_$20$30$40$50$60$, 90, '#28288a'), _defineProperty(_$20$30$40$50$60$, 100, '#202057'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#faf0f4', | ||
20: '#fad4e4', | ||
30: '#fab4d1', | ||
40: '#f78bb8', | ||
50: '#ed5393', | ||
60: '#d6246e', | ||
70: '#b01355', | ||
80: '#8a1244', | ||
90: '#611535', | ||
100: '#421527' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#faf0f4'), _defineProperty(_$20$30$40$50$60$, 20, '#fad4e4'), _defineProperty(_$20$30$40$50$60$, 30, '#fab4d1'), _defineProperty(_$20$30$40$50$60$, 40, '#f78bb8'), _defineProperty(_$20$30$40$50$60$, 50, '#ed5393'), _defineProperty(_$20$30$40$50$60$, 60, '#d6246e'), _defineProperty(_$20$30$40$50$60$, 70, '#b01355'), _defineProperty(_$20$30$40$50$60$, 80, '#8a1244'), _defineProperty(_$20$30$40$50$60$, 90, '#611535'), _defineProperty(_$20$30$40$50$60$, 100, '#421527'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#f5f0fa', | ||
20: '#ead9fa', | ||
30: '#dabcf7', | ||
40: '#c79bf2', | ||
50: '#ae74e8', | ||
60: '#9656d6', | ||
70: '#7d3cbd', | ||
80: '#642b9e', | ||
90: '#4b2175', | ||
100: '#371c52' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f5f0fa'), _defineProperty(_$20$30$40$50$60$, 20, '#ead9fa'), _defineProperty(_$20$30$40$50$60$, 30, '#dabcf7'), _defineProperty(_$20$30$40$50$60$, 40, '#c79bf2'), _defineProperty(_$20$30$40$50$60$, 50, '#ae74e8'), _defineProperty(_$20$30$40$50$60$, 60, '#9656d6'), _defineProperty(_$20$30$40$50$60$, 70, '#7d3cbd'), _defineProperty(_$20$30$40$50$60$, 80, '#642b9e'), _defineProperty(_$20$30$40$50$60$, 90, '#4b2175'), _defineProperty(_$20$30$40$50$60$, 100, '#371c52'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#faf0f0', | ||
20: '#fad4d4', | ||
30: '#fab6b6', | ||
40: '#fa8e8e', | ||
50: '#f55353', | ||
60: '#de1b1b', | ||
70: '#b80d0d', | ||
80: '#8f0e0e', | ||
90: '#661414', | ||
100: '#451717' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#faf0f0'), _defineProperty(_$20$30$40$50$60$, 20, '#fad4d4'), _defineProperty(_$20$30$40$50$60$, 30, '#fab6b6'), _defineProperty(_$20$30$40$50$60$, 40, '#fa8e8e'), _defineProperty(_$20$30$40$50$60$, 50, '#f55353'), _defineProperty(_$20$30$40$50$60$, 60, '#de1b1b'), _defineProperty(_$20$30$40$50$60$, 70, '#b80d0d'), _defineProperty(_$20$30$40$50$60$, 80, '#8f0e0e'), _defineProperty(_$20$30$40$50$60$, 90, '#661414'), _defineProperty(_$20$30$40$50$60$, 100, '#451717'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#e8f4fa', | ||
20: '#bbe5fa', | ||
30: '#8dd4f7', | ||
40: '#53baed', | ||
50: '#229ad6', | ||
60: '#0c7bb3', | ||
70: '#066391', | ||
80: '#064d70', | ||
90: '#093952', | ||
100: '#0c2938' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e8f4fa'), _defineProperty(_$20$30$40$50$60$, 20, '#bbe5fa'), _defineProperty(_$20$30$40$50$60$, 30, '#8dd4f7'), _defineProperty(_$20$30$40$50$60$, 40, '#53baed'), _defineProperty(_$20$30$40$50$60$, 50, '#229ad6'), _defineProperty(_$20$30$40$50$60$, 60, '#0c7bb3'), _defineProperty(_$20$30$40$50$60$, 70, '#066391'), _defineProperty(_$20$30$40$50$60$, 80, '#064d70'), _defineProperty(_$20$30$40$50$60$, 90, '#093952'), _defineProperty(_$20$30$40$50$60$, 100, '#0c2938'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#edf4f7', | ||
20: '#cbe3f5', | ||
30: '#a7ceeb', | ||
40: '#84b7db', | ||
50: '#5e95bd', | ||
60: '#48799c', | ||
70: '#376180', | ||
80: '#2d4d63', | ||
90: '#243947', | ||
100: '#1d2830' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#edf4f7'), _defineProperty(_$20$30$40$50$60$, 20, '#cbe3f5'), _defineProperty(_$20$30$40$50$60$, 30, '#a7ceeb'), _defineProperty(_$20$30$40$50$60$, 40, '#84b7db'), _defineProperty(_$20$30$40$50$60$, 50, '#5e95bd'), _defineProperty(_$20$30$40$50$60$, 60, '#48799c'), _defineProperty(_$20$30$40$50$60$, 70, '#376180'), _defineProperty(_$20$30$40$50$60$, 80, '#2d4d63'), _defineProperty(_$20$30$40$50$60$, 90, '#243947'), _defineProperty(_$20$30$40$50$60$, 100, '#1d2830'), _$20$30$40$50$60$); |
@@ -1,12 +0,5 @@ | ||
export default { | ||
10: '#e4f7f6', | ||
20: '#a8ede9', | ||
30: '#6cd9d2', | ||
40: '#45bfb7', | ||
50: '#28a199', | ||
60: '#17827b', | ||
70: '#116963', | ||
80: '#0d524d', | ||
90: '#0b3d3a', | ||
100: '#092b29' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
export default (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e4f7f6'), _defineProperty(_$20$30$40$50$60$, 20, '#a8ede9'), _defineProperty(_$20$30$40$50$60$, 30, '#6cd9d2'), _defineProperty(_$20$30$40$50$60$, 40, '#45bfb7'), _defineProperty(_$20$30$40$50$60$, 50, '#28a199'), _defineProperty(_$20$30$40$50$60$, 60, '#17827b'), _defineProperty(_$20$30$40$50$60$, 70, '#116963'), _defineProperty(_$20$30$40$50$60$, 80, '#0d524d'), _defineProperty(_$20$30$40$50$60$, 90, '#0b3d3a'), _defineProperty(_$20$30$40$50$60$, 100, '#092b29'), _$20$30$40$50$60$); |
18
gray.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f5f7fa', | ||
20: '#ebeff5', | ||
30: '#dde3ed', | ||
40: '#c8d1e0', | ||
50: '#afbacc', | ||
60: '#8e99ab', | ||
70: '#707a8a', | ||
80: '#58606e', | ||
90: '#434a54', | ||
100: '#333840' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f5f7fa'), _defineProperty(_$20$30$40$50$60$, 20, '#ebeff5'), _defineProperty(_$20$30$40$50$60$, 30, '#dde3ed'), _defineProperty(_$20$30$40$50$60$, 40, '#c8d1e0'), _defineProperty(_$20$30$40$50$60$, 50, '#afbacc'), _defineProperty(_$20$30$40$50$60$, 60, '#8e99ab'), _defineProperty(_$20$30$40$50$60$, 70, '#707a8a'), _defineProperty(_$20$30$40$50$60$, 80, '#58606e'), _defineProperty(_$20$30$40$50$60$, 90, '#434a54'), _defineProperty(_$20$30$40$50$60$, 100, '#333840'), _$20$30$40$50$60$); |
18
green.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#e1faeb', | ||
20: '#abedc5', | ||
30: '#7ddba3', | ||
40: '#57c282', | ||
50: '#3ba164', | ||
60: '#2a854e', | ||
70: '#20693d', | ||
80: '#1a5230', | ||
90: '#153d25', | ||
100: '#112b1b' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e1faeb'), _defineProperty(_$20$30$40$50$60$, 20, '#abedc5'), _defineProperty(_$20$30$40$50$60$, 30, '#7ddba3'), _defineProperty(_$20$30$40$50$60$, 40, '#57c282'), _defineProperty(_$20$30$40$50$60$, 50, '#3ba164'), _defineProperty(_$20$30$40$50$60$, 60, '#2a854e'), _defineProperty(_$20$30$40$50$60$, 70, '#20693d'), _defineProperty(_$20$30$40$50$60$, 80, '#1a5230'), _defineProperty(_$20$30$40$50$60$, 90, '#153d25'), _defineProperty(_$20$30$40$50$60$, 100, '#112b1b'), _$20$30$40$50$60$); |
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f2f2fc', | ||
20: '#dcdcfc', | ||
30: '#c2c2fc', | ||
40: '#a7a7fa', | ||
50: '#8585f2', | ||
60: '#6767e6', | ||
70: '#4d4dd1', | ||
80: '#3737b3', | ||
90: '#28288a', | ||
100: '#202057' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f2f2fc'), _defineProperty(_$20$30$40$50$60$, 20, '#dcdcfc'), _defineProperty(_$20$30$40$50$60$, 30, '#c2c2fc'), _defineProperty(_$20$30$40$50$60$, 40, '#a7a7fa'), _defineProperty(_$20$30$40$50$60$, 50, '#8585f2'), _defineProperty(_$20$30$40$50$60$, 60, '#6767e6'), _defineProperty(_$20$30$40$50$60$, 70, '#4d4dd1'), _defineProperty(_$20$30$40$50$60$, 80, '#3737b3'), _defineProperty(_$20$30$40$50$60$, 90, '#28288a'), _defineProperty(_$20$30$40$50$60$, 100, '#202057'), _$20$30$40$50$60$); |
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#faf0f4', | ||
20: '#fad4e4', | ||
30: '#fab4d1', | ||
40: '#f78bb8', | ||
50: '#ed5393', | ||
60: '#d6246e', | ||
70: '#b01355', | ||
80: '#8a1244', | ||
90: '#611535', | ||
100: '#421527' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#faf0f4'), _defineProperty(_$20$30$40$50$60$, 20, '#fad4e4'), _defineProperty(_$20$30$40$50$60$, 30, '#fab4d1'), _defineProperty(_$20$30$40$50$60$, 40, '#f78bb8'), _defineProperty(_$20$30$40$50$60$, 50, '#ed5393'), _defineProperty(_$20$30$40$50$60$, 60, '#d6246e'), _defineProperty(_$20$30$40$50$60$, 70, '#b01355'), _defineProperty(_$20$30$40$50$60$, 80, '#8a1244'), _defineProperty(_$20$30$40$50$60$, 90, '#611535'), _defineProperty(_$20$30$40$50$60$, 100, '#421527'), _$20$30$40$50$60$); |
@@ -5,3 +5,3 @@ { | ||
"description": "Mineral UI Design Tokens", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"license": "Apache-2.0", | ||
@@ -8,0 +8,0 @@ "repository": { |
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#f5f0fa', | ||
20: '#ead9fa', | ||
30: '#dabcf7', | ||
40: '#c79bf2', | ||
50: '#ae74e8', | ||
60: '#9656d6', | ||
70: '#7d3cbd', | ||
80: '#642b9e', | ||
90: '#4b2175', | ||
100: '#371c52' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#f5f0fa'), _defineProperty(_$20$30$40$50$60$, 20, '#ead9fa'), _defineProperty(_$20$30$40$50$60$, 30, '#dabcf7'), _defineProperty(_$20$30$40$50$60$, 40, '#c79bf2'), _defineProperty(_$20$30$40$50$60$, 50, '#ae74e8'), _defineProperty(_$20$30$40$50$60$, 60, '#9656d6'), _defineProperty(_$20$30$40$50$60$, 70, '#7d3cbd'), _defineProperty(_$20$30$40$50$60$, 80, '#642b9e'), _defineProperty(_$20$30$40$50$60$, 90, '#4b2175'), _defineProperty(_$20$30$40$50$60$, 100, '#371c52'), _$20$30$40$50$60$); |
# mineral-ui-tokens | ||
## Installation | ||
@@ -16,14 +15,18 @@ | ||
## Usage | ||
_This package uses the same [import syntax as the mineral-ui library][import-syntax]._ | ||
> All Tokens and their corresponding values can be viewed on the | ||
[Mineral UI Tokens][token-page] page. | ||
_This package uses the same | ||
[import syntax as the mineral-ui library][import-syntax]._ | ||
Token names use a `[target]_[property]_[variation]_[state]` naming scheme. | ||
- `target` - the type of element targeted by the token, e.g. "input" or "panel" | ||
- `property` (required) - the CSS property of the token, e.g. "backgroundColor" | ||
- `variation` - any differentiating aspect of the token that isn't state, e.g. "brand", "primary", "success" | ||
- `state` - state-dependent aspects, e.g. "focus", "selected" | ||
* `target` - the type of element targeted by the token, e.g. "input" or "panel" | ||
* `property` (required) - the CSS property of the token, e.g. "backgroundColor" | ||
* `variation` - any differentiating aspect of the token that isn't state, e.g. | ||
"brand", "primary", "success" | ||
* `state` - state-dependent aspects, e.g. "focus", "selected" | ||
### JavaScript | ||
@@ -33,4 +36,4 @@ | ||
#### Import tokens from the default export: | ||
#### Import tokens from the default export: | ||
```js | ||
@@ -40,3 +43,4 @@ import tokens from 'mineral-ui-tokens'; | ||
#### Import the palette, specific [color ramps][colorPage], or specific tokens from named exports: | ||
#### Import the palette, specific [color ramps][color-page], or specific tokens from named exports: | ||
```js | ||
@@ -46,3 +50,4 @@ import { palette, magenta, boxShadow_1 } from 'mineral-ui-tokens'; | ||
#### Import tokens & palette, as Scss variables: | ||
#### Import tokens & palette, as Sass variables: | ||
```js | ||
@@ -52,12 +57,11 @@ import 'mineral-ui-tokens/index.scss'; | ||
### Sass | ||
Sass token names are formatted in "pseudoKebab-case", with a prefix, e.g. `$mnrl-boxShadow-1` | ||
Sass token names are formatted in "pseudoKebab-case", with a prefix, e.g. | ||
`$mnrl-boxShadow-1` | ||
```css | ||
@import '<path_to_node_modules>/mineral-ui-tokens/dist/index.scss'; | ||
@import '<path_to_node_modules>/mineral-ui-tokens/index.scss'; | ||
``` | ||
## Changelog | ||
@@ -67,26 +71,34 @@ | ||
## Contributing | ||
This package uses [Theo][theo] to generate output in a variety of formats. The source tokens are located in the [tokens directory](./tokens). Theo recognizes values like `"{!blue_60}"` as [aliases][theoSpec]. Check the `aliases` and/or `imports` properties in the containing file to find the alias definition(s). | ||
This package uses [Theo][theo] to generate output in a variety of formats. The | ||
source tokens are located in the [tokens directory](./tokens). Theo recognizes | ||
values like `"{!blue_60}"` as [aliases][theospec]. Check the `aliases` and/or | ||
`imports` properties in the containing file to find the alias definition(s). | ||
After changing the tokens source, generate the new output with `npm run build:tokens`, which you can run from either the project root or the mineral-ui/packages/mineral-ui-tokens directory. [Format your commit messages][commitizen] appropriately, using `mineral-ui-tokens` for your scope. | ||
After changing the tokens source, generate the new output with | ||
`npm run build:tokens`, which you can run from either the project root or the | ||
mineral-ui/packages/mineral-ui-tokens directory. | ||
[Format your commit messages][commitizen] appropriately, using | ||
`mineral-ui-tokens` for your scope. | ||
Then [submit a PR][pr], including both your token source changes and the generated files, for review. | ||
Then [submit a PR][pr], including both your token source changes and the | ||
generated files, for review. | ||
## Publishing the `mineral-ui-tokens` package | ||
1. Make or accept source token updates | ||
1. `cd projects/mineral-ui/packages/mineral-ui-tokens` (if not already there) | ||
1. `npm run build:tokens` | ||
1. `npm version minor` | ||
- This package uses the same [versioning scheme][versioning] as mineral-ui: major, minor, and patch updates all increment the _minor_ version number: 0.1.0 -> 0.2.0 | ||
1. `npm run build` | ||
1. Commit changes and push to GitHub | ||
1. `cd dist && npm publish` | ||
1. Make or accept source token updates | ||
1. `cd mineral-ui/packages/mineral-ui-tokens` (if not already there) | ||
1. `npm run build:tokens` | ||
1. `npm run format` | ||
1. `npm version minor` | ||
* This package uses the same [versioning scheme][versioning] as mineral-ui: | ||
major, minor, and patch updates all increment the _minor_ version number: | ||
0.1.0 -> 0.2.0 | ||
1. `npm run build` | ||
1. Commit changes and push to GitHub | ||
1. `cd dist && npm publish` | ||
[changelog]: https://github.com/mineral-ui/mineral-ui/blob/master/CHANGELOG.md | ||
[colorPage]: https://mineral-ui.com/color | ||
[color-page]: https://mineral-ui.com/color#guidelines-ramps | ||
[commitizen]: https://github.com/mineral-ui/mineral-ui/blob/master/CONTRIBUTING.md#developing | ||
@@ -96,3 +108,4 @@ [import-syntax]: https://github.com/mineral-ui/mineral-ui/blob/master/docs/import-syntax.md | ||
[theo]: https://github.com/salesforce-ux/theo | ||
[theoSpec]: https://github.com/salesforce-ux/theo#spec | ||
[theospec]: https://github.com/salesforce-ux/theo#spec | ||
[token-page]: https://mineral-ui.com/tokens | ||
[versioning]: https://github.com/mineral-ui/mineral-ui#versioning |
18
red.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#faf0f0', | ||
20: '#fad4d4', | ||
30: '#fab6b6', | ||
40: '#fa8e8e', | ||
50: '#f55353', | ||
60: '#de1b1b', | ||
70: '#b80d0d', | ||
80: '#8f0e0e', | ||
90: '#661414', | ||
100: '#451717' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#faf0f0'), _defineProperty(_$20$30$40$50$60$, 20, '#fad4d4'), _defineProperty(_$20$30$40$50$60$, 30, '#fab6b6'), _defineProperty(_$20$30$40$50$60$, 40, '#fa8e8e'), _defineProperty(_$20$30$40$50$60$, 50, '#f55353'), _defineProperty(_$20$30$40$50$60$, 60, '#de1b1b'), _defineProperty(_$20$30$40$50$60$, 70, '#b80d0d'), _defineProperty(_$20$30$40$50$60$, 80, '#8f0e0e'), _defineProperty(_$20$30$40$50$60$, 90, '#661414'), _defineProperty(_$20$30$40$50$60$, 100, '#451717'), _$20$30$40$50$60$); |
18
sky.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#e8f4fa', | ||
20: '#bbe5fa', | ||
30: '#8dd4f7', | ||
40: '#53baed', | ||
50: '#229ad6', | ||
60: '#0c7bb3', | ||
70: '#066391', | ||
80: '#064d70', | ||
90: '#093952', | ||
100: '#0c2938' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e8f4fa'), _defineProperty(_$20$30$40$50$60$, 20, '#bbe5fa'), _defineProperty(_$20$30$40$50$60$, 30, '#8dd4f7'), _defineProperty(_$20$30$40$50$60$, 40, '#53baed'), _defineProperty(_$20$30$40$50$60$, 50, '#229ad6'), _defineProperty(_$20$30$40$50$60$, 60, '#0c7bb3'), _defineProperty(_$20$30$40$50$60$, 70, '#066391'), _defineProperty(_$20$30$40$50$60$, 80, '#064d70'), _defineProperty(_$20$30$40$50$60$, 90, '#093952'), _defineProperty(_$20$30$40$50$60$, 100, '#0c2938'), _$20$30$40$50$60$); |
18
slate.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#edf4f7', | ||
20: '#cbe3f5', | ||
30: '#a7ceeb', | ||
40: '#84b7db', | ||
50: '#5e95bd', | ||
60: '#48799c', | ||
70: '#376180', | ||
80: '#2d4d63', | ||
90: '#243947', | ||
100: '#1d2830' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#edf4f7'), _defineProperty(_$20$30$40$50$60$, 20, '#cbe3f5'), _defineProperty(_$20$30$40$50$60$, 30, '#a7ceeb'), _defineProperty(_$20$30$40$50$60$, 40, '#84b7db'), _defineProperty(_$20$30$40$50$60$, 50, '#5e95bd'), _defineProperty(_$20$30$40$50$60$, 60, '#48799c'), _defineProperty(_$20$30$40$50$60$, 70, '#376180'), _defineProperty(_$20$30$40$50$60$, 80, '#2d4d63'), _defineProperty(_$20$30$40$50$60$, 90, '#243947'), _defineProperty(_$20$30$40$50$60$, 100, '#1d2830'), _$20$30$40$50$60$); |
18
teal.js
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
exports.default = { | ||
10: '#e4f7f6', | ||
20: '#a8ede9', | ||
30: '#6cd9d2', | ||
40: '#45bfb7', | ||
50: '#28a199', | ||
60: '#17827b', | ||
70: '#116963', | ||
80: '#0d524d', | ||
90: '#0b3d3a', | ||
100: '#092b29' | ||
}; | ||
var _$20$30$40$50$60$; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
exports.default = (_$20$30$40$50$60$ = {}, _defineProperty(_$20$30$40$50$60$, 10, '#e4f7f6'), _defineProperty(_$20$30$40$50$60$, 20, '#a8ede9'), _defineProperty(_$20$30$40$50$60$, 30, '#6cd9d2'), _defineProperty(_$20$30$40$50$60$, 40, '#45bfb7'), _defineProperty(_$20$30$40$50$60$, 50, '#28a199'), _defineProperty(_$20$30$40$50$60$, 60, '#17827b'), _defineProperty(_$20$30$40$50$60$, 70, '#116963'), _defineProperty(_$20$30$40$50$60$, 80, '#0d524d'), _defineProperty(_$20$30$40$50$60$, 90, '#0b3d3a'), _defineProperty(_$20$30$40$50$60$, 100, '#092b29'), _$20$30$40$50$60$); |
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
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
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
103104
105
40
1616
1