From 94000c29fa5557937dfcc5c627daba88f34536fd Mon Sep 17 00:00:00 2001 From: Alan B Smith Date: Mon, 1 Apr 2024 11:46:05 -0600 Subject: [PATCH] feat: Add missing system color tokens --- packages/canvas-tokens/tokens/web/sys.json | 37 ++++++++++++++++++++-- 1 file changed, 34 insertions(+), 3 deletions(-) diff --git a/packages/canvas-tokens/tokens/web/sys.json b/packages/canvas-tokens/tokens/web/sys.json index 46d071f..34f456c 100644 --- a/packages/canvas-tokens/tokens/web/sys.json +++ b/packages/canvas-tokens/tokens/web/sys.json @@ -33,6 +33,11 @@ "type": "color", "description": "Page background" }, + "softer": { + "value": "{palette.soap.100}", + "type": "color", + "description": "Disabled inputs and column headers" + }, "strong": { "value": "{palette.soap.400}", "type": "color", @@ -45,12 +50,16 @@ } }, "muted": { - "default": { - "value": "{palette.licorice.300}", + "softer": { + "value": "{palette.licorice.100}", "type": "color" }, "soft": { - "value": "{palette.licorice.100}", + "value": "{palette.licorice.200}", + "type": "color" + }, + "default": { + "value": "{palette.licorice.300}", "type": "color" }, "strong": { @@ -207,6 +216,11 @@ "value": "{palette.blueberry.500}", "type": "color", "description": "Branded hover text" + }, + "stronger": { + "value": "{palette.blueberry.600}", + "type": "color", + "description": "Active links" } }, "caution": { @@ -316,6 +330,11 @@ } }, "muted": { + "soft": { + "value": "{palette.licorice.200}", + "type": "color", + "description": "Tab item text" + }, "default": { "value": "{palette.licorice.300}", "type": "color", @@ -383,6 +402,11 @@ "value": "{palette.licorice.500}", "type": "color", "description": "Input hover" + }, + "inverse": { + "value": "{palette.soap.300}", + "type": "color", + "description": "Borders on checkboxes and radios" } }, "contrast": { @@ -500,6 +524,13 @@ "description": "Stronger blue" } }, + "gold": { + "stronger": { + "value": "{palette.toasted-marshmallow.600}", + "type": "color", + "description": "Foregrounds in low emphasis status indicators" + } + }, "green": { "default": { "value": "{palette.green-apple.400}",