From 3c9c7836d5a80b40d3fd6d62ed055b68cfef30d1 Mon Sep 17 00:00:00 2001 From: Dag Frode Solberg Date: Wed, 5 Mar 2025 09:17:31 +0100 Subject: [PATCH] fix(ffe-core): update colors --- .../ffe-core/tokens/01 Primitive.value.json | 2 +- .../ffe-core/tokens/02 Semantic.Light.json | 4 +- .../ffe-core/tokens/03 Context.Accent.json | 101 +++++++++++++++--- .../ffe-core/tokens/03 Context.Default.json | 91 ++++++++++++++-- 4 files changed, 174 insertions(+), 24 deletions(-) diff --git a/packages/ffe-core/tokens/01 Primitive.value.json b/packages/ffe-core/tokens/01 Primitive.value.json index 810bd0eb45..4285e808f5 100644 --- a/packages/ffe-core/tokens/01 Primitive.value.json +++ b/packages/ffe-core/tokens/01 Primitive.value.json @@ -837,7 +837,7 @@ "sand": { "0": { "$type": "color", - "$value": "#fdfaf7", + "$value": "#fdf8f5", "$description": "", "$extensions": { "com.figma": { diff --git a/packages/ffe-core/tokens/02 Semantic.Light.json b/packages/ffe-core/tokens/02 Semantic.Light.json index 3e1361d530..cea1e53ea1 100644 --- a/packages/ffe-core/tokens/02 Semantic.Light.json +++ b/packages/ffe-core/tokens/02 Semantic.Light.json @@ -2046,7 +2046,7 @@ }, "subtler": { "$type": "color", - "$value": "{color.syrin.500}", + "$value": "{color.syrin.550}", "$description": "", "$extensions": { "com.figma": { @@ -2321,7 +2321,7 @@ }, "subtle": { "$type": "color", - "$value": "{color.sand.25}", + "$value": "{color.sand.0}", "$description": "", "$extensions": { "com.figma": { diff --git a/packages/ffe-core/tokens/03 Context.Accent.json b/packages/ffe-core/tokens/03 Context.Accent.json index f4ec0554ac..4b9d009925 100644 --- a/packages/ffe-core/tokens/03 Context.Accent.json +++ b/packages/ffe-core/tokens/03 Context.Accent.json @@ -452,7 +452,7 @@ }, "subtle": { "$type": "color", - "$value": "{accent.brand.secondary.subtler}", + "$value": "{accent.brand.secondary.subtlest}", "$description": "", "$extensions": { "com.figma": { @@ -467,7 +467,7 @@ }, "subtle-hover": { "$type": "color", - "$value": "{accent.brand.secondary.subtle}", + "$value": "{accent.brand.secondary.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -482,7 +482,7 @@ }, "subtle-pressed": { "$type": "color", - "$value": "{accent.brand.secondary.default}", + "$value": "{accent.brand.secondary.subtle}", "$description": "", "$extensions": { "com.figma": { @@ -544,7 +544,7 @@ }, "subtle": { "$type": "color", - "$value": "{accent.brand.tertiary.subtler}", + "$value": "{accent.brand.tertiary.subtlest}", "$description": "", "$extensions": { "com.figma": { @@ -559,7 +559,7 @@ }, "subtle-hover": { "$type": "color", - "$value": "{accent.brand.tertiary.subtle}", + "$value": "{accent.brand.tertiary.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -574,7 +574,7 @@ }, "subtle-pressed": { "$type": "color", - "$value": "{accent.brand.tertiary.default}", + "$value": "{accent.brand.tertiary.subtle}", "$description": "", "$extensions": { "com.figma": { @@ -604,9 +604,39 @@ } } }, + "info-subtle": { + "$type": "color", + "$value": "{accent.feedback.info.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "success": { "$type": "color", - "$value": "{accent.feedback.success.medium}", + "$value": "{accent.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "success-subtle": { + "$type": "color", + "$value": "{accent.feedback.success.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -621,7 +651,22 @@ }, "warning": { "$type": "color", - "$value": "{accent.feedback.warning.stronger}", + "$value": "{accent.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "warning-subtle": { + "$type": "color", + "$value": "{accent.feedback.warning.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -649,6 +694,21 @@ } } }, + "critical-subtle": { + "$type": "color", + "$value": "{accent.feedback.critical.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "tip": { "$type": "color", "$value": "{accent.feedback.tip.stronger}", @@ -663,6 +723,21 @@ "codeSyntax": {} } } + }, + "tip-subtle": { + "$type": "color", + "$value": "{accent.feedback.tip.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } } } }, @@ -874,7 +949,7 @@ "primary": { "default": { "$type": "color", - "$value": "{accent.neutral.stronger}", + "$value": "{accent.neutral.medium}", "$description": "", "$extensions": { "com.figma": { @@ -888,7 +963,7 @@ }, "hover": { "$type": "color", - "$value": "{accent.neutral.strongest}", + "$value": "{accent.neutral.strong}", "$description": "", "$extensions": { "com.figma": { @@ -902,7 +977,7 @@ }, "pressed": { "$type": "color", - "$value": "{accent.neutral.stronger}", + "$value": "{accent.neutral.strongest}", "$description": "", "$extensions": { "com.figma": { @@ -916,7 +991,7 @@ }, "subtle": { "$type": "color", - "$value": "{accent.neutral.subtle}", + "$value": "{accent.neutral.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -930,7 +1005,7 @@ }, "emphasis": { "$type": "color", - "$value": "{speciality.static.accent.subtler}", + "$value": "{accent.brand.primary.strongest}", "$description": "", "$extensions": { "com.figma": { diff --git a/packages/ffe-core/tokens/03 Context.Default.json b/packages/ffe-core/tokens/03 Context.Default.json index 28df1e6076..9739ce6be4 100644 --- a/packages/ffe-core/tokens/03 Context.Default.json +++ b/packages/ffe-core/tokens/03 Context.Default.json @@ -452,7 +452,7 @@ }, "subtle": { "$type": "color", - "$value": "{default.brand.secondary.subtler}", + "$value": "{default.brand.secondary.subtlest}", "$description": "", "$extensions": { "com.figma": { @@ -467,7 +467,7 @@ }, "subtle-hover": { "$type": "color", - "$value": "{default.brand.secondary.subtle}", + "$value": "{default.brand.secondary.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -482,7 +482,7 @@ }, "subtle-pressed": { "$type": "color", - "$value": "{default.brand.secondary.default}", + "$value": "{default.brand.secondary.subtle}", "$description": "", "$extensions": { "com.figma": { @@ -544,7 +544,7 @@ }, "subtle": { "$type": "color", - "$value": "{default.brand.tertiary.subtler}", + "$value": "{default.brand.tertiary.subtlest}", "$description": "", "$extensions": { "com.figma": { @@ -559,7 +559,7 @@ }, "subtle-hover": { "$type": "color", - "$value": "{default.brand.tertiary.subtle}", + "$value": "{default.brand.tertiary.subtler}", "$description": "", "$extensions": { "com.figma": { @@ -574,7 +574,7 @@ }, "subtle-pressed": { "$type": "color", - "$value": "{default.brand.tertiary.default}", + "$value": "{default.brand.tertiary.subtle}", "$description": "", "$extensions": { "com.figma": { @@ -604,6 +604,21 @@ } } }, + "info-subtle": { + "$type": "color", + "$value": "{default.feedback.info.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "success": { "$type": "color", "$value": "{default.feedback.success.strong}", @@ -619,6 +634,21 @@ } } }, + "success-subtle": { + "$type": "color", + "$value": "{default.feedback.success.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "warning": { "$type": "color", "$value": "{default.feedback.warning.strong}", @@ -634,6 +664,21 @@ } } }, + "warning-subtle": { + "$type": "color", + "$value": "{default.feedback.warning.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "critical": { "$type": "color", "$value": "{default.feedback.critical.strong}", @@ -649,6 +694,21 @@ } } }, + "critical-subtle": { + "$type": "color", + "$value": "{default.feedback.critical.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "tip": { "$type": "color", "$value": "{default.feedback.tip.stronger}", @@ -663,6 +723,21 @@ "codeSyntax": {} } } + }, + "tip-subtle": { + "$type": "color", + "$value": "{default.feedback.tip.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } } } }, @@ -888,7 +963,7 @@ }, "hover": { "$type": "color", - "$value": "{default.neutral.stronger}", + "$value": "{default.neutral.strong}", "$description": "", "$extensions": { "com.figma": { @@ -916,7 +991,7 @@ }, "subtle": { "$type": "color", - "$value": "{default.neutral.subtle}", + "$value": "{default.neutral.subtler}", "$description": "", "$extensions": { "com.figma": {