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

mineral-ui-tokens

Package Overview
Dependencies
Maintainers
4
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mineral-ui-tokens - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

index.scss

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$);

@@ -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$);

@@ -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$);

@@ -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$);

@@ -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

@@ -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$);

@@ -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$);

@@ -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$);

@@ -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$);
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