From 2e51232efbfe692ce0ad51f29b41f0325b92d82f Mon Sep 17 00:00:00 2001 From: Burak Benligiray Date: Fri, 12 Jan 2024 22:20:09 +0300 Subject: [PATCH] changed shadow from core to semantic, updated and added border tokens, added action colors --- tokens/tokens.json | 290 ++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 285 insertions(+), 5 deletions(-) diff --git a/tokens/tokens.json b/tokens/tokens.json index 77cdfd5..cd7d81c 100644 --- a/tokens/tokens.json +++ b/tokens/tokens.json @@ -625,7 +625,9 @@ "value": "1600px", "type": "other" } - }, + } + }, + "semantic": { "shadow": { "dropdown": { "value": { @@ -633,14 +635,12 @@ "y": "4px", "blur": "20px", "spread": "0px", - "color": "rgba(16,18,17,0.9)", + "color": "#10121190", "type": "dropShadow" }, "type": "boxShadow" } - } - }, - "semantic": { + }, "font": { "heading": { "1": { @@ -1270,6 +1270,286 @@ "type": "typography" } } + }, + "input": { + "border": { + "disabled": { + "value": { + "color": "{ds.core.color.gray.800}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "default": { + "value": { + "color": "{ds.core.color.gray.700}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "focused": { + "value": { + "color": "{ds.core.color.base.light}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "error": { + "focused": { + "value": { + "color": "{ds.semantic.color.action.error.300}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "default": { + "value": { + "color": "{ds.semantic.color.action.error.700}", + "width": "1px", + "style": "solid" + }, + "type": "border" + } + } + } + }, + "color": { + "action": { + "error": { + "25": { + "value": "{ds.core.color.red.25}", + "type": "color" + }, + "50": { + "value": "{ds.core.color.red.50}", + "type": "color" + }, + "100": { + "value": "{ds.core.color.red.100}", + "type": "color" + }, + "200": { + "value": "{ds.core.color.red.200}", + "type": "color" + }, + "300": { + "value": "{ds.core.color.red.300}", + "type": "color" + }, + "400": { + "value": "{ds.core.color.red.400}", + "type": "color" + }, + "500": { + "value": "{ds.core.color.red.500}", + "type": "color" + }, + "600": { + "value": "{ds.core.color.red.600}", + "type": "color" + }, + "700": { + "value": "{ds.core.color.red.700}", + "type": "color" + }, + "800": { + "value": "{ds.core.color.red.800}", + "type": "color" + }, + "900": { + "value": "{ds.core.color.red.900}", + "type": "color" + } + }, + "success": { + "25": { + "value": "{ds.core.color.green.25}", + "type": "color" + }, + "50": { + "value": "{ds.core.color.green.50}", + "type": "color" + }, + "100": { + "value": "{ds.core.color.green.100}", + "type": "color" + }, + "200": { + "value": "{ds.core.color.green.200}", + "type": "color" + }, + "300": { + "value": "{ds.core.color.green.300}", + "type": "color" + }, + "400": { + "value": "{ds.core.color.green.400}", + "type": "color" + }, + "500": { + "value": "{ds.core.color.green.500}", + "type": "color" + }, + "600": { + "value": "{ds.core.color.green.600}", + "type": "color" + }, + "700": { + "value": "{ds.core.color.green.700}", + "type": "color" + }, + "800": { + "value": "{ds.core.color.green.800}", + "type": "color" + }, + "900": { + "value": "{ds.core.color.green.900}", + "type": "color" + } + }, + "warning": { + "25": { + "value": "{ds.core.color.orange.25}", + "type": "color" + }, + "50": { + "value": "{ds.core.color.orange.50}", + "type": "color" + }, + "100": { + "value": "{ds.core.color.orange.100}", + "type": "color" + }, + "200": { + "value": "{ds.core.color.orange.200}", + "type": "color" + }, + "300": { + "value": "{ds.core.color.orange.300}", + "type": "color" + }, + "400": { + "value": "{ds.core.color.orange.400}", + "type": "color" + }, + "500": { + "value": "{ds.core.color.orange.500}", + "type": "color" + }, + "600": { + "value": "{ds.core.color.orange.600}", + "type": "color" + }, + "700": { + "value": "{ds.core.color.orange.700}", + "type": "color" + }, + "800": { + "value": "{ds.core.color.orange.800}", + "type": "color" + }, + "900": { + "value": "{ds.core.color.orange.900}", + "type": "color" + } + }, + "info": { + "25": { + "value": "{ds.core.color.blue.25}", + "type": "color" + }, + "50": { + "value": "{ds.core.color.blue.50}", + "type": "color" + }, + "100": { + "value": "{ds.core.color.blue.100}", + "type": "color" + }, + "200": { + "value": "{ds.core.color.blue.200}", + "type": "color" + }, + "300": { + "value": "{ds.core.color.blue.300}", + "type": "color" + }, + "400": { + "value": "{ds.core.color.blue.400}", + "type": "color" + }, + "500": { + "value": "{ds.core.color.blue.500}", + "type": "color" + }, + "600": { + "value": "{ds.core.color.blue.600}", + "type": "color" + }, + "700": { + "value": "{ds.core.color.blue.700}", + "type": "color" + }, + "800": { + "value": "{ds.core.color.blue.800}", + "type": "color" + }, + "900": { + "value": "{ds.core.color.blue.900}", + "type": "color" + } + } + } + }, + "search": { + "border": { + "disabled": { + "value": { + "color": "{ds.core.color.gray.800}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "default": { + "value": { + "color": "{ds.core.color.gray.700}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "focused": { + "value": { + "color": "{ds.core.color.base.light}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "error": { + "focused": { + "value": { + "color": "{ds.semantic.color.action.error.300}", + "width": "1px", + "style": "solid" + }, + "type": "border" + }, + "neutral": { + "value": { + "color": "{ds.semantic.color.action.error.700}", + "width": "1px", + "style": "solid" + }, + "type": "border" + } + } + } } } }