diff --git a/tokens/fuelux/icon.json b/tokens/fuelux/icon.json new file mode 100644 index 00000000..9a16a526 --- /dev/null +++ b/tokens/fuelux/icon.json @@ -0,0 +1,24 @@ +{ + "global": { + "category": "icon-color", + "cssProperties": ["fill"], + "type": "color" + }, + "imports": [ + "./aliases.json" + ], + "props": { + "COLOR_TEXT_ICON_DEFAULT": { + "value": "{!BLUE_ROYALE}", + "comment": "Default icons have a blue color." + }, + "COLOR_TEXT_ICON_UTILITY": { + "value": "{!GRAY_80}", + "comment": "Utility icons have a gray color." + }, + "COLOR_TEXT_ICON_INVERSE": { + "value": "{!WHITE}", + "comment": "Inverse icon color for dark backgrounds." + } + } +} diff --git a/tokens/marketing-cloud.json b/tokens/marketing-cloud.json index 05b73d2e..bd87c33c 100644 --- a/tokens/marketing-cloud.json +++ b/tokens/marketing-cloud.json @@ -2,8 +2,9 @@ "imports": [ "./fuelux/background.json", "./fuelux/border.json", + "./fuelux/icon.json", "./fuelux/font.json", "./fuelux/spacing.json", "./fuelux/text.json" ] -} \ No newline at end of file +}