From 589a06cce6a2d63870c87a747d1dab26704d3419 Mon Sep 17 00:00:00 2001 From: Jan Hassel Date: Thu, 8 Aug 2024 16:10:07 +0200 Subject: [PATCH] docs(color): add missing support tokens --- src/data/guidelines/color-tokens.js | 81 +++++++++++++++++++++++++---- 1 file changed, 72 insertions(+), 9 deletions(-) diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js index 2b017d3728c..5afd47b7450 100644 --- a/src/data/guidelines/color-tokens.js +++ b/src/data/guidelines/color-tokens.js @@ -2087,22 +2087,22 @@ const colorTokens = { }, }, '$support-warning': { - role: ['Warning', 'Caution'], + role: ['Warning'], value: { white: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g10: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g90: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g100: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, }, @@ -2174,19 +2174,19 @@ const colorTokens = { role: ['Warning in high contrast moments'], value: { white: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g10: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g90: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, g100: { - name: 'Yellow', + name: 'Yellow 30', hex: '#f1c21b', }, }, @@ -2212,6 +2212,69 @@ const colorTokens = { }, }, }, + '$support-caution-minor': { + role: ['Minor caution status'], + value: { + white: { + name: 'Yellow 30', + hex: '#f1c21b', + }, + g10: { + name: 'Yellow 30', + hex: '#f1c21b', + }, + g90: { + name: 'Yellow 30', + hex: '#f1c21b', + }, + g100: { + name: 'Yellow 30', + hex: '#f1c21b', + }, + }, + }, + '$support-caution-major': { + role: ['Major caution status'], + value: { + white: { + name: 'Orange 40', + hex: '#ff832b', + }, + g10: { + name: 'Orange 40', + hex: '#ff832b', + }, + g90: { + name: 'Orange 40', + hex: '#ff832b', + }, + g100: { + name: 'Orange 40', + hex: '#ff832b', + }, + }, + }, + '$support-caution-undefined': { + role: ['Undefined status'], + value: { + white: { + name: 'Purple 60', + hex: '#8a3ffc', + }, + g10: { + name: 'Purple 60', + hex: '#8a3ffc', + }, + g90: { + name: 'Purple 50', + hex: '#a56eff', + }, + g100: { + name: 'Purple 50', + hex: '#a56eff', + }, + }, + }, }, 'focus-tokens': { $focus: {