Feature/branding-changes

src/@next/utilities/colors/blue.ts

@@ -3,7 +3,5 @@ export const S08 = '#E6F4FA';
 export const S20 = '#C3E8FF';
 export const S54 = '#58BFFF';
 export const S95 = '#059FFF';
-export const S97 = '#1A73E8';
-export const S98 = '#0073FF';
-export const S99 = '##1A73E8';
+export const S99 = '#1A73E8';
 export const S100 = '#1765CC';

src/@next/utilities/colors/neutral.ts

@@ -3,8 +3,8 @@ export const B99 = '#F7F9FA';
 export const B95 = '#F3F3F3';
 export const B85 = '#DDDDDD';
 export const B68 = '#B3B3B3';
-export const B40 = '#808080';
-export const B33 = '#666666';
+export const B40 = '#666666';
+export const B33 = '#545454';
 export const B28 = '#4D4D4D';
 export const B18 = '#2D2D2D';
 export const B00 = '#000000';

test/e2e/bar/bar.spec.ts

@@ -7,24 +7,28 @@ const getPage = (page: Page) =>
 test('Bar', async ({ page }) => {
   const barPage = getPage(page);
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar.png');
 });
 
 test('Bar - without subheading', async ({ page }) => {
   const barPage = getPage(page);
   await barPage.goto('args=subheading:!null');
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-no-subheading.png');
 });
 
 test('Bar - position top', async ({ page }) => {
   const barPage = getPage(page);
   await barPage.goto('args=position:top');
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-actions-position-top.png');
 });
 
 test('Bar - position bottom', async ({ page }) => {
   const barPage = getPage(page);
   await barPage.goto('args=position:bottom');
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot(
     'bar-actions-position-bottom.png'
   );
@@ -36,6 +40,7 @@ test('Bar - primary action only', async ({ page }) => {
     '?path=/story/next-bar--primary-action-only'
   );
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-primary-action-only.png');
 });
 
@@ -45,12 +50,14 @@ test('Bar - Custom Heading and Sub Heading', async ({ page }) => {
     '?path=/story/next-bar--custom-heading'
   );
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-custom-heading.png');
 });
 
 test('Bar - with back button', async ({ page }) => {
   const barPage = new StoryBookPage(page, '?path=/story/next-bar--back-button');
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-back-button.png');
 });
 
@@ -60,6 +67,7 @@ test('Bar - with custom action group (menu)', async ({ page }) => {
     '?path=/story/next-bar--custom-action-group'
   );
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot('bar-custom-action-group.png');
 });
 
@@ -69,6 +77,7 @@ test('Bar - without primary action', async ({ page }) => {
     '?path=/story/next-bar--without-primary-action'
   );
   await barPage.goto();
+  await page.waitForTimeout(1000);
   await expect(barPage.canvas).toHaveScreenshot(
     'bar-without-primary-action.png'
   );