Skip to content

Commit 03a5bf2

Browse files
adids1221nitzanyiz
adids1221
and
nitzanyiz
committed
update: blue 30 system color hex, test fix (#3792)
* update: blue 30 system color hex, test fix * update: textSuccess, iconSuccess set to green5 * update: textDanger, iconDanger set to red5 * update: change textMajor and iconMajor colors to orange5 * update: change blue30 color hex to #0F62E6 and update related tests * Update src/style/__tests__/colors.spec.js Co-authored-by: Nitzan Yizhar <nitzany@wix.com> --------- Co-authored-by: Nitzan Yizhar <nitzany@wix.com>
1 parent 7698410 commit 03a5bf2

File tree

5 files changed

+20
-22
lines changed

5 files changed

+20
-22
lines changed

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -477,11 +477,11 @@ exports[`AvatarScreen renders screen 1`] = `
477477
},
478478
{
479479
"backgroundColor": "transparent",
480-
"color": "#CD4700",
480+
"color": "#9E3900",
481481
"lineHeight": undefined,
482482
},
483483
{
484-
"color": "#CD4700",
484+
"color": "#9E3900",
485485
},
486486
],
487487
]
@@ -776,7 +776,7 @@ exports[`AvatarScreen renders screen 1`] = `
776776
{
777777
"alignItems": "center",
778778
"alignSelf": "flex-start",
779-
"backgroundColor": "#116DFF",
779+
"backgroundColor": "#0F62E6",
780780
"borderRadius": 999,
781781
"justifyContent": "center",
782782
"overflow": "hidden",
@@ -1034,7 +1034,7 @@ exports[`AvatarScreen renders screen 1`] = `
10341034
{
10351035
"alignItems": "center",
10361036
"alignSelf": "flex-start",
1037-
"backgroundColor": "#116DFF",
1037+
"backgroundColor": "#0F62E6",
10381038
"borderRadius": 999,
10391039
"justifyContent": "center",
10401040
"overflow": "hidden",
@@ -1292,7 +1292,7 @@ exports[`AvatarScreen renders screen 1`] = `
12921292
{
12931293
"alignItems": "center",
12941294
"alignSelf": "flex-start",
1295-
"backgroundColor": "#116DFF",
1295+
"backgroundColor": "#0F62E6",
12961296
"borderRadius": 999,
12971297
"justifyContent": "center",
12981298
"overflow": "hidden",
@@ -1759,7 +1759,7 @@ exports[`AvatarScreen renders screen 1`] = `
17591759
{
17601760
"alignItems": "center",
17611761
"alignSelf": "flex-start",
1762-
"backgroundColor": "#116DFF",
1762+
"backgroundColor": "#0F62E6",
17631763
"borderRadius": 999,
17641764
"justifyContent": "center",
17651765
"overflow": "hidden",
@@ -2617,7 +2617,7 @@ exports[`AvatarScreen renders screen 1`] = `
26172617
"top": 0,
26182618
},
26192619
{
2620-
"backgroundColor": "#116DFF",
2620+
"backgroundColor": "#0F62E6",
26212621
},
26222622
{
26232623
"bottom": 1,
@@ -3142,7 +3142,7 @@ exports[`AvatarScreen renders screen 1`] = `
31423142
{
31433143
"alignItems": "center",
31443144
"alignSelf": "flex-start",
3145-
"backgroundColor": "#116DFF",
3145+
"backgroundColor": "#0F62E6",
31463146
"borderRadius": 999,
31473147
"justifyContent": "center",
31483148
"overflow": "hidden",

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4387,7 +4387,7 @@ exports[`TextField Screen renders screen 1`] = `
43874387
"textAlign": "right",
43884388
},
43894389
{
4390-
"color": "#116DFF",
4390+
"color": "#0F62E6",
43914391
},
43924392
],
43934393
]
@@ -5144,7 +5144,7 @@ exports[`TextField Screen renders screen 1`] = `
51445144
"lineHeight": 24,
51455145
},
51465146
{
5147-
"color": "#116DFF",
5147+
"color": "#0F62E6",
51485148
},
51495149
undefined,
51505150
undefined,

‎src/style/__tests__/colors.spec.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -278,17 +278,17 @@ describe('style/Colors', () => {
278278
it('should return the system color, if the color is included in the validColors array', () => {
279279
expect(uut.getSystemColorByHex('#FFFFFF', GetColorsByHexOptions)).toEqual('white');
280280
expect(uut.getSystemColorByHex('#000000', GetColorsByHexOptions)).toEqual('black');
281-
expect(uut.getSystemColorByHex('#116DFF', {validColors: [...SYSTEM_COLORS, 'blue']})).toEqual('blue30');
281+
expect(uut.getSystemColorByHex('#0F62E6', {validColors: [...SYSTEM_COLORS, 'blue']})).toEqual('blue30');
282282
expect(uut.getSystemColorByHex('#FB6413', {validColors: [...SYSTEM_COLORS, 'orange']})).toEqual('orange30');
283283
});
284284

285285
it('should return undefined if the color is not included in validColors', () => {
286-
expect(uut.getSystemColorByHex('#116DFF', GetColorsByHexOptions)).toEqual(undefined);
286+
expect(uut.getSystemColorByHex('#0F62E6', GetColorsByHexOptions)).toEqual(undefined);
287287
expect(uut.getSystemColorByHex('#00A87E', GetColorsByHexOptions)).toEqual(undefined);
288288
});
289289

290290
it('without validColors array the function will return the first system color name match the color', () => {
291-
expect(uut.getSystemColorByHex('#116DFF')).toEqual('blue30');
291+
expect(uut.getSystemColorByHex('#0F62E6')).toEqual('blue30');
292292
expect(uut.getSystemColorByHex('#00A87E')).toEqual('green30');
293293
});
294294

‎src/style/colorsPalette.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const colorsPalette = {
1515
blue5: '#0C3E9D',
1616
blue10: '#0F4DC4',
1717
blue20: '#0F59E6',
18-
blue30: '#116DFF',
18+
blue30: '#0F62E6',
1919
blue40: '#3582FF',
2020
blue50: '#81B4FF',
2121
blue60: '#97C7FF',

‎src/style/designTokens.ts‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,10 @@ export default {
4040
$textDefaultLight: colorsPalette.white,
4141
$textPrimary: colorsPalette.violet30,
4242
$textGeneral: colorsPalette.blue30,
43-
$textSuccess: colorsPalette.green10,
43+
$textSuccess: colorsPalette.green5,
4444
$textSuccessLight: colorsPalette.green30,
45-
$textMajor: colorsPalette.orange10,
46-
$textDanger: colorsPalette.red10,
47-
//textDangerLight should be deprecated
45+
$textMajor: colorsPalette.orange5,
46+
$textDanger: colorsPalette.red5,
4847
$textDangerLight: colorsPalette.red10,
4948

5049
// ICON
@@ -55,11 +54,10 @@ export default {
5554
$iconPrimaryLight: colorsPalette.violet50,
5655
$iconGeneral: colorsPalette.blue30,
5756
$iconGeneralLight: colorsPalette.blue50,
58-
$iconSuccess: colorsPalette.green10,
57+
$iconSuccess: colorsPalette.green5,
5958
$iconSuccessLight: colorsPalette.green30,
60-
$iconMajor: colorsPalette.orange10,
61-
$iconDanger: colorsPalette.red10,
62-
//iconDangerLight should be deprecated
59+
$iconMajor: colorsPalette.orange5,
60+
$iconDanger: colorsPalette.red5,
6361
$iconDangerLight: colorsPalette.red10,
6462
$iconDisabled: colorsPalette.grey50,
6563

0 commit comments

Comments
 (0)