gestalt-design-tokens - npm Package Compare versions

Comparing version 147.2.6 to 147.2.7

dist/js/constants.js

@@ -5,3 +5,3 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:39 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
@@ -8,0 +8,0 @@ module.exports = Object.freeze({

dist/js/data-viz-tokens_dark.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:38 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-data-visualization-10","value":"#007a72","originalValue":"#007A72","_darkModeSupport":true,"comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#f76593","originalValue":"color.pink.flaminglow.400.value","_darkModeSupport":true,"comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#ffc58f","originalValue":"color.orange.firetini.200.value","_darkModeSupport":true,"comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#005fcb","originalValue":"color.blue.skycicle.600.value","_darkModeSupport":true,"comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#75e4d5","originalValue":"color.teal.spabattical.200.value","_darkModeSupport":true,"comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#b190ff","originalValue":"#B190FF","_darkModeSupport":true,"comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#fda600","originalValue":"#FDA600","_darkModeSupport":true,"comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#75bfff","originalValue":"color.blue.skycicle.300.value","_darkModeSupport":true,"comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","_darkModeSupport":true,"comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#a4f9ac","originalValue":"color.green.matchacado.200.value","_darkModeSupport":true,"comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","_darkModeSupport":true,"comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#ff5b45","originalValue":"color.orange.firetini.450.value","_darkModeSupport":true,"comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#75bfff","originalValue":"color.data-visualization.05.value","_darkModeSupport":true,"comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#6bec8c","originalValue":"color.green.matchacado.300.value","_darkModeSupport":true,"comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#39d377","originalValue":"color.green.matchacado.400.value","_darkModeSupport":true,"comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#f47171","originalValue":"color.red.pushpin.300.value","_darkModeSupport":true,"comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#eb4242","originalValue":"color.red.pushpin.400.value","_darkModeSupport":true,"comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"}]

dist/js/data-viz-tokens_individual_dark.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:38 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/data-viz-tokens_individual.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:38 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/data-viz-tokens.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:38 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-data-visualization-10","value":"#005062","originalValue":"color.teal.spabattical.800.value","comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#660e00","originalValue":"color.orange.firetini.900.value","comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#003c96","originalValue":"color.blue.skycicle.800.value","comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#11a69c","originalValue":"#11A69C","comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#924af7","originalValue":"#924AF7","comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#d17711","originalValue":"#D17711","comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#0081fe","originalValue":"#0081FE","comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#ff5383","originalValue":"#FF5383","comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#00ab55","originalValue":"#00AB55","comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#400387","originalValue":"color.purple.mysticool.800.value","comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#f2681f","originalValue":"#F2681F","comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#0081fe","originalValue":"color.data-visualization.05.value","comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#ed0000","originalValue":"#ED0000","comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"}]

dist/js/tokens_individual_dark.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:38 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/tokens_individual.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:38 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/tokens.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:38 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-red-pushpin-0","value":"#fff7f7","originalValue":"#FFF7F7","category":"color"},{"name":"color-red-pushpin-50","value":"#ffebeb","originalValue":"#FFEBEB","category":"color"},{"name":"color-red-pushpin-100","value":"#ffe0e0","originalValue":"#FFE0E0","category":"color"},{"name":"color-red-pushpin-200","value":"#fcbbbb","originalValue":"#FCBBBB","category":"color"},{"name":"color-red-pushpin-300","value":"#f47171","originalValue":"#F47171","category":"color"},{"name":"color-red-pushpin-400","value":"#eb4242","originalValue":"#EB4242","category":"color"},{"name":"color-red-pushpin-450","value":"#e60023","originalValue":"#E60023","category":"color"},{"name":"color-red-pushpin-500","value":"#cc0000","originalValue":"#CC0000","category":"color"},{"name":"color-red-pushpin-600","value":"#b60000","originalValue":"#B60000","category":"color"},{"name":"color-red-pushpin-700","value":"#9b0000","originalValue":"#9B0000","category":"color"},{"name":"color-red-pushpin-800","value":"#800000","originalValue":"#800000","category":"color"},{"name":"color-red-pushpin-900","value":"#660000","originalValue":"#660000","category":"color"},{"name":"color-pink-flaminglow-0","value":"#fff8fa","originalValue":"#FFF8FA","category":"color"},{"name":"color-pink-flaminglow-50","value":"#ffebf1","originalValue":"#FFEBF1","category":"color"},{"name":"color-pink-flaminglow-100","value":"#ffdfe9","originalValue":"#FFDFE9","category":"color"},{"name":"color-pink-flaminglow-200","value":"#ffbed2","originalValue":"#FFBED2","category":"color"},{"name":"color-pink-flaminglow-300","value":"#fe8eb1","originalValue":"#FE8EB1","category":"color"},{"name":"color-pink-flaminglow-400","value":"#f76593","originalValue":"#F76593","category":"color"},{"name":"color-pink-flaminglow-450","value":"#ee376a","originalValue":"#EE376A","category":"color"},{"name":"color-pink-flaminglow-500","value":"#de2c62","originalValue":"#DE2C62","category":"color"},{"name":"color-pink-flaminglow-600","value":"#c31952","originalValue":"#C31952","category":"color"},{"name":"color-pink-flaminglow-700","value":"#a30c4a","originalValue":"#A30C4A","category":"color"},{"name":"color-pink-flaminglow-800","value":"#82053e","originalValue":"#82053E","category":"color"},{"name":"color-pink-flaminglow-900","value":"#630233","originalValue":"#630233","category":"color"},{"name":"color-blue-skycicle-0","value":"#f7fbff","originalValue":"#F7FBFF","category":"color"},{"name":"color-blue-skycicle-50","value":"#e6f4ff","originalValue":"#E6F4FF","category":"color"},{"name":"color-blue-skycicle-100","value":"#d7edff","originalValue":"#D7EDFF","category":"color"},{"name":"color-blue-skycicle-200","value":"#abdbff","originalValue":"#ABDBFF","category":"color"},{"name":"color-blue-skycicle-300","value":"#75bfff","originalValue":"#75BFFF","category":"color"},{"name":"color-blue-skycicle-400","value":"#45a3fe","originalValue":"#45A3FE","category":"color"},{"name":"color-blue-skycicle-450","value":"#007cff","originalValue":"#007CFF","category":"color"},{"name":"color-blue-skycicle-500","value":"#0074e8","originalValue":"#0074E8","category":"color"},{"name":"color-blue-skycicle-600","value":"#005fcb","originalValue":"#005FCB","category":"color"},{"name":"color-blue-skycicle-700","value":"#004ba9","originalValue":"#004BA9","category":"color"},{"name":"color-blue-skycicle-800","value":"#003c96","originalValue":"#003C96","category":"color"},{"name":"color-blue-skycicle-900","value":"#002966","originalValue":"#002966","category":"color"},{"name":"color-teal-spabattical-0","value":"#f7fdfc","originalValue":"#F7FDFC","category":"color"},{"name":"color-teal-spabattical-50","value":"#e6faf5","originalValue":"#E6FAF5","category":"color"},{"name":"color-teal-spabattical-100","value":"#ccf6ee","originalValue":"#CCF6EE","category":"color"},{"name":"color-teal-spabattical-200","value":"#75e4d5","originalValue":"#75E4D5","category":"color"},{"name":"color-teal-spabattical-300","value":"#48d5c6","originalValue":"#48D5C6","category":"color"},{"name":"color-teal-spabattical-400","value":"#26c0b4","originalValue":"#26C0B4","category":"color"},{"name":"color-teal-spabattical-450","value":"#009990","originalValue":"#009990","category":"color"},{"name":"color-teal-spabattical-500","value":"#00857c","originalValue":"#00857C","category":"color"},{"name":"color-teal-spabattical-600","value":"#006b6c","originalValue":"#006B6C","category":"color"},{"name":"color-teal-spabattical-700","value":"#005c62","originalValue":"#005C62","category":"color"},{"name":"color-teal-spabattical-800","value":"#005062","originalValue":"#005062","category":"color"},{"name":"color-teal-spabattical-900","value":"#003440","originalValue":"#003440","category":"color"},{"name":"color-green-matchacado-0","value":"#f6fdf5","originalValue":"#F6FDF5","category":"color"},{"name":"color-green-matchacado-50","value":"#e3fae1","originalValue":"#E3FAE1","category":"color"},{"name":"color-green-matchacado-100","value":"#c3f9c2","originalValue":"#C3F9C2","category":"color"},{"name":"color-green-matchacado-200","value":"#a4f9ac","originalValue":"#A4F9AC","category":"color"},{"name":"color-green-matchacado-300","value":"#6bec8c","originalValue":"#6BEC8C","category":"color"},{"name":"color-green-matchacado-400","value":"#39d377","originalValue":"#39D377","category":"color"},{"name":"color-green-matchacado-450","value":"#1dad65","originalValue":"#1DAD65","category":"color"},{"name":"color-green-matchacado-500","value":"#008753","originalValue":"#008753","category":"color"},{"name":"color-green-matchacado-600","value":"#005f3e","originalValue":"#005F3E","category":"color"},{"name":"color-green-matchacado-700","value":"#00422c","originalValue":"#00422C","category":"color"},{"name":"color-green-matchacado-800","value":"#003020","originalValue":"#003020","category":"color"},{"name":"color-green-matchacado-900","value":"#00261a","originalValue":"#00261A","category":"color"},{"name":"color-purple-mysticool-0","value":"#f8f7ff","originalValue":"#F8F7FF","category":"color"},{"name":"color-purple-mysticool-50","value":"#f0edff","originalValue":"#F0EDFF","category":"color"},{"name":"color-purple-mysticool-100","value":"#e9e4ff","originalValue":"#E9E4FF","category":"color"},{"name":"color-purple-mysticool-200","value":"#d5c7ff","originalValue":"#D5C7FF","category":"color"},{"name":"color-purple-mysticool-300","value":"#b190ff","originalValue":"#B190FF","category":"color"},{"name":"color-purple-mysticool-400","value":"#9e68ff","originalValue":"#9E68FF","category":"color"},{"name":"color-purple-mysticool-450","value":"#8a39fa","originalValue":"#8A39FA","category":"color"},{"name":"color-purple-mysticool-500","value":"#812ae7","originalValue":"#812AE7","category":"color"},{"name":"color-purple-mysticool-600","value":"#6b16ca","originalValue":"#6B16CA","category":"color"},{"name":"color-purple-mysticool-700","value":"#550aa9","originalValue":"#550AA9","category":"color"},{"name":"color-purple-mysticool-800","value":"#400387","originalValue":"#400387","category":"color"},{"name":"color-purple-mysticool-900","value":"#2c0066","originalValue":"#2C0066","category":"color"},{"name":"color-orange-firetini-0","value":"#fff6eb","originalValue":"#FFF6EB","category":"color"},{"name":"color-orange-firetini-50","value":"#fff0db","originalValue":"#FFF0DB","category":"color"},{"name":"color-orange-firetini-100","value":"#ffe4c1","originalValue":"#FFE4C1","category":"color"},{"name":"color-orange-firetini-200","value":"#ffc58f","originalValue":"#FFC58F","category":"color"},{"name":"color-orange-firetini-300","value":"#fda161","originalValue":"#FDA161","category":"color"},{"name":"color-orange-firetini-400","value":"#f77a38","originalValue":"#F77A38","category":"color"},{"name":"color-orange-firetini-450","value":"#ff5b45","originalValue":"#FF5B45","category":"color"},{"name":"color-orange-firetini-500","value":"#de3700","originalValue":"#DE3700","category":"color"},{"name":"color-orange-firetini-600","value":"#c32f00","originalValue":"#C32F00","category":"color"},{"name":"color-orange-firetini-700","value":"#a42700","originalValue":"#A42700","category":"color"},{"name":"color-orange-firetini-800","value":"#842000","originalValue":"#842000","category":"color"},{"name":"color-orange-firetini-900","value":"#660e00","originalValue":"#660E00","category":"color"},{"name":"color-yellow-caramellow-0","value":"#fffedb","originalValue":"#FFFEDB","category":"color"},{"name":"color-yellow-caramellow-50","value":"#fffebb","originalValue":"#FFFEBB","category":"color"},{"name":"color-yellow-caramellow-100","value":"#fffd92","originalValue":"#FFFD92","category":"color"},{"name":"color-yellow-caramellow-200","value":"#fae600","originalValue":"#FAE600","category":"color"},{"name":"color-yellow-caramellow-300","value":"#fdc900","originalValue":"#FDC900","category":"color"},{"name":"color-yellow-caramellow-400","value":"#e18d00","originalValue":"#E18D00","category":"color"},{"name":"color-yellow-caramellow-450","value":"#d86800","originalValue":"#D86800","category":"color"},{"name":"color-yellow-caramellow-500","value":"#bd5b00","originalValue":"#BD5B00","category":"color"},{"name":"color-yellow-caramellow-600","value":"#aa4900","originalValue":"#AA4900","category":"color"},{"name":"color-yellow-caramellow-700","value":"#943a00","originalValue":"#943A00","category":"color"},{"name":"color-yellow-caramellow-800","value":"#7c2d00","originalValue":"#7C2D00","category":"color"},{"name":"color-yellow-caramellow-900","value":"#662400","originalValue":"#662400","category":"color"},{"name":"color-white-mochimalist-0","value":"#ffffff","originalValue":"#FFFFFF","category":"color"},{"name":"color-gray-roboflow-50","value":"#f9f9f9","originalValue":"#F9F9F9","category":"color"},{"name":"color-gray-roboflow-100","value":"#f1f1f1","originalValue":"#F1F1F1","category":"color"},{"name":"color-gray-roboflow-200","value":"#e9e9e9","originalValue":"#E9E9E9","category":"color"},{"name":"color-gray-roboflow-300","value":"#cdcdcd","originalValue":"#CDCDCD","category":"color"},{"name":"color-gray-roboflow-400","value":"#a5a5a5","originalValue":"#A5A5A5","category":"color"},{"name":"color-gray-roboflow-500","value":"#767676","originalValue":"#767676","category":"color"},{"name":"color-gray-roboflow-550","value":"#5f5f5f","originalValue":"#5F5F5F","category":"color"},{"name":"color-gray-roboflow-600","value":"#4a4a4a","originalValue":"#4A4A4A","category":"color"},{"name":"color-gray-roboflow-700","value":"#2b2b2b","originalValue":"#2B2B2B","category":"color"},{"name":"color-gray-roboflow-800","value":"#191919","originalValue":"#191919","category":"color"},{"name":"color-black-cosmicore-900","value":"#111111","originalValue":"#111111","category":"color"},{"name":"color-transparent","value":"#000000","originalValue":"transparent","category":"color"},{"name":"color-data-visualization-10","value":"#005062","originalValue":"color.teal.spabattical.800.value","comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#660e00","originalValue":"color.orange.firetini.900.value","comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#003c96","originalValue":"color.blue.skycicle.800.value","comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#11a69c","originalValue":"#11A69C","comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#924af7","originalValue":"#924AF7","comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#d17711","originalValue":"#D17711","comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#0081fe","originalValue":"#0081FE","comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#ff5383","originalValue":"#FF5383","comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#00ab55","originalValue":"#00AB55","comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#400387","originalValue":"color.purple.mysticool.800.value","comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#f2681f","originalValue":"#F2681F","comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#0081fe","originalValue":"color.data-visualization.05.value","comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#ed0000","originalValue":"#ED0000","comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"},{"name":"color-text-default","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Default text color","category":"color"},{"name":"color-text-subtle","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Secondary, subtle text color","category":"color"},{"name":"color-text-success","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Text color to indicate success","category":"color"},{"name":"color-text-disabled","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Disabled text color","category":"color"},{"name":"color-text-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Text color to indicate an error","category":"color"},{"name":"color-text-warning","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Text color to indicate a warning or caution","category":"color"},{"name":"color-text-inverse","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Text color to use on inverted backgrounds","category":"color"},{"name":"color-text-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Dark text color that won't change in dark mode","category":"color"},{"name":"color-text-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Light text color that won't change in dark mode","category":"color"},{"name":"color-text-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Text color to use for shopping surfaces","category":"color"},{"name":"color-text-link","value":"#004ba9","originalValue":"color.blue.skycicle.700.value","comment":"Text color to use for links in documentation sites","category":"color"},{"name":"color-text-formfield-default","value":"#111111","originalValue":"#111","comment":"Formfield default text color.","category":"color"},{"name":"color-text-formfield-disabled","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Formfield disabled text color.","category":"color"},{"name":"color-text-formfield-placeholder","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Formfield placeholder text color.","category":"color"},{"name":"color-icon-default","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Default color for icons","category":"color"},{"name":"color-icon-subtle","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Subtle, secondary color for icons","category":"color"},{"name":"color-icon-success","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Icon color to indicate success","category":"color"},{"name":"color-icon-disabled","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Disabled color for icons","category":"color"},{"name":"color-icon-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Icon color to indicate an error","category":"color"},{"name":"color-icon-warning","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Icon color to indicate a warning or caution","category":"color"},{"name":"color-icon-info","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Icon color to use for information","category":"color"},{"name":"color-icon-recommendation","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","comment":"Icon color to use for recommendations","category":"color"},{"name":"color-icon-inverse","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Icon color to use on inverted backgrounds","category":"color"},{"name":"color-icon-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Icon color to use for shopping surfaces","category":"color"},{"name":"color-icon-brand-primary","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Icon color to use solely for representing the Pinterest brand","category":"color"},{"name":"color-icon-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Icon color that will always remain light","category":"color"},{"name":"color-icon-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Icon color that will always remain dark","category":"color"},{"name":"color-icon-avatar-default","value":"#111111","originalValue":"#111","comment":"Avatar default text color.","category":"color"},{"name":"color-background-default","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Background color that will match the current color scheme","category":"color"},{"name":"color-background-info-base","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate neutral information","category":"color"},{"name":"color-background-info-weak","value":"#d7edff","originalValue":"color.blue.skycicle.100.value","comment":"Weak background color to indicate neutral information, can be used behind text","category":"color"},{"name":"color-background-info-strong","value":"#005fcb","originalValue":"color.blue.skycicle.600.value","comment":"Strong background color to indicate neutral information, can be used for hover","category":"color"},{"name":"color-background-error-base","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Background color to indicate errors","category":"color"},{"name":"color-background-error-weak","value":"#ffe0e0","originalValue":"color.red.pushpin.100.value","comment":"Weak background color to indicate errors, can be used behind text","category":"color"},{"name":"color-background-warning-base","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Background color to indicate warnings","category":"color"},{"name":"color-background-warning-weak","value":"#ffe4c1","originalValue":"color.orange.firetini.100.value","comment":"Weak background color to indicate warnings, can be used behind text","category":"color"},{"name":"color-background-success-base","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Background color to indicate success","category":"color"},{"name":"color-background-success-weak","value":"#c3f9c2","originalValue":"color.green.matchacado.100.value","comment":"Weak background color to indicate success, can be used behind text","category":"color"},{"name":"color-background-recommendation-base","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","comment":"Background color to indicate recommendations","category":"color"},{"name":"color-background-recommendation-weak","value":"#e9e4ff","originalValue":"color.purple.mysticool.100.value","comment":"Weak background color to indicate recommendations, can be used behind text","category":"color"},{"name":"color-background-neutral","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Background color to indicate neutral information","category":"color"},{"name":"color-background-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate shopping-related features","category":"color"},{"name":"color-background-primary-base","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Primary background color","category":"color"},{"name":"color-background-primary-strong","value":"#b60000","originalValue":"color.red.pushpin.600.value","comment":"Strong version of the primary background color, used for hover","category":"color"},{"name":"color-background-primary-weak","value":"#f47171","originalValue":"color.red.pushpin.300.value","comment":"Weak version of the primary background color, used for hover","category":"color"},{"name":"color-background-secondary-base","value":"#e9e9e9","originalValue":"color.gray.roboflow.200.value","comment":"Secondary background color","category":"color"},{"name":"color-background-secondary-strong","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Strong version of secondary background color, used for hover","category":"color"},{"name":"color-background-secondary-weak","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Weak version of secondary background color, used for hover","category":"color"},{"name":"color-background-tertiary-base","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Tertiary background color","category":"color"},{"name":"color-background-tertiary-strong","value":"#2b2b2b","originalValue":"color.gray.roboflow.700.value","comment":"Strong version of tertiary background color, used for hover","category":"color"},{"name":"color-background-tertiary-weak","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Weak version of tertiary background color, used for hover","category":"color"},{"name":"color-background-selected-base","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color to indicate selected state, like a selected IconButton","category":"color"},{"name":"color-background-selected-strong","value":"#2b2b2b","originalValue":"color.gray.roboflow.700.value","comment":"Strong version of the selected background color, used for hover","category":"color"},{"name":"color-background-selected-weak","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Weak version of the selected background color, used for hover","category":"color"},{"name":"color-background-inverse-base","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color for use on inverted backgrounds","category":"color"},{"name":"color-background-inverse-strong","value":"#e9e9e9","originalValue":"color.gray.roboflow.200.value","comment":"Strong version of inverse background color, used for hover","category":"color"},{"name":"color-background-brand","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Background color to signify the Pinterest brand","category":"color"},{"name":"color-background-education","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate educational moments or messages","category":"color"},{"name":"color-background-wash-dark","value":"#000000","originalValue":"rgba(0, 0, 0, 0.8)","comment":"Background color to supply a dark wash over an item","category":"color"},{"name":"color-background-wash-light","value":"#ffffff","originalValue":"rgba(255, 255, 255, 0.9)","comment":"Background color to supply a light wash over an item","category":"color"},{"name":"color-background-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color that will always be dark, no matter the color scheme","category":"color"},{"name":"color-background-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Background color that will always be light, no matter the color scheme","category":"color"},{"name":"color-background-elevation-accent","value":"#f1f1f1","originalValue":"color.gray.roboflow.100.value","comment":"Background color used to accent containers when shadows are not an option ","category":"color"},{"name":"color-background-elevation-floating","value":"#000000","originalValue":"color.transparent.value","comment":"Background color used for floating elements in dark mode (like Modal or OverlayPanel) ","category":"color"},{"name":"color-background-elevation-raised","value":"#000000","originalValue":"color.transparent.value","comment":"Background color used for raised elements in dark mode, like sticky headers or navigation footers ","category":"color"},{"name":"color-background-avatar-placeholder","value":"#efefef","originalValue":"#efefef","comment":"Avatar component placeholder background color.","category":"color"},{"name":"color-background-avatar-wash","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Avatar dark overlay wash.","category":"color"},{"name":"color-background-badge-neutral","value":"#767676","originalValue":"color.background.tertiary.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-info-default","value":"#0074e8","originalValue":"color.background.info.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-info-hover","value":"#005fcb","originalValue":"color.background.info.strong.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-error","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-warning","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-success","value":"#008753","originalValue":"color.background.success.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-recommendation","value":"#812ae7","originalValue":"color.background.recommendation.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-lightwash","value":"#ffffff","originalValue":"color.background.wash.light.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-darkwash","value":"#000000","originalValue":"color.background.wash.dark.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-box-default","value":"#ffffff","originalValue":"color.background.default.value","comment":"Box component default background color","category":"color"},{"name":"color-background-box-info-base","value":"#0074e8","originalValue":"color.background.info.base.value","comment":"Box component info base background color","category":"color"},{"name":"color-background-box-info-weak","value":"#d7edff","originalValue":"color.background.info.weak.value","comment":"Box component info weak background color","category":"color"},{"name":"color-background-box-error-base","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Box component error base background color","category":"color"},{"name":"color-background-box-error-weak","value":"#ffe0e0","originalValue":"color.background.error.weak.value","comment":"Box component error weak background color","category":"color"},{"name":"color-background-box-warning-base","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Box component warning base background color","category":"color"},{"name":"color-background-box-warning-weak","value":"#ffe4c1","originalValue":"color.background.warning.weak.value","comment":"Box component warning weak background color","category":"color"},{"name":"color-background-box-success-base","value":"#008753","originalValue":"color.background.success.base.value","comment":"Box component success base background color","category":"color"},{"name":"color-background-box-success-weak","value":"#c3f9c2","originalValue":"color.background.success.weak.value","comment":"Box component success weak background color","category":"color"},{"name":"color-background-box-recommendation-base","value":"#812ae7","originalValue":"color.background.recommendation.base.value","comment":"Box component recommendation base background color","category":"color"},{"name":"color-background-box-recommendation-weak","value":"#e9e4ff","originalValue":"color.background.recommendation.weak.value","comment":"Box component recommendation weak background color","category":"color"},{"name":"color-background-box-shopping","value":"#0074e8","originalValue":"color.background.shopping.value","comment":"Box component shopping background color","category":"color"},{"name":"color-background-box-primary","value":"#e60023","originalValue":"color.background.primary.base.value","comment":"Box component primary background color","category":"color"},{"name":"color-background-box-secondary","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Box component secondary background color","category":"color"},{"name":"color-background-box-tertiary","value":"#767676","originalValue":"color.background.tertiary.base.value","comment":"Box component tertiary background color","category":"color"},{"name":"color-background-box-selected","value":"#111111","originalValue":"color.background.selected.base.value","comment":"Box component selected background color","category":"color"},{"name":"color-background-box-inverse","value":"#111111","originalValue":"color.background.inverse.base.value","comment":"Box component inverse background color","category":"color"},{"name":"color-background-box-brand","value":"#e60023","originalValue":"color.background.brand.value","comment":"Box component brand background color","category":"color"},{"name":"color-background-box-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Box component education background color","category":"color"},{"name":"color-background-box-elevation-accent","value":"#f1f1f1","originalValue":"color.background.elevation.accent.value","comment":"Box component elevation accent background color","category":"color"},{"name":"color-background-box-elevation-floating","value":"#000000","originalValue":"color.background.elevation.floating.value","comment":"Box component elevation floating background color","category":"color"},{"name":"color-background-box-elevation-raised","value":"#000000","originalValue":"color.background.elevation.raised.value","comment":"Box component elevation raised background color","category":"color"},{"name":"color-background-box-lightwash","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Box component light wash background color.","category":"color"},{"name":"color-background-box-darkwash","value":"#dadada","originalValue":"#dadada","comment":"Box component dark wash background color.","category":"color"},{"name":"color-background-box-transparentdarkgray","value":"#333333","originalValue":"rgba(51, 51, 51, 0.8)","comment":"Box component light transparent dark gray background color.","category":"color"},{"name":"color-background-box-dark","value":"#111111","originalValue":"color.background.dark.value","comment":"Box component dark background color","category":"color"},{"name":"color-background-box-light","value":"#ffffff","originalValue":"color.background.light.value","comment":"Box component light background color","category":"color"},{"name":"color-background-box-transparent","value":"#000000","originalValue":"color.transparent.value","comment":"Box component transparent background color.","category":"color"},{"name":"color-background-button-primary-default","value":"#e60023","originalValue":"color.background.primary.base.value","comment":"Primary button background color","category":"color"},{"name":"color-background-button-primary-hover","value":"#b60000","originalValue":"color.background.primary.strong.value","comment":"Primary button background color on hover","category":"color"},{"name":"color-background-button-primary-active","value":"#a3081a","originalValue":"#a3081a","comment":"Primary button background color on active","category":"color"},{"name":"color-background-button-secondary-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Secondary button background color.","category":"color"},{"name":"color-background-button-secondary-hover","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Secondary button background color on hover.","category":"color"},{"name":"color-background-button-secondary-active","value":"#dadada","originalValue":"#dadada","comment":"Secondary button background color on active.","category":"color"},{"name":"color-background-button-tertiary-default","value":"#000000","originalValue":"color.transparent.value","comment":"Tertiary button background color.","category":"color"},{"name":"color-background-button-tertiary-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Tertiary button background color on hover.","category":"color"},{"name":"color-background-button-tertiary-active","value":"#000000","originalValue":"rgba(0, 0, 0, 0.1)","comment":"Tertiary button background color on active.","category":"color"},{"name":"color-background-button-shopping-default","value":"#0074e8","originalValue":"color.background.shopping.value","comment":"Button background color for shopping","category":"color"},{"name":"color-background-button-shopping-hover","value":"#4a8ad4","originalValue":"#4a8ad4","comment":"Button background color for shopping on hover.","category":"color"},{"name":"color-background-button-shopping-active","value":"#4a85c9","originalValue":"#4a85c9","comment":"Button background color for shopping on active.","category":"color"},{"name":"color-background-button-white-default","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Button white background color for images with background","category":"color"},{"name":"color-background-button-white-hover","value":"#f0f0f0","originalValue":"#f0f0f0","comment":"Button white background color for images with background on hover.","category":"color"},{"name":"color-background-button-white-active","value":"#e0e0e0","originalValue":"#e0e0e0","comment":"Button white background color for images with background on active.","category":"color"},{"name":"color-background-button-gray-default","value":"#767676","originalValue":"color.background.neutral.value","comment":"Button gray background color for images with background","category":"color"},{"name":"color-background-button-gray-hover","value":"#878787","originalValue":"#878787","comment":"Button gray background color for images with background on hover.","category":"color"},{"name":"color-background-button-gray-active","value":"#828282","originalValue":"#828282","comment":"Button gray background color for images with background on active.","category":"color"},{"name":"color-background-button-semitransparentwhite-default","value":"#ffffff","originalValue":"rgba(255, 255, 255, 0.8)","comment":"Button semi-transparent white background color for images with background","category":"color"},{"name":"color-background-button-semitransparentwhite-hover","value":"#f0f0f0","originalValue":"#f0f0f0","comment":"Button semi-transparent white background color for images with background on hover.","category":"color"},{"name":"color-background-button-semitransparentwhite-active","value":"#e0e0e0","originalValue":"#e0e0e0","comment":"Button semi-transparent white background color for images with background on active.","category":"color"},{"name":"color-background-button-semitransparentdark-default","value":"#333333","originalValue":"rgba(51, 51, 51, 0.8)","comment":"Button semi-transparent dark background color for images with background","category":"color"},{"name":"color-background-button-semitransparentdark-hover","value":"#121212","originalValue":"#121212","comment":"Button semi-transparent dark background color for images with background on hover.","category":"color"},{"name":"color-background-button-semitransparentdark-active","value":"#1f1f1f","originalValue":"#1f1f1f","comment":"Button semi-transparent dark background color for images with background on active.","category":"color"},{"name":"color-background-button-disabled-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Disabled button background color.","category":"color"},{"name":"color-background-button-selected-default","value":"#111111","originalValue":"color.background.selected.base.value","comment":"Disabled button background color.","category":"color"},{"name":"color-background-combobox-item-default","value":"#000000","originalValue":"color.transparent.value","comment":"ComboBox item background color","category":"color"},{"name":"color-background-combobox-item-hover","value":"#efefef","originalValue":"#efefef","comment":"ComboBox item on hover background color","category":"color"},{"name":"color-background-datepicker-container","value":"#ffffff","originalValue":"#fff","comment":"DatePicker component background color.","category":"color"},{"name":"color-background-datepicker-button-default","value":"#ffffff","originalValue":"#fff","comment":"DatePicker date selectors background color.","category":"color"},{"name":"color-background-datepicker-button-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"DatePicker date selectors background color on hover.","category":"color"},{"name":"color-background-datepicker-button-selected","value":"#111111","originalValue":"#111","comment":"DatePicker date selectors selected background color.","category":"color"},{"name":"color-background-formfield-primary","value":"#ffffff","originalValue":"#fff","comment":"Formfield default background color","category":"color"},{"name":"color-background-formfield-disabled","value":"#efefef","originalValue":"#efefef","comment":"Formfield disabled background color","category":"color"},{"name":"color-background-formfield-selected","value":"#111111","originalValue":"#111","comment":"Formfield selected background color","category":"color"},{"name":"color-background-mask-wash","value":"#000000","originalValue":"rgba(0, 0, 0, 0.04)","comment":"Mask component wash.","category":"color"},{"name":"color-background-overlay","value":"#ffffff","originalValue":"color.background.default.value","comment":"Overlay component background color.","category":"color"},{"name":"color-background-popover-primary","value":"#ffffff","originalValue":"color.background.default.value","comment":"Popover component primary background color.","category":"color"},{"name":"color-background-popover-secondary","value":"#111111","originalValue":"#111","comment":"Popover component secondary background color.","category":"color"},{"name":"color-background-popover-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Popover component secondary background color.","category":"color"},{"name":"color-background-tabs-default-base","value":"#ffffff","originalValue":"color.background.default.value","comment":"Tabs component default background color.","category":"color"},{"name":"color-background-tabs-default-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Tabs component default background color on hover.","category":"color"},{"name":"color-background-tabs-default-active","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Tabs component default background color on press.","category":"color"},{"name":"color-background-tabs-transparent-base","value":"#000000","originalValue":"color.transparent.value","comment":"Tabs component transparent background color.","category":"color"},{"name":"color-background-tabs-transparent-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Tabs component transparent background color on hover.","category":"color"},{"name":"color-background-tabs-transparent-active","value":"#000000","originalValue":"rgba(0, 0, 0, 0.1)","comment":"Tabs component transparent background color on press.","category":"color"},{"name":"color-background-tag-primary-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Primary tag background color","category":"color"},{"name":"color-background-tag-primary-hover","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Primary tag's close button background color on hover","category":"color"},{"name":"color-background-tag-primary-active","value":"#dadada","originalValue":"#dadada","comment":"Primary tag's close button background color on active","category":"color"},{"name":"color-background-tag-error-default","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Error tag background color.","category":"color"},{"name":"color-background-tag-error-hover","value":"#ad081b","originalValue":"#ad081b","comment":"Error tag's close button background color on hover.","category":"color"},{"name":"color-background-tag-error-active","value":"#a3081a","originalValue":"#a3081a","comment":"Error tag's close button background color on active.","category":"color"},{"name":"color-background-tag-warning-default","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Warning tag background color.","category":"color"},{"name":"color-background-tag-warning-hover","value":"#aa4900","originalValue":"color.yellow.caramellow.600.value","comment":"Warning tag's close button background color on hover.","category":"color"},{"name":"color-background-tag-warning-active","value":"#943a00","originalValue":"color.yellow.caramellow.700.value","comment":"Warning tag's close button background color on active.","category":"color"},{"name":"color-background-segmentedcontrol-container","value":"#efefef","originalValue":"#efefef","comment":"SegmentedControl container background color","category":"color"},{"name":"color-background-segmentedcontrol-tab-selected","value":"#ffffff","originalValue":"#fff","comment":"SegmentedControl selected tab background color","category":"color"},{"name":"color-background-switch-default-unselected","value":"#ffffff","originalValue":"#fff","comment":"Switch enabled unselected background color","category":"color"},{"name":"color-background-switch-default-selected","value":"#111111","originalValue":"#111","comment":"Switch enabled selected background color","category":"color"},{"name":"color-background-switch-disabled-unselected","value":"#efefef","originalValue":"#efefef","comment":"Switch disabled unselected background color","category":"color"},{"name":"color-background-switch-disabled-selected","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Switch disabled selected background color","category":"color"},{"name":"color-background-table-footer","value":"#ffffff","originalValue":"#fff","comment":"Table footer background color","category":"color"},{"name":"color-background-table-row-hover","value":"#efefef","originalValue":"#efefef","comment":"Table row selected color","category":"color"},{"name":"color-background-table-row-selected","value":"#efefef","originalValue":"#efefef","comment":"Table row selected color","category":"color"},{"name":"color-background-tagdata-primary","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"TagData primary background color","category":"color"},{"name":"color-background-tagdata-secondary","value":"#ffffff","originalValue":"color.background.default.value","comment":"TagData secondary background color","category":"color"},{"name":"color-background-tagdata-disabled","value":"#efefef","originalValue":"#efefef","comment":"TagData disabled background color","category":"color"},{"name":"color-background-tableofcontents-item-default","value":"#000000","originalValue":"color.transparent.value","comment":"Table of contents item default background color","category":"color"},{"name":"color-background-tableofcontents-item-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Table of contents item background color on hover","category":"color"},{"name":"color-background-tiledata-10","value":"#0050621A","originalValue":"{color.data-visualization.10.value}1A","comment":"TileData background color 10","category":"color"},{"name":"color-background-tiledata-11","value":"#de2c621A","originalValue":"{color.data-visualization.11.value}1A","comment":"TileData background color 11","category":"color"},{"name":"color-background-tiledata-12","value":"#660e001A","originalValue":"{color.data-visualization.12.value}1A","comment":"TileData background color 12","category":"color"},{"name":"color-background-tiledata-01","value":"#003c961A","originalValue":"{color.data-visualization.01.value}1A","comment":"TileData background color 01","category":"color"},{"name":"color-background-tiledata-02","value":"#11a69c1A","originalValue":"{color.data-visualization.02.value}1A","comment":"TileData background color 02","category":"color"},{"name":"color-background-tiledata-03","value":"#924af71A","originalValue":"{color.data-visualization.03.value}1A","comment":"TileData background color 03","category":"color"},{"name":"color-background-tiledata-04","value":"#d177111A","originalValue":"{color.data-visualization.04.value}1A","comment":"TileData background color 04","category":"color"},{"name":"color-background-tiledata-05","value":"#0081fe1A","originalValue":"{color.data-visualization.05.value}1A","comment":"TileData background color 05","category":"color"},{"name":"color-background-tiledata-06","value":"#ff53831A","originalValue":"{color.data-visualization.06.value}1A","comment":"TileData background color 06","category":"color"},{"name":"color-background-tiledata-07","value":"#00ab551A","originalValue":"{color.data-visualization.07.value}1A","comment":"TileData background color 07","category":"color"},{"name":"color-background-tiledata-08","value":"#4003871A","originalValue":"{color.data-visualization.08.value}1A","comment":"TileData background color 08","category":"color"},{"name":"color-background-tiledata-09","value":"#f2681f1A","originalValue":"{color.data-visualization.09.value}1A","comment":"TileData background color 09","category":"color"},{"name":"color-background-tiledata-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"TileData default background color on hover","category":"color"},{"name":"color-background-tiledata-disabled","value":"#efefef","originalValue":"#efefef","comment":"TileData disabled background color","category":"color"},{"name":"color-background-video-container-primary","value":"#111111","originalValue":"color.background.inverse.base.value","comment":"Video background primary dark color","category":"color"},{"name":"color-background-video-container-secondary","value":"#000000","originalValue":"color.transparent.value","comment":"Video background secondary transparent color","category":"color"},{"name":"color-border-container","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Used to delineate a larger container, like Card or TextArea","category":"color"},{"name":"color-border-default","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Used to indicate specific UI element boundaries, like Checkbox or RadioButton","category":"color"},{"name":"color-border-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Used to indicate an error on a contained element, like TextField or TextArea","category":"color"},{"name":"color-border-focus","value":"#0084ff","originalValue":"rgba(0, 132, 255, 0.5)","comment":"Used to indicate a focused state on interactive elements, like TextField or Button","category":"color"},{"name":"color-border-avatar","value":"#ffffff","originalValue":"#fff","comment":"Avatar component outline border color.","category":"color"},{"name":"color-border-formfield-error-default","value":"#cc0000","originalValue":"color.border.error.value","comment":"Error formfield border color.","category":"color"},{"name":"color-border-formfield-error-hover","value":"#ad081b","originalValue":"#ad081b","comment":"Error formfield border color on hover.","category":"color"},{"name":"color-border-formfield-disabled","value":"#efefef","originalValue":"#efefef","comment":"Formfield disabled border color","category":"color"},{"name":"color-border-popover-primary","value":"#ffffff","originalValue":"#fff","comment":"Popover component primary border color.","category":"color"},{"name":"color-border-popover-secondary","value":"#111111","originalValue":"#111","comment":"Popover component secondary border color.","category":"color"},{"name":"color-border-popover-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Popover component secondary border color.","category":"color"},{"name":"color-border-pulsar-default","value":"#0074e8","originalValue":"#0074e8","comment":"Pulsar component default border color.","category":"color"},{"name":"color-border-pulsar-hover","value":"#dce9fa","originalValue":"#dce9fa","comment":"Pulsar component border color on hover.","category":"color"},{"name":"color-border-table-row-selected","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Tag component disabled border color.","category":"color"},{"name":"color-border-tag-disabled","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Tag component disabled border color.","category":"color"},{"name":"elevation-floating","value":"0 0 8px rgba(0, 0, 0, 0.10)","originalValue":"0 0 8px rgba(0, 0, 0, 0.10)","comment":"Used to highlight an item that floats above other content, like a Modal","category":"elevation"},{"name":"elevation-raised-top","value":"0 2px 8px rgba(0, 0, 0, 0.12)","originalValue":"0 2px 8px rgba(0, 0, 0, 0.12)","comment":"Used to indicate a sticky UI element where content can scroll underneath, like a header","category":"elevation"},{"name":"elevation-raised-bottom","value":"0 -2px 8px rgba(0, 0, 0, 0.12)","originalValue":"0 -2px 8px rgba(0, 0, 0, 0.12)","comment":"Used to indicate a sticky UI element that sits on top of content, like a footer or navigation bar","category":"elevation"},{"name":"elevation-datepicker","value":"0 0 8px rgba(0, 0, 0, 0.1)","originalValue":"0 0 8px rgba(0, 0, 0, 0.1)","comment":"DatePicker container elevation","category":"elevation"},{"name":"font-size-100","value":"12px","originalValue":"12px","category":"font"},{"name":"font-size-200","value":"14px","originalValue":"14px","category":"font"},{"name":"font-size-300","value":"16px","originalValue":"16px","category":"font"},{"name":"font-size-400","value":"20px","originalValue":"20px","category":"font"},{"name":"font-size-500","value":"28px","originalValue":"28px","category":"font"},{"name":"font-size-600","value":"36px","originalValue":"36px","category":"font"},{"name":"font-weight-normal","value":"400","originalValue":"400","comment":"Default font weight","category":"font"},{"name":"font-weight-semibold","value":"600","originalValue":"600","comment":"Font weight used for column headers, headings, and inline-links","category":"font"},{"name":"font-weight-bold","value":"700","originalValue":"700","comment":"Currently unused. 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, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","originalValue":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","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, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","originalValue":"'SF Pro JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","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","originalValue":"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":"opacity-0","value":"0","originalValue":"0","comment":"Transparent - When a transparent alpha value is needed (without a background)","category":"opacity"},{"name":"opacity-100","value":"0.04","originalValue":"0.04","comment":"Pin wash - Permanent overlay used on Pin images to ensure a visual separation between the white background and any Pin images that have pure white peripheries","category":"opacity"},{"name":"opacity-200","value":"0.2","originalValue":"0.2","comment":"Overlay wash to be used sparingly. Only use it in situations where a high-level of opacity is needed and if the 40% doesn't fit the design goal","category":"opacity"},{"name":"opacity-300","value":"0.4","originalValue":"0.4","comment":"Overlay wash to supply a mid-range wash over an item (e.g. #FFFFFF media controls | #000000 wash behind modals, wash on images with text overlays) ","category":"opacity"},{"name":"opacity-400","value":"0.8","originalValue":"0.8","comment":"Overlay wash used on most surface's scrims. Used to supply a low-level of opacity over an element (e.g. #FFFFFF image overlay | #00000 Board cover overlay) ","category":"opacity"},{"name":"opacity-500","value":"0.9","originalValue":"0.9","comment":"Component wash applied on IconButton and other elements as needed (e.g. image overlays). In dark mode we recommend an inverse wash ($color-background-wash-light instead of $color-background-wash-dark)","category":"opacity"},{"name":"rounding-0","value":"0px","originalValue":"0px","category":"rounding"},{"name":"rounding-100","value":"4px","originalValue":"4px","category":"rounding"},{"name":"rounding-200","value":"8px","originalValue":"8px","category":"rounding"},{"name":"rounding-300","value":"12px","originalValue":"12px","category":"rounding"},{"name":"rounding-400","value":"16px","originalValue":"16px","category":"rounding"},{"name":"rounding-500","value":"20px","originalValue":"20px","category":"rounding"},{"name":"rounding-600","value":"24px","originalValue":"24px","category":"rounding"},{"name":"rounding-700","value":"28px","originalValue":"28px","category":"rounding"},{"name":"rounding-800","value":"32px","originalValue":"32px","category":"rounding"},{"name":"rounding-pill","value":"999px","originalValue":"999px","category":"rounding"},{"name":"rounding-circle","value":"50%","originalValue":"50%","category":"rounding"},{"name":"rounding-datepicker-container","value":"16px","originalValue":"rounding.400.value","comment":"DatePicker calendar container rounding","category":"rounding"},{"name":"rounding-datepicker-range-start","value":"50% 0px 0px 50%","originalValue":"rounding.circle.value rounding.0.value rounding.0.value rounding.circle.value","comment":"DatePicker semicircle rounding for start range selector","category":"rounding"},{"name":"rounding-datepicker-range-middle","value":"0px","originalValue":"rounding.0.value","comment":"DatePicker semicircle rounding for start range selector","category":"rounding"},{"name":"rounding-datepicker-range-end","value":"0px 50% 50% 0px","originalValue":"rounding.0.value rounding.circle.value rounding.circle.value rounding.0.value","comment":"DatePicker semicircle rounding for end range selector","category":"rounding"},{"name":"space-0","value":"0px","originalValue":"0px","category":"space"},{"name":"space-100","value":"4px","originalValue":"4px","category":"space"},{"name":"space-200","value":"8px","originalValue":"8px","category":"space"},{"name":"space-300","value":"12px","originalValue":"12px","category":"space"},{"name":"space-400","value":"16px","originalValue":"16px","category":"space"},{"name":"space-500","value":"20px","originalValue":"20px","category":"space"},{"name":"space-600","value":"24px","originalValue":"24px","category":"space"},{"name":"space-700","value":"28px","originalValue":"28px","category":"space"},{"name":"space-800","value":"32px","originalValue":"32px","category":"space"},{"name":"space-900","value":"36px","originalValue":"36px","category":"space"},{"name":"space-1000","value":"40px","originalValue":"40px","category":"space"},{"name":"space-1100","value":"44px","originalValue":"44px","category":"space"},{"name":"space-1200","value":"48px","originalValue":"48px","category":"space"},{"name":"space-1300","value":"52px","originalValue":"52px","category":"space"},{"name":"space-1400","value":"56px","originalValue":"56px","category":"space"},{"name":"space-1500","value":"60px","originalValue":"60px","category":"space"},{"name":"space-1600","value":"64px","originalValue":"64px","category":"space"},{"name":"space-negative-100","value":"-4px","originalValue":"-4px","category":"space"},{"name":"space-negative-200","value":"-8px","originalValue":"-8px","category":"space"},{"name":"space-negative-300","value":"-12px","originalValue":"-12px","category":"space"},{"name":"space-negative-400","value":"-16px","originalValue":"-16px","category":"space"},{"name":"space-negative-500","value":"-20px","originalValue":"-20px","category":"space"},{"name":"space-negative-600","value":"-24px","originalValue":"-24px","category":"space"},{"name":"space-negative-700","value":"-28px","originalValue":"-28px","category":"space"},{"name":"space-negative-800","value":"-32px","originalValue":"-32px","category":"space"},{"name":"space-negative-900","value":"-36px","originalValue":"-36px","category":"space"},{"name":"space-negative-1000","value":"-40px","originalValue":"-40px","category":"space"},{"name":"space-negative-1100","value":"-44px","originalValue":"-44px","category":"space"},{"name":"space-negative-1200","value":"-48px","originalValue":"-48px","category":"space"},{"name":"space-negative-1300","value":"-52px","originalValue":"-52px","category":"space"},{"name":"space-negative-1400","value":"-56px","originalValue":"-56px","category":"space"},{"name":"space-negative-1500","value":"-60px","originalValue":"-60px","category":"space"},{"name":"space-negative-1600","value":"-64px","originalValue":"-64px","category":"space"}]

dist/js/vr-data-viz-tokens_dark.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:39 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-data-visualization-10","value":"#007a72","originalValue":"#007A72","_darkModeSupport":true,"comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#f76593","originalValue":"color.pink.flaminglow.400.value","_darkModeSupport":true,"comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#ffc58f","originalValue":"color.orange.firetini.200.value","_darkModeSupport":true,"comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#005fcb","originalValue":"color.blue.skycicle.600.value","_darkModeSupport":true,"comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#75e4d5","originalValue":"color.teal.spabattical.200.value","_darkModeSupport":true,"comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#b190ff","originalValue":"#B190FF","_darkModeSupport":true,"comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#fda600","originalValue":"#FDA600","_darkModeSupport":true,"comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#75bfff","originalValue":"color.blue.skycicle.300.value","_darkModeSupport":true,"comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","_darkModeSupport":true,"comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#a4f9ac","originalValue":"color.green.matchacado.200.value","_darkModeSupport":true,"comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","_darkModeSupport":true,"comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#ff5b45","originalValue":"color.orange.firetini.450.value","_darkModeSupport":true,"comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#75bfff","originalValue":"color.data-visualization.05.value","_darkModeSupport":true,"comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#6bec8c","originalValue":"color.green.matchacado.300.value","_darkModeSupport":true,"comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#39d377","originalValue":"color.green.matchacado.400.value","_darkModeSupport":true,"comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#f47171","originalValue":"color.red.pushpin.300.value","_darkModeSupport":true,"comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#eb4242","originalValue":"color.red.pushpin.400.value","_darkModeSupport":true,"comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"}]

dist/js/vr-data-viz-tokens_individual_dark.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:39 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/vr-data-viz-tokens_individual.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:39 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/vr-data-viz-tokens.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:39 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-data-visualization-10","value":"#005062","originalValue":"color.teal.spabattical.800.value","comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#660e00","originalValue":"color.orange.firetini.900.value","comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#003c96","originalValue":"color.blue.skycicle.800.value","comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#11a69c","originalValue":"#11A69C","comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#924af7","originalValue":"#924AF7","comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#d17711","originalValue":"#D17711","comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#0081fe","originalValue":"#0081FE","comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#ff5383","originalValue":"#FF5383","comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#00ab55","originalValue":"#00AB55","comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#400387","originalValue":"color.purple.mysticool.800.value","comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#f2681f","originalValue":"#F2681F","comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#0081fe","originalValue":"color.data-visualization.05.value","comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#ed0000","originalValue":"#ED0000","comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"}]

dist/js/vr-tokens_individual_dark.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:39 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/vr-tokens_individual.js

@@ -5,3 +5,3 @@ // @flow strict
  * Do not edit directly
- * Generated on Wed, 01 May 2024 02:42:39 GMT
+ * Generated on Thu, 02 May 2024 16:30:19 GMT
  */
@@ -8,0 +8,0 @@

dist/js/vr-tokens.js

@@ -5,4 +5,4 @@
 // Do not edit directly
-// Generated on Wed, 01 May 2024 02:42:39 GMT
+// Generated on Thu, 02 May 2024 16:30:19 GMT
 
  module.exports = [{"name":"color-red-pushpin-0","value":"#fff7f7","originalValue":"#FFF7F7","category":"color"},{"name":"color-red-pushpin-50","value":"#ffebeb","originalValue":"#FFEBEB","category":"color"},{"name":"color-red-pushpin-100","value":"#ffe0e0","originalValue":"#FFE0E0","category":"color"},{"name":"color-red-pushpin-200","value":"#fcbbbb","originalValue":"#FCBBBB","category":"color"},{"name":"color-red-pushpin-300","value":"#f47171","originalValue":"#F47171","category":"color"},{"name":"color-red-pushpin-400","value":"#eb4242","originalValue":"#EB4242","category":"color"},{"name":"color-red-pushpin-450","value":"#e60023","originalValue":"#E60023","category":"color"},{"name":"color-red-pushpin-500","value":"#cc0000","originalValue":"#CC0000","category":"color"},{"name":"color-red-pushpin-600","value":"#b60000","originalValue":"#B60000","category":"color"},{"name":"color-red-pushpin-700","value":"#9b0000","originalValue":"#9B0000","category":"color"},{"name":"color-red-pushpin-800","value":"#800000","originalValue":"#800000","category":"color"},{"name":"color-red-pushpin-900","value":"#660000","originalValue":"#660000","category":"color"},{"name":"color-pink-flaminglow-0","value":"#fff8fa","originalValue":"#FFF8FA","category":"color"},{"name":"color-pink-flaminglow-50","value":"#ffebf1","originalValue":"#FFEBF1","category":"color"},{"name":"color-pink-flaminglow-100","value":"#ffdfe9","originalValue":"#FFDFE9","category":"color"},{"name":"color-pink-flaminglow-200","value":"#ffbed2","originalValue":"#FFBED2","category":"color"},{"name":"color-pink-flaminglow-300","value":"#fe8eb1","originalValue":"#FE8EB1","category":"color"},{"name":"color-pink-flaminglow-400","value":"#f76593","originalValue":"#F76593","category":"color"},{"name":"color-pink-flaminglow-450","value":"#ee376a","originalValue":"#EE376A","category":"color"},{"name":"color-pink-flaminglow-500","value":"#de2c62","originalValue":"#DE2C62","category":"color"},{"name":"color-pink-flaminglow-600","value":"#c31952","originalValue":"#C31952","category":"color"},{"name":"color-pink-flaminglow-700","value":"#a30c4a","originalValue":"#A30C4A","category":"color"},{"name":"color-pink-flaminglow-800","value":"#82053e","originalValue":"#82053E","category":"color"},{"name":"color-pink-flaminglow-900","value":"#630233","originalValue":"#630233","category":"color"},{"name":"color-blue-skycicle-0","value":"#f7fbff","originalValue":"#F7FBFF","category":"color"},{"name":"color-blue-skycicle-50","value":"#e6f4ff","originalValue":"#E6F4FF","category":"color"},{"name":"color-blue-skycicle-100","value":"#d7edff","originalValue":"#D7EDFF","category":"color"},{"name":"color-blue-skycicle-200","value":"#abdbff","originalValue":"#ABDBFF","category":"color"},{"name":"color-blue-skycicle-300","value":"#75bfff","originalValue":"#75BFFF","category":"color"},{"name":"color-blue-skycicle-400","value":"#45a3fe","originalValue":"#45A3FE","category":"color"},{"name":"color-blue-skycicle-450","value":"#007cff","originalValue":"#007CFF","category":"color"},{"name":"color-blue-skycicle-500","value":"#0074e8","originalValue":"#0074E8","category":"color"},{"name":"color-blue-skycicle-600","value":"#005fcb","originalValue":"#005FCB","category":"color"},{"name":"color-blue-skycicle-700","value":"#004ba9","originalValue":"#004BA9","category":"color"},{"name":"color-blue-skycicle-800","value":"#003c96","originalValue":"#003C96","category":"color"},{"name":"color-blue-skycicle-900","value":"#002966","originalValue":"#002966","category":"color"},{"name":"color-teal-spabattical-0","value":"#f7fdfc","originalValue":"#F7FDFC","category":"color"},{"name":"color-teal-spabattical-50","value":"#e6faf5","originalValue":"#E6FAF5","category":"color"},{"name":"color-teal-spabattical-100","value":"#ccf6ee","originalValue":"#CCF6EE","category":"color"},{"name":"color-teal-spabattical-200","value":"#75e4d5","originalValue":"#75E4D5","category":"color"},{"name":"color-teal-spabattical-300","value":"#48d5c6","originalValue":"#48D5C6","category":"color"},{"name":"color-teal-spabattical-400","value":"#26c0b4","originalValue":"#26C0B4","category":"color"},{"name":"color-teal-spabattical-450","value":"#009990","originalValue":"#009990","category":"color"},{"name":"color-teal-spabattical-500","value":"#00857c","originalValue":"#00857C","category":"color"},{"name":"color-teal-spabattical-600","value":"#006b6c","originalValue":"#006B6C","category":"color"},{"name":"color-teal-spabattical-700","value":"#005c62","originalValue":"#005C62","category":"color"},{"name":"color-teal-spabattical-800","value":"#005062","originalValue":"#005062","category":"color"},{"name":"color-teal-spabattical-900","value":"#003440","originalValue":"#003440","category":"color"},{"name":"color-green-matchacado-0","value":"#f6fdf5","originalValue":"#F6FDF5","category":"color"},{"name":"color-green-matchacado-50","value":"#e3fae1","originalValue":"#E3FAE1","category":"color"},{"name":"color-green-matchacado-100","value":"#c3f9c2","originalValue":"#C3F9C2","category":"color"},{"name":"color-green-matchacado-200","value":"#a4f9ac","originalValue":"#A4F9AC","category":"color"},{"name":"color-green-matchacado-300","value":"#6bec8c","originalValue":"#6BEC8C","category":"color"},{"name":"color-green-matchacado-400","value":"#39d377","originalValue":"#39D377","category":"color"},{"name":"color-green-matchacado-450","value":"#1dad65","originalValue":"#1DAD65","category":"color"},{"name":"color-green-matchacado-500","value":"#008753","originalValue":"#008753","category":"color"},{"name":"color-green-matchacado-600","value":"#005f3e","originalValue":"#005F3E","category":"color"},{"name":"color-green-matchacado-700","value":"#00422c","originalValue":"#00422C","category":"color"},{"name":"color-green-matchacado-800","value":"#003020","originalValue":"#003020","category":"color"},{"name":"color-green-matchacado-900","value":"#00261a","originalValue":"#00261A","category":"color"},{"name":"color-purple-mysticool-0","value":"#f8f7ff","originalValue":"#F8F7FF","category":"color"},{"name":"color-purple-mysticool-50","value":"#f0edff","originalValue":"#F0EDFF","category":"color"},{"name":"color-purple-mysticool-100","value":"#e9e4ff","originalValue":"#E9E4FF","category":"color"},{"name":"color-purple-mysticool-200","value":"#d5c7ff","originalValue":"#D5C7FF","category":"color"},{"name":"color-purple-mysticool-300","value":"#b190ff","originalValue":"#B190FF","category":"color"},{"name":"color-purple-mysticool-400","value":"#9e68ff","originalValue":"#9E68FF","category":"color"},{"name":"color-purple-mysticool-450","value":"#8a39fa","originalValue":"#8A39FA","category":"color"},{"name":"color-purple-mysticool-500","value":"#812ae7","originalValue":"#812AE7","category":"color"},{"name":"color-purple-mysticool-600","value":"#6b16ca","originalValue":"#6B16CA","category":"color"},{"name":"color-purple-mysticool-700","value":"#550aa9","originalValue":"#550AA9","category":"color"},{"name":"color-purple-mysticool-800","value":"#400387","originalValue":"#400387","category":"color"},{"name":"color-purple-mysticool-900","value":"#2c0066","originalValue":"#2C0066","category":"color"},{"name":"color-orange-firetini-0","value":"#fff6eb","originalValue":"#FFF6EB","category":"color"},{"name":"color-orange-firetini-50","value":"#fff0db","originalValue":"#FFF0DB","category":"color"},{"name":"color-orange-firetini-100","value":"#ffe4c1","originalValue":"#FFE4C1","category":"color"},{"name":"color-orange-firetini-200","value":"#ffc58f","originalValue":"#FFC58F","category":"color"},{"name":"color-orange-firetini-300","value":"#fda161","originalValue":"#FDA161","category":"color"},{"name":"color-orange-firetini-400","value":"#f77a38","originalValue":"#F77A38","category":"color"},{"name":"color-orange-firetini-450","value":"#ff5b45","originalValue":"#FF5B45","category":"color"},{"name":"color-orange-firetini-500","value":"#de3700","originalValue":"#DE3700","category":"color"},{"name":"color-orange-firetini-600","value":"#c32f00","originalValue":"#C32F00","category":"color"},{"name":"color-orange-firetini-700","value":"#a42700","originalValue":"#A42700","category":"color"},{"name":"color-orange-firetini-800","value":"#842000","originalValue":"#842000","category":"color"},{"name":"color-orange-firetini-900","value":"#660e00","originalValue":"#660E00","category":"color"},{"name":"color-yellow-caramellow-0","value":"#fffedb","originalValue":"#FFFEDB","category":"color"},{"name":"color-yellow-caramellow-50","value":"#fffebb","originalValue":"#FFFEBB","category":"color"},{"name":"color-yellow-caramellow-100","value":"#fffd92","originalValue":"#FFFD92","category":"color"},{"name":"color-yellow-caramellow-200","value":"#fae600","originalValue":"#FAE600","category":"color"},{"name":"color-yellow-caramellow-300","value":"#fdc900","originalValue":"#FDC900","category":"color"},{"name":"color-yellow-caramellow-400","value":"#e18d00","originalValue":"#E18D00","category":"color"},{"name":"color-yellow-caramellow-450","value":"#d86800","originalValue":"#D86800","category":"color"},{"name":"color-yellow-caramellow-500","value":"#bd5b00","originalValue":"#BD5B00","category":"color"},{"name":"color-yellow-caramellow-600","value":"#aa4900","originalValue":"#AA4900","category":"color"},{"name":"color-yellow-caramellow-700","value":"#943a00","originalValue":"#943A00","category":"color"},{"name":"color-yellow-caramellow-800","value":"#7c2d00","originalValue":"#7C2D00","category":"color"},{"name":"color-yellow-caramellow-900","value":"#662400","originalValue":"#662400","category":"color"},{"name":"color-white-mochimalist-0","value":"#ffffff","originalValue":"#FFFFFF","category":"color"},{"name":"color-gray-roboflow-50","value":"#f9f9f9","originalValue":"#F9F9F9","category":"color"},{"name":"color-gray-roboflow-100","value":"#f1f1f1","originalValue":"#F1F1F1","category":"color"},{"name":"color-gray-roboflow-200","value":"#e9e9e9","originalValue":"#E9E9E9","category":"color"},{"name":"color-gray-roboflow-300","value":"#cdcdcd","originalValue":"#CDCDCD","category":"color"},{"name":"color-gray-roboflow-400","value":"#a5a5a5","originalValue":"#A5A5A5","category":"color"},{"name":"color-gray-roboflow-500","value":"#767676","originalValue":"#767676","category":"color"},{"name":"color-gray-roboflow-550","value":"#5f5f5f","originalValue":"#5F5F5F","category":"color"},{"name":"color-gray-roboflow-600","value":"#4a4a4a","originalValue":"#4A4A4A","category":"color"},{"name":"color-gray-roboflow-700","value":"#2b2b2b","originalValue":"#2B2B2B","category":"color"},{"name":"color-gray-roboflow-800","value":"#191919","originalValue":"#191919","category":"color"},{"name":"color-black-cosmicore-900","value":"#111111","originalValue":"#111111","category":"color"},{"name":"color-transparent","value":"#000000","originalValue":"transparent","category":"color"},{"name":"color-data-visualization-10","value":"#005062","originalValue":"color.teal.spabattical.800.value","comment":"Tenth option for data visualization colors","category":"color"},{"name":"color-data-visualization-11","value":"#de2c62","originalValue":"color.pink.flaminglow.500.value","comment":"Eleventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-12","value":"#660e00","originalValue":"color.orange.firetini.900.value","comment":"Twelfth option for data visualization colors","category":"color"},{"name":"color-data-visualization-01","value":"#003c96","originalValue":"color.blue.skycicle.800.value","comment":"First option for data visualization colors","category":"color"},{"name":"color-data-visualization-02","value":"#11a69c","originalValue":"#11A69C","comment":"Second option for data visualization colors","category":"color"},{"name":"color-data-visualization-03","value":"#924af7","originalValue":"#924AF7","comment":"Third option for data visualization colors","category":"color"},{"name":"color-data-visualization-04","value":"#d17711","originalValue":"#D17711","comment":"Fourth option for data visualization colors","category":"color"},{"name":"color-data-visualization-05","value":"#0081fe","originalValue":"#0081FE","comment":"Fifth option for data visualization colors","category":"color"},{"name":"color-data-visualization-06","value":"#ff5383","originalValue":"#FF5383","comment":"Sixth option for data visualization colors","category":"color"},{"name":"color-data-visualization-07","value":"#00ab55","originalValue":"#00AB55","comment":"Seventh option for data visualization colors","category":"color"},{"name":"color-data-visualization-08","value":"#400387","originalValue":"color.purple.mysticool.800.value","comment":"Eighth option for data visualization colors","category":"color"},{"name":"color-data-visualization-09","value":"#f2681f","originalValue":"#F2681F","comment":"Ninth option for data visualization colors","category":"color"},{"name":"color-data-visualization-primary","value":"#0081fe","originalValue":"color.data-visualization.05.value","comment":"Primary data visualization color, used for showing total value or whenever only 1 color is needed in a visualization.","category":"color"},{"name":"color-data-visualization-success-graph","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Semantic color used to show positive or successful changes in graphs","category":"color"},{"name":"color-data-visualization-success-text","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Semantic color used for text or icons related to positive or successful info in graphs","category":"color"},{"name":"color-data-visualization-error-graph","value":"#ed0000","originalValue":"#ED0000","comment":"Semantic color used to show negative changes in graphs","category":"color"},{"name":"color-data-visualization-error-text","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Semantic color used for text or icons related to negative info in graphs","category":"color"},{"name":"color-text-default","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Default text color","category":"color"},{"name":"color-text-subtle","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Secondary, subtle text color","category":"color"},{"name":"color-text-success","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Text color to indicate success","category":"color"},{"name":"color-text-disabled","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Disabled text color","category":"color"},{"name":"color-text-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Text color to indicate an error","category":"color"},{"name":"color-text-warning","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Text color to indicate a warning or caution","category":"color"},{"name":"color-text-inverse","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Text color to use on inverted backgrounds","category":"color"},{"name":"color-text-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Dark text color that won't change in dark mode","category":"color"},{"name":"color-text-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Light text color that won't change in dark mode","category":"color"},{"name":"color-text-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Text color to use for shopping surfaces","category":"color"},{"name":"color-text-link","value":"#004ba9","originalValue":"color.blue.skycicle.700.value","comment":"Text color to use for links in documentation sites","category":"color"},{"name":"color-text-formfield-default","value":"#111111","originalValue":"#111","comment":"Formfield default text color.","category":"color"},{"name":"color-text-formfield-disabled","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Formfield disabled text color.","category":"color"},{"name":"color-text-formfield-placeholder","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Formfield placeholder text color.","category":"color"},{"name":"color-icon-default","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Default color for icons","category":"color"},{"name":"color-icon-subtle","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Subtle, secondary color for icons","category":"color"},{"name":"color-icon-success","value":"#005f3e","originalValue":"color.green.matchacado.600.value","comment":"Icon color to indicate success","category":"color"},{"name":"color-icon-disabled","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Disabled color for icons","category":"color"},{"name":"color-icon-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Icon color to indicate an error","category":"color"},{"name":"color-icon-warning","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Icon color to indicate a warning or caution","category":"color"},{"name":"color-icon-info","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Icon color to use for information","category":"color"},{"name":"color-icon-recommendation","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","comment":"Icon color to use for recommendations","category":"color"},{"name":"color-icon-inverse","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Icon color to use on inverted backgrounds","category":"color"},{"name":"color-icon-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Icon color to use for shopping surfaces","category":"color"},{"name":"color-icon-brand-primary","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Icon color to use solely for representing the Pinterest brand","category":"color"},{"name":"color-icon-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Icon color that will always remain light","category":"color"},{"name":"color-icon-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Icon color that will always remain dark","category":"color"},{"name":"color-icon-avatar-default","value":"#111111","originalValue":"#111","comment":"Avatar default text color.","category":"color"},{"name":"color-background-default","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Background color that will match the current color scheme","category":"color"},{"name":"color-background-info-base","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate neutral information","category":"color"},{"name":"color-background-info-weak","value":"#d7edff","originalValue":"color.blue.skycicle.100.value","comment":"Weak background color to indicate neutral information, can be used behind text","category":"color"},{"name":"color-background-info-strong","value":"#005fcb","originalValue":"color.blue.skycicle.600.value","comment":"Strong background color to indicate neutral information, can be used for hover","category":"color"},{"name":"color-background-error-base","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Background color to indicate errors","category":"color"},{"name":"color-background-error-weak","value":"#ffe0e0","originalValue":"color.red.pushpin.100.value","comment":"Weak background color to indicate errors, can be used behind text","category":"color"},{"name":"color-background-warning-base","value":"#bd5b00","originalValue":"color.yellow.caramellow.500.value","comment":"Background color to indicate warnings","category":"color"},{"name":"color-background-warning-weak","value":"#ffe4c1","originalValue":"color.orange.firetini.100.value","comment":"Weak background color to indicate warnings, can be used behind text","category":"color"},{"name":"color-background-success-base","value":"#008753","originalValue":"color.green.matchacado.500.value","comment":"Background color to indicate success","category":"color"},{"name":"color-background-success-weak","value":"#c3f9c2","originalValue":"color.green.matchacado.100.value","comment":"Weak background color to indicate success, can be used behind text","category":"color"},{"name":"color-background-recommendation-base","value":"#812ae7","originalValue":"color.purple.mysticool.500.value","comment":"Background color to indicate recommendations","category":"color"},{"name":"color-background-recommendation-weak","value":"#e9e4ff","originalValue":"color.purple.mysticool.100.value","comment":"Weak background color to indicate recommendations, can be used behind text","category":"color"},{"name":"color-background-neutral","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Background color to indicate neutral information","category":"color"},{"name":"color-background-shopping","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate shopping-related features","category":"color"},{"name":"color-background-primary-base","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Primary background color","category":"color"},{"name":"color-background-primary-strong","value":"#b60000","originalValue":"color.red.pushpin.600.value","comment":"Strong version of the primary background color, used for hover","category":"color"},{"name":"color-background-primary-weak","value":"#f47171","originalValue":"color.red.pushpin.300.value","comment":"Weak version of the primary background color, used for hover","category":"color"},{"name":"color-background-secondary-base","value":"#e9e9e9","originalValue":"color.gray.roboflow.200.value","comment":"Secondary background color","category":"color"},{"name":"color-background-secondary-strong","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Strong version of secondary background color, used for hover","category":"color"},{"name":"color-background-secondary-weak","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Weak version of secondary background color, used for hover","category":"color"},{"name":"color-background-tertiary-base","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Tertiary background color","category":"color"},{"name":"color-background-tertiary-strong","value":"#2b2b2b","originalValue":"color.gray.roboflow.700.value","comment":"Strong version of tertiary background color, used for hover","category":"color"},{"name":"color-background-tertiary-weak","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Weak version of tertiary background color, used for hover","category":"color"},{"name":"color-background-selected-base","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color to indicate selected state, like a selected IconButton","category":"color"},{"name":"color-background-selected-strong","value":"#2b2b2b","originalValue":"color.gray.roboflow.700.value","comment":"Strong version of the selected background color, used for hover","category":"color"},{"name":"color-background-selected-weak","value":"#a5a5a5","originalValue":"color.gray.roboflow.400.value","comment":"Weak version of the selected background color, used for hover","category":"color"},{"name":"color-background-inverse-base","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color for use on inverted backgrounds","category":"color"},{"name":"color-background-inverse-strong","value":"#e9e9e9","originalValue":"color.gray.roboflow.200.value","comment":"Strong version of inverse background color, used for hover","category":"color"},{"name":"color-background-brand","value":"#e60023","originalValue":"color.red.pushpin.450.value","comment":"Background color to signify the Pinterest brand","category":"color"},{"name":"color-background-education","value":"#0074e8","originalValue":"color.blue.skycicle.500.value","comment":"Background color to indicate educational moments or messages","category":"color"},{"name":"color-background-wash-dark","value":"#000000","originalValue":"rgba(0, 0, 0, 0.8)","comment":"Background color to supply a dark wash over an item","category":"color"},{"name":"color-background-wash-light","value":"#ffffff","originalValue":"rgba(255, 255, 255, 0.9)","comment":"Background color to supply a light wash over an item","category":"color"},{"name":"color-background-dark","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Background color that will always be dark, no matter the color scheme","category":"color"},{"name":"color-background-light","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Background color that will always be light, no matter the color scheme","category":"color"},{"name":"color-background-elevation-accent","value":"#f1f1f1","originalValue":"color.gray.roboflow.100.value","comment":"Background color used to accent containers when shadows are not an option ","category":"color"},{"name":"color-background-elevation-floating","value":"#000000","originalValue":"color.transparent.value","comment":"Background color used for floating elements in dark mode (like Modal or OverlayPanel) ","category":"color"},{"name":"color-background-elevation-raised","value":"#000000","originalValue":"color.transparent.value","comment":"Background color used for raised elements in dark mode, like sticky headers or navigation footers ","category":"color"},{"name":"color-background-avatar-placeholder","value":"#efefef","originalValue":"#efefef","comment":"Avatar component placeholder background color.","category":"color"},{"name":"color-background-avatar-wash","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Avatar dark overlay wash.","category":"color"},{"name":"color-background-badge-neutral","value":"#767676","originalValue":"color.background.tertiary.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-info-default","value":"#0074e8","originalValue":"color.background.info.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-info-hover","value":"#005fcb","originalValue":"color.background.info.strong.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-error","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-warning","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-success","value":"#008753","originalValue":"color.background.success.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-recommendation","value":"#812ae7","originalValue":"color.background.recommendation.base.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-lightwash","value":"#ffffff","originalValue":"color.background.wash.light.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-badge-darkwash","value":"#000000","originalValue":"color.background.wash.dark.value","comment":"Box component infoBase background color","category":"color"},{"name":"color-background-box-default","value":"#ffffff","originalValue":"color.background.default.value","comment":"Box component default background color","category":"color"},{"name":"color-background-box-info-base","value":"#0074e8","originalValue":"color.background.info.base.value","comment":"Box component info base background color","category":"color"},{"name":"color-background-box-info-weak","value":"#d7edff","originalValue":"color.background.info.weak.value","comment":"Box component info weak background color","category":"color"},{"name":"color-background-box-error-base","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Box component error base background color","category":"color"},{"name":"color-background-box-error-weak","value":"#ffe0e0","originalValue":"color.background.error.weak.value","comment":"Box component error weak background color","category":"color"},{"name":"color-background-box-warning-base","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Box component warning base background color","category":"color"},{"name":"color-background-box-warning-weak","value":"#ffe4c1","originalValue":"color.background.warning.weak.value","comment":"Box component warning weak background color","category":"color"},{"name":"color-background-box-success-base","value":"#008753","originalValue":"color.background.success.base.value","comment":"Box component success base background color","category":"color"},{"name":"color-background-box-success-weak","value":"#c3f9c2","originalValue":"color.background.success.weak.value","comment":"Box component success weak background color","category":"color"},{"name":"color-background-box-recommendation-base","value":"#812ae7","originalValue":"color.background.recommendation.base.value","comment":"Box component recommendation base background color","category":"color"},{"name":"color-background-box-recommendation-weak","value":"#e9e4ff","originalValue":"color.background.recommendation.weak.value","comment":"Box component recommendation weak background color","category":"color"},{"name":"color-background-box-shopping","value":"#0074e8","originalValue":"color.background.shopping.value","comment":"Box component shopping background color","category":"color"},{"name":"color-background-box-primary","value":"#e60023","originalValue":"color.background.primary.base.value","comment":"Box component primary background color","category":"color"},{"name":"color-background-box-secondary","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Box component secondary background color","category":"color"},{"name":"color-background-box-tertiary","value":"#767676","originalValue":"color.background.tertiary.base.value","comment":"Box component tertiary background color","category":"color"},{"name":"color-background-box-selected","value":"#111111","originalValue":"color.background.selected.base.value","comment":"Box component selected background color","category":"color"},{"name":"color-background-box-inverse","value":"#111111","originalValue":"color.background.inverse.base.value","comment":"Box component inverse background color","category":"color"},{"name":"color-background-box-brand","value":"#e60023","originalValue":"color.background.brand.value","comment":"Box component brand background color","category":"color"},{"name":"color-background-box-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Box component education background color","category":"color"},{"name":"color-background-box-elevation-accent","value":"#f1f1f1","originalValue":"color.background.elevation.accent.value","comment":"Box component elevation accent background color","category":"color"},{"name":"color-background-box-elevation-floating","value":"#000000","originalValue":"color.background.elevation.floating.value","comment":"Box component elevation floating background color","category":"color"},{"name":"color-background-box-elevation-raised","value":"#000000","originalValue":"color.background.elevation.raised.value","comment":"Box component elevation raised background color","category":"color"},{"name":"color-background-box-lightwash","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Box component light wash background color.","category":"color"},{"name":"color-background-box-darkwash","value":"#dadada","originalValue":"#dadada","comment":"Box component dark wash background color.","category":"color"},{"name":"color-background-box-transparentdarkgray","value":"#333333","originalValue":"rgba(51, 51, 51, 0.8)","comment":"Box component light transparent dark gray background color.","category":"color"},{"name":"color-background-box-dark","value":"#111111","originalValue":"color.background.dark.value","comment":"Box component dark background color","category":"color"},{"name":"color-background-box-light","value":"#ffffff","originalValue":"color.background.light.value","comment":"Box component light background color","category":"color"},{"name":"color-background-box-transparent","value":"#000000","originalValue":"color.transparent.value","comment":"Box component transparent background color.","category":"color"},{"name":"color-background-button-primary-default","value":"#e60023","originalValue":"color.background.primary.base.value","comment":"Primary button background color","category":"color"},{"name":"color-background-button-primary-hover","value":"#b60000","originalValue":"color.background.primary.strong.value","comment":"Primary button background color on hover","category":"color"},{"name":"color-background-button-primary-active","value":"#a3081a","originalValue":"#a3081a","comment":"Primary button background color on active","category":"color"},{"name":"color-background-button-secondary-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Secondary button background color.","category":"color"},{"name":"color-background-button-secondary-hover","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Secondary button background color on hover.","category":"color"},{"name":"color-background-button-secondary-active","value":"#dadada","originalValue":"#dadada","comment":"Secondary button background color on active.","category":"color"},{"name":"color-background-button-tertiary-default","value":"#000000","originalValue":"color.transparent.value","comment":"Tertiary button background color.","category":"color"},{"name":"color-background-button-tertiary-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Tertiary button background color on hover.","category":"color"},{"name":"color-background-button-tertiary-active","value":"#000000","originalValue":"rgba(0, 0, 0, 0.1)","comment":"Tertiary button background color on active.","category":"color"},{"name":"color-background-button-shopping-default","value":"#0074e8","originalValue":"color.background.shopping.value","comment":"Button background color for shopping","category":"color"},{"name":"color-background-button-shopping-hover","value":"#4a8ad4","originalValue":"#4a8ad4","comment":"Button background color for shopping on hover.","category":"color"},{"name":"color-background-button-shopping-active","value":"#4a85c9","originalValue":"#4a85c9","comment":"Button background color for shopping on active.","category":"color"},{"name":"color-background-button-white-default","value":"#ffffff","originalValue":"color.white.mochimalist.0.value","comment":"Button white background color for images with background","category":"color"},{"name":"color-background-button-white-hover","value":"#f0f0f0","originalValue":"#f0f0f0","comment":"Button white background color for images with background on hover.","category":"color"},{"name":"color-background-button-white-active","value":"#e0e0e0","originalValue":"#e0e0e0","comment":"Button white background color for images with background on active.","category":"color"},{"name":"color-background-button-gray-default","value":"#767676","originalValue":"color.background.neutral.value","comment":"Button gray background color for images with background","category":"color"},{"name":"color-background-button-gray-hover","value":"#878787","originalValue":"#878787","comment":"Button gray background color for images with background on hover.","category":"color"},{"name":"color-background-button-gray-active","value":"#828282","originalValue":"#828282","comment":"Button gray background color for images with background on active.","category":"color"},{"name":"color-background-button-semitransparentwhite-default","value":"#ffffff","originalValue":"rgba(255, 255, 255, 0.8)","comment":"Button semi-transparent white background color for images with background","category":"color"},{"name":"color-background-button-semitransparentwhite-hover","value":"#f0f0f0","originalValue":"#f0f0f0","comment":"Button semi-transparent white background color for images with background on hover.","category":"color"},{"name":"color-background-button-semitransparentwhite-active","value":"#e0e0e0","originalValue":"#e0e0e0","comment":"Button semi-transparent white background color for images with background on active.","category":"color"},{"name":"color-background-button-semitransparentdark-default","value":"#333333","originalValue":"rgba(51, 51, 51, 0.8)","comment":"Button semi-transparent dark background color for images with background","category":"color"},{"name":"color-background-button-semitransparentdark-hover","value":"#121212","originalValue":"#121212","comment":"Button semi-transparent dark background color for images with background on hover.","category":"color"},{"name":"color-background-button-semitransparentdark-active","value":"#1f1f1f","originalValue":"#1f1f1f","comment":"Button semi-transparent dark background color for images with background on active.","category":"color"},{"name":"color-background-button-disabled-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Disabled button background color.","category":"color"},{"name":"color-background-button-selected-default","value":"#111111","originalValue":"color.background.selected.base.value","comment":"Disabled button background color.","category":"color"},{"name":"color-background-combobox-item-default","value":"#000000","originalValue":"color.transparent.value","comment":"ComboBox item background color","category":"color"},{"name":"color-background-combobox-item-hover","value":"#efefef","originalValue":"#efefef","comment":"ComboBox item on hover background color","category":"color"},{"name":"color-background-datepicker-container","value":"#ffffff","originalValue":"#fff","comment":"DatePicker component background color.","category":"color"},{"name":"color-background-datepicker-button-default","value":"#ffffff","originalValue":"#fff","comment":"DatePicker date selectors background color.","category":"color"},{"name":"color-background-datepicker-button-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"DatePicker date selectors background color on hover.","category":"color"},{"name":"color-background-datepicker-button-selected","value":"#111111","originalValue":"#111","comment":"DatePicker date selectors selected background color.","category":"color"},{"name":"color-background-formfield-primary","value":"#ffffff","originalValue":"#fff","comment":"Formfield default background color","category":"color"},{"name":"color-background-formfield-disabled","value":"#efefef","originalValue":"#efefef","comment":"Formfield disabled background color","category":"color"},{"name":"color-background-formfield-selected","value":"#111111","originalValue":"#111","comment":"Formfield selected background color","category":"color"},{"name":"color-background-mask-wash","value":"#000000","originalValue":"rgba(0, 0, 0, 0.04)","comment":"Mask component wash.","category":"color"},{"name":"color-background-overlay","value":"#ffffff","originalValue":"color.background.default.value","comment":"Overlay component background color.","category":"color"},{"name":"color-background-popover-primary","value":"#ffffff","originalValue":"color.background.default.value","comment":"Popover component primary background color.","category":"color"},{"name":"color-background-popover-secondary","value":"#111111","originalValue":"#111","comment":"Popover component secondary background color.","category":"color"},{"name":"color-background-popover-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Popover component secondary background color.","category":"color"},{"name":"color-background-tabs-default-base","value":"#ffffff","originalValue":"color.background.default.value","comment":"Tabs component default background color.","category":"color"},{"name":"color-background-tabs-default-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Tabs component default background color on hover.","category":"color"},{"name":"color-background-tabs-default-active","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Tabs component default background color on press.","category":"color"},{"name":"color-background-tabs-transparent-base","value":"#000000","originalValue":"color.transparent.value","comment":"Tabs component transparent background color.","category":"color"},{"name":"color-background-tabs-transparent-hover","value":"#000000","originalValue":"rgba(0, 0, 0, 0.06)","comment":"Tabs component transparent background color on hover.","category":"color"},{"name":"color-background-tabs-transparent-active","value":"#000000","originalValue":"rgba(0, 0, 0, 0.1)","comment":"Tabs component transparent background color on press.","category":"color"},{"name":"color-background-tag-primary-default","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Primary tag background color","category":"color"},{"name":"color-background-tag-primary-hover","value":"#e2e2e2","originalValue":"#e2e2e2","comment":"Primary tag's close button background color on hover","category":"color"},{"name":"color-background-tag-primary-active","value":"#dadada","originalValue":"#dadada","comment":"Primary tag's close button background color on active","category":"color"},{"name":"color-background-tag-error-default","value":"#cc0000","originalValue":"color.background.error.base.value","comment":"Error tag background color.","category":"color"},{"name":"color-background-tag-error-hover","value":"#ad081b","originalValue":"#ad081b","comment":"Error tag's close button background color on hover.","category":"color"},{"name":"color-background-tag-error-active","value":"#a3081a","originalValue":"#a3081a","comment":"Error tag's close button background color on active.","category":"color"},{"name":"color-background-tag-warning-default","value":"#bd5b00","originalValue":"color.background.warning.base.value","comment":"Warning tag background color.","category":"color"},{"name":"color-background-tag-warning-hover","value":"#aa4900","originalValue":"color.yellow.caramellow.600.value","comment":"Warning tag's close button background color on hover.","category":"color"},{"name":"color-background-tag-warning-active","value":"#943a00","originalValue":"color.yellow.caramellow.700.value","comment":"Warning tag's close button background color on active.","category":"color"},{"name":"color-background-segmentedcontrol-container","value":"#efefef","originalValue":"#efefef","comment":"SegmentedControl container background color","category":"color"},{"name":"color-background-segmentedcontrol-tab-selected","value":"#ffffff","originalValue":"#fff","comment":"SegmentedControl selected tab background color","category":"color"},{"name":"color-background-switch-default-unselected","value":"#ffffff","originalValue":"#fff","comment":"Switch enabled unselected background color","category":"color"},{"name":"color-background-switch-default-selected","value":"#111111","originalValue":"#111","comment":"Switch enabled selected background color","category":"color"},{"name":"color-background-switch-disabled-unselected","value":"#efefef","originalValue":"#efefef","comment":"Switch disabled unselected background color","category":"color"},{"name":"color-background-switch-disabled-selected","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Switch disabled selected background color","category":"color"},{"name":"color-background-table-footer","value":"#ffffff","originalValue":"#fff","comment":"Table footer background color","category":"color"},{"name":"color-background-table-row-hover","value":"#efefef","originalValue":"#efefef","comment":"Table row selected color","category":"color"},{"name":"color-background-table-row-selected","value":"#efefef","originalValue":"#efefef","comment":"Table row selected color","category":"color"},{"name":"color-background-tagdata-primary","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"TagData primary background color","category":"color"},{"name":"color-background-tagdata-secondary","value":"#ffffff","originalValue":"color.background.default.value","comment":"TagData secondary background color","category":"color"},{"name":"color-background-tagdata-disabled","value":"#efefef","originalValue":"#efefef","comment":"TagData disabled background color","category":"color"},{"name":"color-background-tableofcontents-item-default","value":"#000000","originalValue":"color.transparent.value","comment":"Table of contents item default background color","category":"color"},{"name":"color-background-tableofcontents-item-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"Table of contents item background color on hover","category":"color"},{"name":"color-background-tiledata-10","value":"#0050621A","originalValue":"{color.data-visualization.10.value}1A","comment":"TileData background color 10","category":"color"},{"name":"color-background-tiledata-11","value":"#de2c621A","originalValue":"{color.data-visualization.11.value}1A","comment":"TileData background color 11","category":"color"},{"name":"color-background-tiledata-12","value":"#660e001A","originalValue":"{color.data-visualization.12.value}1A","comment":"TileData background color 12","category":"color"},{"name":"color-background-tiledata-01","value":"#003c961A","originalValue":"{color.data-visualization.01.value}1A","comment":"TileData background color 01","category":"color"},{"name":"color-background-tiledata-02","value":"#11a69c1A","originalValue":"{color.data-visualization.02.value}1A","comment":"TileData background color 02","category":"color"},{"name":"color-background-tiledata-03","value":"#924af71A","originalValue":"{color.data-visualization.03.value}1A","comment":"TileData background color 03","category":"color"},{"name":"color-background-tiledata-04","value":"#d177111A","originalValue":"{color.data-visualization.04.value}1A","comment":"TileData background color 04","category":"color"},{"name":"color-background-tiledata-05","value":"#0081fe1A","originalValue":"{color.data-visualization.05.value}1A","comment":"TileData background color 05","category":"color"},{"name":"color-background-tiledata-06","value":"#ff53831A","originalValue":"{color.data-visualization.06.value}1A","comment":"TileData background color 06","category":"color"},{"name":"color-background-tiledata-07","value":"#00ab551A","originalValue":"{color.data-visualization.07.value}1A","comment":"TileData background color 07","category":"color"},{"name":"color-background-tiledata-08","value":"#4003871A","originalValue":"{color.data-visualization.08.value}1A","comment":"TileData background color 08","category":"color"},{"name":"color-background-tiledata-09","value":"#f2681f1A","originalValue":"{color.data-visualization.09.value}1A","comment":"TileData background color 09","category":"color"},{"name":"color-background-tiledata-hover","value":"#e9e9e9","originalValue":"color.background.secondary.base.value","comment":"TileData default background color on hover","category":"color"},{"name":"color-background-tiledata-disabled","value":"#efefef","originalValue":"#efefef","comment":"TileData disabled background color","category":"color"},{"name":"color-background-video-container-primary","value":"#111111","originalValue":"color.background.inverse.base.value","comment":"Video background primary dark color","category":"color"},{"name":"color-background-video-container-secondary","value":"#000000","originalValue":"color.transparent.value","comment":"Video background secondary transparent color","category":"color"},{"name":"color-border-container","value":"#cdcdcd","originalValue":"color.gray.roboflow.300.value","comment":"Used to delineate a larger container, like Card or TextArea","category":"color"},{"name":"color-border-default","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Used to indicate specific UI element boundaries, like Checkbox or RadioButton","category":"color"},{"name":"color-border-error","value":"#cc0000","originalValue":"color.red.pushpin.500.value","comment":"Used to indicate an error on a contained element, like TextField or TextArea","category":"color"},{"name":"color-border-focus","value":"#0084ff","originalValue":"rgba(0, 132, 255, 0.5)","comment":"Used to indicate a focused state on interactive elements, like TextField or Button","category":"color"},{"name":"color-border-avatar","value":"#ffffff","originalValue":"#fff","comment":"Avatar component outline border color.","category":"color"},{"name":"color-border-formfield-error-default","value":"#cc0000","originalValue":"color.border.error.value","comment":"Error formfield border color.","category":"color"},{"name":"color-border-formfield-error-hover","value":"#ad081b","originalValue":"#ad081b","comment":"Error formfield border color on hover.","category":"color"},{"name":"color-border-formfield-disabled","value":"#efefef","originalValue":"#efefef","comment":"Formfield disabled border color","category":"color"},{"name":"color-border-popover-primary","value":"#ffffff","originalValue":"#fff","comment":"Popover component primary border color.","category":"color"},{"name":"color-border-popover-secondary","value":"#111111","originalValue":"#111","comment":"Popover component secondary border color.","category":"color"},{"name":"color-border-popover-education","value":"#0074e8","originalValue":"color.background.education.value","comment":"Popover component secondary border color.","category":"color"},{"name":"color-border-pulsar-default","value":"#0074e8","originalValue":"#0074e8","comment":"Pulsar component default border color.","category":"color"},{"name":"color-border-pulsar-hover","value":"#dce9fa","originalValue":"#dce9fa","comment":"Pulsar component border color on hover.","category":"color"},{"name":"color-border-table-row-selected","value":"#111111","originalValue":"color.black.cosmicore.900.value","comment":"Tag component disabled border color.","category":"color"},{"name":"color-border-tag-disabled","value":"#767676","originalValue":"color.gray.roboflow.500.value","comment":"Tag component disabled border color.","category":"color"},{"name":"elevation-floating","value":"0 0 8px rgba(0, 0, 0, 0.10)","originalValue":"0 0 8px rgba(0, 0, 0, 0.10)","comment":"Used to highlight an item that floats above other content, like a Modal","category":"elevation"},{"name":"elevation-raised-top","value":"0 2px 8px rgba(0, 0, 0, 0.12)","originalValue":"0 2px 8px rgba(0, 0, 0, 0.12)","comment":"Used to indicate a sticky UI element where content can scroll underneath, like a header","category":"elevation"},{"name":"elevation-raised-bottom","value":"0 -2px 8px rgba(0, 0, 0, 0.12)","originalValue":"0 -2px 8px rgba(0, 0, 0, 0.12)","comment":"Used to indicate a sticky UI element that sits on top of content, like a footer or navigation bar","category":"elevation"},{"name":"elevation-datepicker","value":"0 0 8px rgba(0, 0, 0, 0.1)","originalValue":"0 0 8px rgba(0, 0, 0, 0.1)","comment":"DatePicker container elevation","category":"elevation"},{"name":"font-size-100","value":"12px","originalValue":"12px","category":"font"},{"name":"font-size-200","value":"14px","originalValue":"14px","category":"font"},{"name":"font-size-300","value":"16px","originalValue":"16px","category":"font"},{"name":"font-size-400","value":"20px","originalValue":"20px","category":"font"},{"name":"font-size-500","value":"28px","originalValue":"28px","category":"font"},{"name":"font-size-600","value":"36px","originalValue":"36px","category":"font"},{"name":"font-weight-normal","value":"400","originalValue":"400","comment":"Default font weight","category":"font"},{"name":"font-weight-semibold","value":"600","originalValue":"600","comment":"Font weight used for column headers, headings, and inline-links","category":"font"},{"name":"font-weight-bold","value":"700","originalValue":"700","comment":"Currently unused. 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, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","originalValue":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","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, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","originalValue":"'SF Pro JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif","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","originalValue":"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":"opacity-0","value":"0","originalValue":"0","comment":"Transparent - When a transparent alpha value is needed (without a background)","category":"opacity"},{"name":"opacity-100","value":"0.04","originalValue":"0.04","comment":"Pin wash - Permanent overlay used on Pin images to ensure a visual separation between the white background and any Pin images that have pure white peripheries","category":"opacity"},{"name":"opacity-200","value":"0.2","originalValue":"0.2","comment":"Overlay wash to be used sparingly. Only use it in situations where a high-level of opacity is needed and if the 40% doesn't fit the design goal","category":"opacity"},{"name":"opacity-300","value":"0.4","originalValue":"0.4","comment":"Overlay wash to supply a mid-range wash over an item (e.g. #FFFFFF media controls | #000000 wash behind modals, wash on images with text overlays) ","category":"opacity"},{"name":"opacity-400","value":"0.8","originalValue":"0.8","comment":"Overlay wash used on most surface's scrims. Used to supply a low-level of opacity over an element (e.g. #FFFFFF image overlay | #00000 Board cover overlay) ","category":"opacity"},{"name":"opacity-500","value":"0.9","originalValue":"0.9","comment":"Component wash applied on IconButton and other elements as needed (e.g. image overlays). In dark mode we recommend an inverse wash ($color-background-wash-light instead of $color-background-wash-dark)","category":"opacity"},{"name":"rounding-0","value":"0px","originalValue":"0px","category":"rounding"},{"name":"rounding-100","value":"4px","originalValue":"4px","category":"rounding"},{"name":"rounding-200","value":"8px","originalValue":"8px","category":"rounding"},{"name":"rounding-300","value":"12px","originalValue":"12px","category":"rounding"},{"name":"rounding-400","value":"16px","originalValue":"16px","category":"rounding"},{"name":"rounding-500","value":"20px","originalValue":"20px","category":"rounding"},{"name":"rounding-600","value":"24px","originalValue":"24px","category":"rounding"},{"name":"rounding-700","value":"28px","originalValue":"28px","category":"rounding"},{"name":"rounding-800","value":"32px","originalValue":"32px","category":"rounding"},{"name":"rounding-pill","value":"999px","originalValue":"999px","category":"rounding"},{"name":"rounding-circle","value":"50%","originalValue":"50%","category":"rounding"},{"name":"rounding-datepicker-container","value":"16px","originalValue":"rounding.400.value","comment":"DatePicker calendar container rounding","category":"rounding"},{"name":"rounding-datepicker-range-start","value":"50% 0px 0px 50%","originalValue":"rounding.circle.value rounding.0.value rounding.0.value rounding.circle.value","comment":"DatePicker semicircle rounding for start range selector","category":"rounding"},{"name":"rounding-datepicker-range-middle","value":"0px","originalValue":"rounding.0.value","comment":"DatePicker semicircle rounding for start range selector","category":"rounding"},{"name":"rounding-datepicker-range-end","value":"0px 50% 50% 0px","originalValue":"rounding.0.value rounding.circle.value rounding.circle.value rounding.0.value","comment":"DatePicker semicircle rounding for end range selector","category":"rounding"},{"name":"space-0","value":"0px","originalValue":"0px","category":"space"},{"name":"space-100","value":"4px","originalValue":"4px","category":"space"},{"name":"space-200","value":"8px","originalValue":"8px","category":"space"},{"name":"space-300","value":"12px","originalValue":"12px","category":"space"},{"name":"space-400","value":"16px","originalValue":"16px","category":"space"},{"name":"space-500","value":"20px","originalValue":"20px","category":"space"},{"name":"space-600","value":"24px","originalValue":"24px","category":"space"},{"name":"space-700","value":"28px","originalValue":"28px","category":"space"},{"name":"space-800","value":"32px","originalValue":"32px","category":"space"},{"name":"space-900","value":"36px","originalValue":"36px","category":"space"},{"name":"space-1000","value":"40px","originalValue":"40px","category":"space"},{"name":"space-1100","value":"44px","originalValue":"44px","category":"space"},{"name":"space-1200","value":"48px","originalValue":"48px","category":"space"},{"name":"space-1300","value":"52px","originalValue":"52px","category":"space"},{"name":"space-1400","value":"56px","originalValue":"56px","category":"space"},{"name":"space-1500","value":"60px","originalValue":"60px","category":"space"},{"name":"space-1600","value":"64px","originalValue":"64px","category":"space"},{"name":"space-negative-100","value":"-4px","originalValue":"-4px","category":"space"},{"name":"space-negative-200","value":"-8px","originalValue":"-8px","category":"space"},{"name":"space-negative-300","value":"-12px","originalValue":"-12px","category":"space"},{"name":"space-negative-400","value":"-16px","originalValue":"-16px","category":"space"},{"name":"space-negative-500","value":"-20px","originalValue":"-20px","category":"space"},{"name":"space-negative-600","value":"-24px","originalValue":"-24px","category":"space"},{"name":"space-negative-700","value":"-28px","originalValue":"-28px","category":"space"},{"name":"space-negative-800","value":"-32px","originalValue":"-32px","category":"space"},{"name":"space-negative-900","value":"-36px","originalValue":"-36px","category":"space"},{"name":"space-negative-1000","value":"-40px","originalValue":"-40px","category":"space"},{"name":"space-negative-1100","value":"-44px","originalValue":"-44px","category":"space"},{"name":"space-negative-1200","value":"-48px","originalValue":"-48px","category":"space"},{"name":"space-negative-1300","value":"-52px","originalValue":"-52px","category":"space"},{"name":"space-negative-1400","value":"-56px","originalValue":"-56px","category":"space"},{"name":"space-negative-1500","value":"-60px","originalValue":"-60px","category":"space"},{"name":"space-negative-1600","value":"-64px","originalValue":"-64px","category":"space"}]

package.json

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

No alert changes

No metric changes

No dependency changes