gestalt-design-tokens - npm Package Compare versions

Comparing version 42.2.0 to 42.2.1

dist/js/tokens.js


		// @flow strict
		// Do not edit directly
		// Generated on Tue, 25 Jan 2022 18:48:52 GMT
		// Generated on Tue, 25 Jan 2022 23:40:14 GMT

		module.exports = [{"name":"color-text-default","value":"#111111","darkValue":"#f9f9f9","comment":"Default text color","category":"color"},{"name":"color-text-subtle","value":"#767676","darkValue":"#a5a5a5","comment":"Secondary, subtle text color","category":"color"},{"name":"color-text-success","value":"#005f3e","darkValue":"#39d377","comment":"Text color to indicate success","category":"color"},{"name":"color-text-error","value":"#cc0000","darkValue":"#eb4242","comment":"Text color to indicate an error","category":"color"},{"name":"color-text-warning","value":"#bd5b00","darkValue":"#e18d00","comment":"Text color to indicate a warning or caution","category":"color"},{"name":"color-text-inverse","value":"#ffffff","darkValue":"#111111","comment":"Text color to use on inverted backgrounds","category":"color"},{"name":"color-text-icon-default","value":"#111111","darkValue":"#f9f9f9","comment":"Default color for icons","category":"color"},{"name":"color-text-icon-subtle","value":"#767676","darkValue":"#a5a5a5","comment":"Subtle, secondary color for icons","category":"color"},{"name":"color-text-icon-success","value":"#005f3e","darkValue":"#39d377","comment":"Icon color to indicate success","category":"color"},{"name":"color-text-icon-error","value":"#cc0000","darkValue":"#eb4242","comment":"Icon color to indicate an error","category":"color"},{"name":"color-text-icon-warning","value":"#bd5b00","darkValue":"#e18d00","comment":"Icon color to indicate a warning or caution","category":"color"},{"name":"color-text-icon-inverse","value":"#ffffff","darkValue":"#111111","comment":"Icon color to use on inverted backgrounds","category":"color"},{"name":"color-background-info-base","value":"#0074e8","comment":"Background color to indicate neutral information","category":"color"},{"name":"color-background-info-weak","value":"#e6f4ff","comment":"Weak background color to indicate neutral information, can be used behind text","category":"color"},{"name":"color-background-error-base","value":"#cc0000","comment":"Background color to indicate errors","category":"color"},{"name":"color-background-error-weak","value":"#ffebeb","comment":"Weak background color to indicate errors, can be used behind text","category":"color"},{"name":"color-background-warning-base","value":"#bd5b00","comment":"Background color to indicate warnings","category":"color"},{"name":"color-background-warning-weak","value":"#fff0db","comment":"Weak background color to indicate warnings, can be used behind text","category":"color"},{"name":"color-background-success-base","value":"#008753","comment":"Background color to indicate success","category":"color"},{"name":"color-background-success-weak","value":"#e3fae1","comment":"Weak background color to indicate success, can be used behind text","category":"color"},{"name":"color-background-shopping","value":"#0074e8","darkValue":"#45a3fe","comment":"Background color to indicate shopping-related features","category":"color"},{"name":"color-background-primary-base","value":"#e60023","darkValue":"#eb4242","comment":"Primary background color","category":"color"},{"name":"color-background-primary-strong","value":"#b60000","comment":"Strong version of the primary background color, used for hover","category":"color"},{"name":"color-background-primary-weak","value":"#f47171","comment":"Weak version of the primary background color, used for hover","category":"color"},{"name":"color-background-secondary-base","value":"#767676","darkValue":"#a5a5a5","comment":"Secondary background color","category":"color"},{"name":"color-background-secondary-strong","value":"#2b2b2b","comment":"Strong version of secondary background color, used for hover","category":"color"},{"name":"color-background-secondary-weak","value":"#cdcdcd","comment":"Weak version of secondary background color, used for hover","category":"color"},{"name":"color-background-tertiary-base","value":"#e9e9e9","darkValue":"#767676","comment":"Tertiary background color","category":"color"},{"name":"color-background-tertiary-strong","value":"#a5a5a5","comment":"Strong version of tertiary background color, used for hover","category":"color"},{"name":"color-background-tertiary-weak","value":"#cdcdcd","comment":"Weak version of tertiary background color, used for hover","category":"color"},{"name":"color-background-selected-base","value":"#111111","darkValue":"#e9e9e9","comment":"Background color to indicate selected state, like a selected IconButton","category":"color"},{"name":"color-background-selected-weak","value":"#2b2b2b","comment":"Weak version of the selected background color, used for hover","category":"color"},{"name":"color-background-selected-strong","value":"#a5a5a5","comment":"Strong version of the selected background color, used for hover","category":"color"},{"name":"color-background-inverse-base","value":"#ffffff","darkValue":"#111111","comment":"Background color for use on inverted backgrounds","category":"color"},{"name":"color-background-inverse-strong","value":"#e9e9e9","comment":"Strong version of inverse background color, used for hover","category":"color"},{"name":"color-background-brand","value":"#e60023","darkValue":"#eb4242","comment":"Background color to signify the Pinterest brand","category":"color"},{"name":"color-background-education","value":"#0074e8","darkValue":"#45a3fe","comment":"Background color to indicate educational moments or messages","category":"color"},{"name":"color-red-pushpin-0","value":"#fff7f7","category":"color"},{"name":"color-red-pushpin-50","value":"#ffebeb","category":"color"},{"name":"color-red-pushpin-100","value":"#ffe0e0","category":"color"},{"name":"color-red-pushpin-200","value":"#fcbbbb","category":"color"},{"name":"color-red-pushpin-300","value":"#f47171","category":"color"},{"name":"color-red-pushpin-400","value":"#eb4242","category":"color"},{"name":"color-red-pushpin-450","value":"#e60023","category":"color"},{"name":"color-red-pushpin-500","value":"#cc0000","category":"color"},{"name":"color-red-pushpin-600","value":"#b60000","category":"color"},{"name":"color-red-pushpin-700","value":"#9b0000","category":"color"},{"name":"color-red-pushpin-800","value":"#800000","category":"color"},{"name":"color-red-pushpin-900","value":"#660000","category":"color"},{"name":"color-pink-flaminglow-0","value":"#fff8fa","category":"color"},{"name":"color-pink-flaminglow-50","value":"#ffebf1","category":"color"},{"name":"color-pink-flaminglow-100","value":"#ffdfe9","category":"color"},{"name":"color-pink-flaminglow-200","value":"#ffbed2","category":"color"},{"name":"color-pink-flaminglow-300","value":"#fe8eb1","category":"color"},{"name":"color-pink-flaminglow-400","value":"#f76593","category":"color"},{"name":"color-pink-flaminglow-450","value":"#ee376a","category":"color"},{"name":"color-pink-flaminglow-500","value":"#de2c62","category":"color"},{"name":"color-pink-flaminglow-600","value":"#c31952","category":"color"},{"name":"color-pink-flaminglow-700","value":"#a30c4a","category":"color"},{"name":"color-pink-flaminglow-800","value":"#82053e","category":"color"},{"name":"color-pink-flaminglow-900","value":"#630233","category":"color"},{"name":"color-blue-skycicle-0","value":"#f7fbff","category":"color"},{"name":"color-blue-skycicle-50","value":"#e6f4ff","category":"color"},{"name":"color-blue-skycicle-100","value":"#d7edff","category":"color"},{"name":"color-blue-skycicle-200","value":"#abdbff","category":"color"},{"name":"color-blue-skycicle-300","value":"#75bfff","category":"color"},{"name":"color-blue-skycicle-400","value":"#45a3fe","category":"color"},{"name":"color-blue-skycicle-450","value":"#007cff","category":"color"},{"name":"color-blue-skycicle-500","value":"#0074e8","category":"color"},{"name":"color-blue-skycicle-600","value":"#005fcb","category":"color"},{"name":"color-blue-skycicle-700","value":"#004ba9","category":"color"},{"name":"color-blue-skycicle-800","value":"#003c96","category":"color"},{"name":"color-blue-skycicle-900","value":"#002966","category":"color"},{"name":"color-teal-spabattical-0","value":"#f7fdfc","category":"color"},{"name":"color-teal-spabattical-50","value":"#e6faf5","category":"color"},{"name":"color-teal-spabattical-100","value":"#ccf6ee","category":"color"},{"name":"color-teal-spabattical-200","value":"#75e4d5","category":"color"},{"name":"color-teal-spabattical-300","value":"#48d5c6","category":"color"},{"name":"color-teal-spabattical-400","value":"#26c0b4","category":"color"},{"name":"color-teal-spabattical-450","value":"#009990","category":"color"},{"name":"color-teal-spabattical-500","value":"#00857c","category":"color"},{"name":"color-teal-spabattical-600","value":"#006b6c","category":"color"},{"name":"color-teal-spabattical-700","value":"#005c62","category":"color"},{"name":"color-teal-spabattical-800","value":"#005062","category":"color"},{"name":"color-teal-spabattical-900","value":"#003440","category":"color"},{"name":"color-green-matchacado-0","value":"#f6fdf5","category":"color"},{"name":"color-green-matchacado-50","value":"#e3fae1","category":"color"},{"name":"color-green-matchacado-100","value":"#c3f9c2","category":"color"},{"name":"color-green-matchacado-200","value":"#a4f9ac","category":"color"},{"name":"color-green-matchacado-300","value":"#6bec8c","category":"color"},{"name":"color-green-matchacado-400","value":"#39d377","category":"color"},{"name":"color-green-matchacado-450","value":"#1dad65","category":"color"},{"name":"color-green-matchacado-500","value":"#008753","category":"color"},{"name":"color-green-matchacado-600","value":"#005f3e","category":"color"},{"name":"color-green-matchacado-700","value":"#00422c","category":"color"},{"name":"color-green-matchacado-800","value":"#003020","category":"color"},{"name":"color-green-matchacado-900","value":"#00261a","category":"color"},{"name":"color-purple-mysticool-0","value":"#f8f7ff","category":"color"},{"name":"color-purple-mysticool-50","value":"#f0edff","category":"color"},{"name":"color-purple-mysticool-100","value":"#e9e4ff","category":"color"},{"name":"color-purple-mysticool-200","value":"#d5c7ff","category":"color"},{"name":"color-purple-mysticool-300","value":"#b190ff","category":"color"},{"name":"color-purple-mysticool-400","value":"#9e68ff","category":"color"},{"name":"color-purple-mysticool-450","value":"#8a39fa","category":"color"},{"name":"color-purple-mysticool-500","value":"#812ae7","category":"color"},{"name":"color-purple-mysticool-600","value":"#6b16ca","category":"color"},{"name":"color-purple-mysticool-700","value":"#550aa9","category":"color"},{"name":"color-purple-mysticool-800","value":"#400387","category":"color"},{"name":"color-purple-mysticool-900","value":"#2c0066","category":"color"},{"name":"color-orange-firetini-0","value":"#fff6eb","category":"color"},{"name":"color-orange-firetini-50","value":"#fff0db","category":"color"},{"name":"color-orange-firetini-100","value":"#ffe4c1","category":"color"},{"name":"color-orange-firetini-200","value":"#ffc58f","category":"color"},{"name":"color-orange-firetini-300","value":"#fda161","category":"color"},{"name":"color-orange-firetini-400","value":"#f77a38","category":"color"},{"name":"color-orange-firetini-450","value":"#ff5b45","category":"color"},{"name":"color-orange-firetini-500","value":"#de3700","category":"color"},{"name":"color-orange-firetini-600","value":"#c32f00","category":"color"},{"name":"color-orange-firetini-700","value":"#a42700","category":"color"},{"name":"color-orange-firetini-800","value":"#842000","category":"color"},{"name":"color-orange-firetini-900","value":"#660e00","category":"color"},{"name":"color-yellow-caramellow-0","value":"#fffedb","category":"color"},{"name":"color-yellow-caramellow-50","value":"#fffebb","category":"color"},{"name":"color-yellow-caramellow-100","value":"#fffd92","category":"color"},{"name":"color-yellow-caramellow-200","value":"#fae600","category":"color"},{"name":"color-yellow-caramellow-300","value":"#fdc900","category":"color"},{"name":"color-yellow-caramellow-400","value":"#e18d00","category":"color"},{"name":"color-yellow-caramellow-450","value":"#d86800","category":"color"},{"name":"color-yellow-caramellow-500","value":"#bd5b00","category":"color"},{"name":"color-yellow-caramellow-600","value":"#aa4900","category":"color"},{"name":"color-yellow-caramellow-700","value":"#943a00","category":"color"},{"name":"color-yellow-caramellow-800","value":"#7c2d00","category":"color"},{"name":"color-yellow-caramellow-900","value":"#662400","category":"color"},{"name":"color-white-mochimalist-0","value":"#ffffff","category":"color"},{"name":"color-gray-roboflow-50","value":"#f9f9f9","category":"color"},{"name":"color-gray-roboflow-100","value":"#f1f1f1","category":"color"},{"name":"color-gray-roboflow-200","value":"#e9e9e9","category":"color"},{"name":"color-gray-roboflow-300","value":"#cdcdcd","category":"color"},{"name":"color-gray-roboflow-400","value":"#a5a5a5","category":"color"},{"name":"color-gray-roboflow-500","value":"#767676","category":"color"},{"name":"color-gray-roboflow-600","value":"#4a4a4a","category":"color"},{"name":"color-gray-roboflow-700","value":"#2b2b2b","category":"color"},{"name":"color-gray-roboflow-800","value":"#191919","category":"color"},{"name":"color-black-cosmicore-900","value":"#111111","category":"color"},{"name":"font-size-100","value":"12px","category":"font"},{"name":"font-size-200","value":"14px","category":"font"},{"name":"font-size-300","value":"16px","category":"font"},{"name":"font-size-400","value":"20px","category":"font"},{"name":"font-size-500","value":"28px","category":"font"},{"name":"font-size-600","value":"36px","category":"font"},{"name":"font-weight-normal","value":"400","comment":"Default font weight","category":"font"},{"name":"font-weight-bold","value":"700","comment":"Font weight used for column headers, headings, and inline-links","category":"font"},{"name":"font-family-default-latin","value":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳＰゴシック', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","comment":"Default font family used at Pinterest","category":"font"},{"name":"font-family-default-japanese","value":"'SF Pro JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳＰゴシック', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","comment":"Font family for Japanese","category":"font"},{"name":"font-family-code","value":"SFMono-Medium, 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace","comment":"Font family for showing things like code or computer values","category":"font"},{"name":"space-0","value":"0","category":"space"},{"name":"space-100","value":"4px","category":"space"},{"name":"space-200","value":"8px","category":"space"},{"name":"space-300","value":"16px","category":"space"},{"name":"space-400","value":"24px","category":"space"},{"name":"space-500","value":"32px","category":"space"},{"name":"space-600","value":"64px","category":"space"},{"name":"space-negative-100","value":"-4px","category":"space"},{"name":"space-negative-200","value":"-8px","category":"space"},{"name":"space-negative-300","value":"-16px","category":"space"},{"name":"space-negative-400","value":"-24px","category":"space"},{"name":"space-negative-500","value":"-32px","category":"space"},{"name":"space-negative-600","value":"-64px","category":"space"}]

package.json

		{
		"name": "gestalt-design-tokens",
		"version": "42.2.0",
		"version": "42.2.1",
		"license": "Apache-2.0",
		@@ -5,0 +5,0 @@ "homepage": "https://gestalt.pinterest.systems/",

dist/android/colors.xml