Skip to content

Commit 7f661a1

Browse files
adids1221M-i-k-e-l
adids1221
and
M-i-k-e-l
authored
Colors - update danger design tokens colors (a11y) (#3760)
* Update color in danger design tokens and snapshot tests for TextFieldScreen * Update design tokens to deprecate backgroundDangerLight, textDangerLight, and iconDangerLight --------- Co-authored-by: Miki Leib <[email protected]>
1 parent aae880e commit 7f661a1

File tree

2 files changed

+24
-21
lines changed

2 files changed

+24
-21
lines changed

‎demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -728,7 +728,7 @@ exports[`TextField Screen renders screen 1`] = `
728728
},
729729
undefined,
730730
{
731-
"color": "#FC3D2F",
731+
"color": "#D52712",
732732
},
733733
undefined,
734734
undefined,
@@ -1269,7 +1269,7 @@ exports[`TextField Screen renders screen 1`] = `
12691269
},
12701270
undefined,
12711271
{
1272-
"color": "#FC3D2F",
1272+
"color": "#D52712",
12731273
},
12741274
undefined,
12751275
undefined,
@@ -1635,7 +1635,7 @@ exports[`TextField Screen renders screen 1`] = `
16351635
},
16361636
undefined,
16371637
{
1638-
"color": "#FC3D2F",
1638+
"color": "#D52712",
16391639
},
16401640
undefined,
16411641
undefined,
@@ -1866,7 +1866,7 @@ exports[`TextField Screen renders screen 1`] = `
18661866
},
18671867
undefined,
18681868
{
1869-
"color": "#FC3D2F",
1869+
"color": "#D52712",
18701870
},
18711871
undefined,
18721872
undefined,
@@ -2231,7 +2231,7 @@ exports[`TextField Screen renders screen 1`] = `
22312231
},
22322232
undefined,
22332233
{
2234-
"color": "#FC3D2F",
2234+
"color": "#D52712",
22352235
},
22362236
undefined,
22372237
undefined,
@@ -3126,7 +3126,7 @@ exports[`TextField Screen renders screen 1`] = `
31263126
},
31273127
undefined,
31283128
{
3129-
"color": "#FC3D2F",
3129+
"color": "#D52712",
31303130
},
31313131
undefined,
31323132
undefined,
@@ -4023,7 +4023,7 @@ exports[`TextField Screen renders screen 1`] = `
40234023
},
40244024
undefined,
40254025
{
4026-
"color": "#FC3D2F",
4026+
"color": "#D52712",
40274027
},
40284028
undefined,
40294029
undefined,
@@ -4726,7 +4726,7 @@ exports[`TextField Screen renders screen 1`] = `
47264726
},
47274727
undefined,
47284728
{
4729-
"color": "#FC3D2F",
4729+
"color": "#D52712",
47304730
},
47314731
undefined,
47324732
undefined,
@@ -4986,7 +4986,7 @@ exports[`TextField Screen renders screen 1`] = `
49864986
},
49874987
undefined,
49884988
{
4989-
"color": "#FC3D2F",
4989+
"color": "#D52712",
49904990
},
49914991
undefined,
49924992
undefined,
@@ -5276,7 +5276,7 @@ exports[`TextField Screen renders screen 1`] = `
52765276
},
52775277
undefined,
52785278
{
5279-
"color": "#FC3D2F",
5279+
"color": "#D52712",
52805280
},
52815281
undefined,
52825282
undefined,
@@ -6017,7 +6017,7 @@ exports[`TextField Screen renders screen 1`] = `
60176017
},
60186018
undefined,
60196019
{
6020-
"color": "#FC3D2F",
6020+
"color": "#D52712",
60216021
},
60226022
undefined,
60236023
undefined,
@@ -6318,7 +6318,7 @@ exports[`TextField Screen renders screen 1`] = `
63186318
},
63196319
undefined,
63206320
{
6321-
"color": "#FC3D2F",
6321+
"color": "#D52712",
63226322
},
63236323
undefined,
63246324
undefined,
@@ -6647,7 +6647,7 @@ exports[`TextField Screen renders screen 1`] = `
66476647
},
66486648
undefined,
66496649
{
6650-
"color": "#FC3D2F",
6650+
"color": "#D52712",
66516651
},
66526652
undefined,
66536653
undefined,
@@ -7023,7 +7023,7 @@ exports[`TextField Screen renders screen 1`] = `
70237023
},
70247024
undefined,
70257025
{
7026-
"color": "#FC3D2F",
7026+
"color": "#D52712",
70277027
},
70287028
undefined,
70297029
undefined,
@@ -7299,7 +7299,7 @@ exports[`TextField Screen renders screen 1`] = `
72997299
},
73007300
undefined,
73017301
{
7302-
"color": "#FC3D2F",
7302+
"color": "#D52712",
73037303
},
73047304
undefined,
73057305
undefined,
@@ -7554,7 +7554,7 @@ exports[`TextField Screen renders screen 1`] = `
75547554
},
75557555
undefined,
75567556
{
7557-
"color": "#FC3D2F",
7557+
"color": "#D52712",
75587558
},
75597559
undefined,
75607560
undefined,
@@ -7844,7 +7844,7 @@ exports[`TextField Screen renders screen 1`] = `
78447844
},
78457845
undefined,
78467846
{
7847-
"color": "#FC3D2F",
7847+
"color": "#D52712",
78487848
},
78497849
undefined,
78507850
undefined,

‎src/style/designTokens.ts

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,8 @@ export default {
2222
$backgroundWarningLight: colorsPalette.yellow70,
2323
$backgroundMajorLight: colorsPalette.orange80,
2424
$backgroundMajorHeavy: colorsPalette.orange30,
25-
$backgroundDangerHeavy: colorsPalette.red30,
25+
//backgroundDangerHeavy should be changed to backgroundDanger
26+
$backgroundDangerHeavy: colorsPalette.red10,
2627
$backgroundDangerLight: colorsPalette.red80,
2728
$backgroundDisabled: colorsPalette.grey50,
2829
$backgroundDark: colorsPalette.grey10,
@@ -43,7 +44,8 @@ export default {
4344
$textSuccessLight: colorsPalette.green30,
4445
$textMajor: colorsPalette.orange10,
4546
$textDanger: colorsPalette.red10,
46-
$textDangerLight: colorsPalette.red30,
47+
//textDangerLight should be deprecated
48+
$textDangerLight: colorsPalette.red10,
4749

4850
// ICON
4951
$iconDefault: colorsPalette.grey10,
@@ -57,7 +59,8 @@ export default {
5759
$iconSuccessLight: colorsPalette.green30,
5860
$iconMajor: colorsPalette.orange10,
5961
$iconDanger: colorsPalette.red10,
60-
$iconDangerLight: colorsPalette.red30,
62+
//iconDangerLight should be deprecated
63+
$iconDangerLight: colorsPalette.red10,
6164
$iconDisabled: colorsPalette.grey50,
6265

6366
// OUTLINE
@@ -70,7 +73,7 @@ export default {
7073
$outlinePrimaryMedium: colorsPalette.blue70,
7174
$outlineGeneral: colorsPalette.blue30,
7275
$outlineWarning: colorsPalette.yellow30,
73-
$outlineDanger: colorsPalette.red30,
76+
$outlineDanger: colorsPalette.red10,
7477
$outlineInverted: colorsPalette.white,
7578

7679
// BLACK AND WHITE

0 commit comments

Comments
 (0)