From 7c28904bd6485764bcad0a8eeaf452637dd89fb5 Mon Sep 17 00:00:00 2001 From: kamleshchandnani Date: Thu, 11 Jan 2024 15:57:50 +0530 Subject: [PATCH] tests: update snapshots --- .../BottomSheet.native.test.tsx.snap | 16 +- .../BottomSheet.ssr.test.tsx.snap | 14 +- .../BottomSheet.web.test.tsx.snap | 14 +- .../BaseButton.native.test.tsx.snap | 154 +++++++++--------- .../BaseButton.ssr.test.tsx.snap | 4 +- .../BaseButton.web.test.tsx.snap | 142 ++++++++-------- .../__snapshots__/Button.native.test.tsx.snap | 114 ++++++------- .../__snapshots__/Button.ssr.test.tsx.snap | 8 +- .../__snapshots__/Button.web.test.tsx.snap | 102 ++++++------ .../IconButton.ssr.test.tsx.snap | 4 +- .../IconButton.web.test.tsx.snap | 4 +- .../__snapshots__/Card.native.test.tsx.snap | 10 +- .../__snapshots__/Card.ssr.test.tsx.snap | 14 +- .../__snapshots__/Card.web.test.tsx.snap | 12 +- .../__snapshots__/Checkbox.web.test.tsx.snap | 4 +- .../Collapsible.native.test.tsx.snap | 6 +- .../Collapsible.ssr.test.tsx.snap | 4 +- .../Collapsible.web.test.tsx.snap | 8 +- .../BaseLink.native.test.tsx.snap | 48 +++--- .../__snapshots__/BaseLink.ssr.test.tsx.snap | 6 +- .../__snapshots__/BaseLink.web.test.tsx.snap | 94 +++++------ .../__snapshots__/Link.native.test.tsx.snap | 48 +++--- .../__snapshots__/Link.ssr.test.tsx.snap | 6 +- .../__snapshots__/Link.web.test.tsx.snap | 76 ++++----- .../__snapshots__/List.native.test.tsx.snap | 4 +- .../__snapshots__/List.web.test.tsx.snap | 2 +- .../__snapshots__/Modal.web.test.tsx.snap | 4 +- .../Popover.native.test.tsx.snap | 6 +- .../__snapshots__/Popover.web.test.tsx.snap | 12 +- .../ProgressBar.native.test.tsx.snap | 4 +- .../ProgressBar.web.test.tsx.snap | 4 +- .../__snapshots__/Switch.native.test.tsx.snap | 2 +- .../__snapshots__/Switch.web.test.tsx.snap | 2 +- .../__snapshots__/Tabs.native.test.tsx.snap | 18 +- .../__snapshots__/Tabs.ssr.test.tsx.snap | 6 +- .../__snapshots__/Tabs.web.test.tsx.snap | 22 +-- .../__snapshots__/Tag.ssr.test.tsx.snap | 4 +- .../__snapshots__/Tag.web.test.tsx.snap | 2 +- .../Tooltip.native.test.tsx.snap | 6 +- .../__snapshots__/Tooltip.ssr.test.tsx.snap | 4 +- .../__snapshots__/Tooltip.web.test.tsx.snap | 6 +- .../__snapshots__/Text.web.test.tsx.snap | 2 +- 42 files changed, 511 insertions(+), 511 deletions(-) diff --git a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.native.test.tsx.snap b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.native.test.tsx.snap index 2ce48dbae06..62704dd96f0 100644 --- a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.native.test.tsx.snap +++ b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.native.test.tsx.snap @@ -272,11 +272,11 @@ exports[` should render Header/Footer/Body properly 1`] = ` data-blade-component="button" defaultBackgroundColor="hsla(0, 0%, 100%, 0)" defaultBorderColor="hsla(227, 100%, 59%, 1)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 1)" isFullWidth={true} isLoading={false} @@ -361,7 +361,7 @@ exports[` should render Header/Footer/Body properly 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1308,11 +1308,11 @@ exports[` should render empty header 1`] = ` data-blade-component="button" defaultBackgroundColor="hsla(0, 0%, 100%, 0)" defaultBorderColor="hsla(227, 100%, 59%, 1)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 1)" isFullWidth={true} isLoading={false} @@ -1397,7 +1397,7 @@ exports[` should render empty header 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", diff --git a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.ssr.test.tsx.snap b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.ssr.test.tsx.snap index e4038185c45..968cbf68fe2 100644 --- a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.ssr.test.tsx.snap +++ b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render a BottomSheet ssr 1`] = `"
"`; +exports[` should render a BottomSheet ssr 1`] = `"
"`; exports[` should render a BottomSheet ssr 2`] = ` .c3.c3.c3.c3.c3 { @@ -248,7 +248,7 @@ exports[` should render a BottomSheet ssr 2`] = ` .c24.c24.c24.c24.c24:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -341,7 +341,7 @@ exports[` should render a BottomSheet ssr 2`] = ` } .c35.c35.c35.c35.c35 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -529,20 +529,20 @@ exports[` should render a BottomSheet ssr 2`] = ` } .c32.c32.c32.c32.c32:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c32.c32.c32.c32.c32 * { diff --git a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.web.test.tsx.snap b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.web.test.tsx.snap index 6cb444da0d3..8a4171c360d 100644 --- a/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.web.test.tsx.snap +++ b/packages/blade/src/components/BottomSheet/__tests__/__snapshots__/BottomSheet.web.test.tsx.snap @@ -951,7 +951,7 @@ exports[` should render Header/Footer/Body properly on opened sta .c24.c24.c24.c24.c24:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -1044,7 +1044,7 @@ exports[` should render Header/Footer/Body properly on opened sta } .c35.c35.c35.c35.c35 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1217,20 +1217,20 @@ exports[` should render Header/Footer/Body properly on opened sta } .c32.c32.c32.c32.c32:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c32.c32.c32.c32.c32 * { @@ -1643,7 +1643,7 @@ exports[` should render empty header with padding 0 1`] = ` .c8.c8.c8.c8.c8:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } diff --git a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.native.test.tsx.snap b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.native.test.tsx.snap index 608e9739780..ba54c7c8242 100644 --- a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.native.test.tsx.snap +++ b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.native.test.tsx.snap @@ -40,7 +40,7 @@ exports[` should render button with default properties 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -196,7 +196,7 @@ exports[` should render button with full width 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -352,7 +352,7 @@ exports[` should render button with icon with default iconPosition defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -580,7 +580,7 @@ exports[` should render button with icon with left iconPosition 1` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -808,7 +808,7 @@ exports[` should render button with icon with right iconPosition 1 defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -1036,7 +1036,7 @@ exports[` should render button with icon without text 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -1225,13 +1225,13 @@ exports[` should render disabled button 1`] = ` buttonPaddingTop="0px" collapsable={false} data-blade-component="button" - defaultBackgroundColor="hsla(227, 100%, 59%, 0.18)" + defaultBackgroundColor="hsla(227, 100%, 59%, 0.09)" defaultBorderColor="hsla(227, 100%, 59%, 0.18)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 0.18)" isFullWidth={false} isLoading={false} @@ -1253,7 +1253,7 @@ exports[` should render disabled button 1`] = ` { "alignItems": "center", "alignSelf": "center", - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", "borderRadius": 4, "borderStyle": "solid", @@ -1273,7 +1273,7 @@ exports[` should render disabled button 1`] = ` "width": "auto", }, { - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", }, ] @@ -1385,7 +1385,7 @@ exports[` should render disabled information color primary button defaultBorderColor="hsla(200, 84%, 44%, 0.18)" focusBackgroundColor="hsla(200, 84%, 44%, 0.09)" focusBorderColor="hsla(200, 84%, 44%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(200, 84%, 44%, 0.09)" hoverBorderColor="hsla(200, 84%, 44%, 0.18)" @@ -1541,7 +1541,7 @@ exports[` should render disabled information color secondary butto defaultBorderColor="hsla(200, 84%, 44%, 0.18)" focusBackgroundColor="hsla(200, 84%, 44%, 0.09)" focusBorderColor="hsla(200, 84%, 44%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(200, 84%, 44%, 0.09)" hoverBorderColor="hsla(200, 84%, 44%, 0.18)" @@ -1697,7 +1697,7 @@ exports[` should render disabled negative color primary button 1`] defaultBorderColor="hsla(4, 74%, 49%, 0.18)" focusBackgroundColor="hsla(4, 74%, 49%, 0.09)" focusBorderColor="hsla(4, 74%, 49%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(4, 74%, 49%, 0.09)" hoverBorderColor="hsla(4, 74%, 49%, 0.18)" @@ -1853,7 +1853,7 @@ exports[` should render disabled negative color secondary button 1 defaultBorderColor="hsla(4, 74%, 49%, 0.18)" focusBackgroundColor="hsla(4, 74%, 49%, 0.09)" focusBorderColor="hsla(4, 74%, 49%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(4, 74%, 49%, 0.09)" hoverBorderColor="hsla(4, 74%, 49%, 0.18)" @@ -2009,7 +2009,7 @@ exports[` should render disabled neutral color primary button 1`] defaultBorderColor="hsla(214, 28%, 84%, 1)" focusBackgroundColor="hsla(211, 20%, 52%, 0.18)" focusBorderColor="hsla(214, 28%, 84%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 20%, 52%, 0.18)" hoverBorderColor="hsla(214, 28%, 84%, 1)" @@ -2165,7 +2165,7 @@ exports[` should render disabled neutral color secondary button 1` defaultBorderColor="hsla(214, 28%, 84%, 1)" focusBackgroundColor="hsla(211, 20%, 52%, 0.18)" focusBorderColor="hsla(214, 28%, 84%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 20%, 52%, 0.18)" hoverBorderColor="hsla(214, 28%, 84%, 1)" @@ -2321,7 +2321,7 @@ exports[` should render disabled notice color primary button 1`] = defaultBorderColor="hsla(25, 90%, 48%, 0.18)" focusBackgroundColor="hsla(25, 90%, 48%, 0.09)" focusBorderColor="hsla(25, 90%, 48%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(25, 90%, 48%, 0.09)" hoverBorderColor="hsla(25, 90%, 48%, 0.18)" @@ -2477,7 +2477,7 @@ exports[` should render disabled notice color secondary button 1`] defaultBorderColor="hsla(25, 90%, 48%, 0.18)" focusBackgroundColor="hsla(25, 90%, 48%, 0.09)" focusBorderColor="hsla(25, 90%, 48%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(25, 90%, 48%, 0.09)" hoverBorderColor="hsla(25, 90%, 48%, 0.18)" @@ -2633,7 +2633,7 @@ exports[` should render disabled positive color primary button 1`] defaultBorderColor="hsla(150, 100%, 32%, 0.18)" focusBackgroundColor="hsla(150, 100%, 32%, 0.09)" focusBorderColor="hsla(150, 100%, 32%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(150, 100%, 32%, 0.09)" hoverBorderColor="hsla(150, 100%, 32%, 0.18)" @@ -2789,7 +2789,7 @@ exports[` should render disabled positive color secondary button 1 defaultBorderColor="hsla(150, 100%, 32%, 0.18)" focusBackgroundColor="hsla(150, 100%, 32%, 0.09)" focusBorderColor="hsla(150, 100%, 32%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(150, 100%, 32%, 0.09)" hoverBorderColor="hsla(150, 100%, 32%, 0.18)" @@ -2941,13 +2941,13 @@ exports[` should render disabled primary color primary button 1`] buttonPaddingTop="0px" collapsable={false} data-blade-component="button" - defaultBackgroundColor="hsla(227, 100%, 59%, 0.18)" + defaultBackgroundColor="hsla(227, 100%, 59%, 0.09)" defaultBorderColor="hsla(227, 100%, 59%, 0.18)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 0.18)" isFullWidth={false} isLoading={false} @@ -2969,7 +2969,7 @@ exports[` should render disabled primary color primary button 1`] { "alignItems": "center", "alignSelf": "center", - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", "borderRadius": 4, "borderStyle": "solid", @@ -2989,7 +2989,7 @@ exports[` should render disabled primary color primary button 1`] "width": "auto", }, { - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", }, ] @@ -3101,7 +3101,7 @@ exports[` should render disabled primary color secondary button 1` defaultBorderColor="hsla(227, 100%, 59%, 0.18)" focusBackgroundColor="hsla(0, 0%, 100%, 0)" focusBorderColor="hsla(227, 100%, 59%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(0, 0%, 100%, 0)" hoverBorderColor="hsla(227, 100%, 59%, 0.18)" @@ -3257,7 +3257,7 @@ exports[` should render disabled primary color tertiary button 1`] defaultBorderColor="hsla(214, 40%, 92%, 1)" focusBackgroundColor="hsla(211, 20%, 52%, 0.09)" focusBorderColor="hsla(214, 40%, 92%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 20%, 52%, 0.09)" hoverBorderColor="hsla(214, 40%, 92%, 1)" @@ -3408,13 +3408,13 @@ exports[` should render disabled white color primary button 1`] = buttonPaddingTop="0px" collapsable={false} data-blade-component="button" - defaultBackgroundColor="hsla(0, 0%, 100%, 0.48)" + defaultBackgroundColor="hsla(0, 0%, 100%, 0.18)" defaultBorderColor="hsla(0, 0%, 100%, 0.32)" - focusBackgroundColor="hsla(0, 0%, 100%, 0.48)" + focusBackgroundColor="hsla(0, 0%, 100%, 0.18)" focusBorderColor="hsla(0, 0%, 100%, 0.32)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(0, 0%, 100%, 0.48)" + hoverBackgroundColor="hsla(0, 0%, 100%, 0.18)" hoverBorderColor="hsla(0, 0%, 100%, 0.32)" isFullWidth={false} isLoading={false} @@ -3436,7 +3436,7 @@ exports[` should render disabled white color primary button 1`] = { "alignItems": "center", "alignSelf": "center", - "backgroundColor": "hsla(0, 0%, 100%, 0.48)", + "backgroundColor": "hsla(0, 0%, 100%, 0.18)", "borderColor": "hsla(0, 0%, 100%, 0.32)", "borderRadius": 4, "borderStyle": "solid", @@ -3456,7 +3456,7 @@ exports[` should render disabled white color primary button 1`] = "width": "auto", }, { - "backgroundColor": "hsla(0, 0%, 100%, 0.48)", + "backgroundColor": "hsla(0, 0%, 100%, 0.18)", "borderColor": "hsla(0, 0%, 100%, 0.32)", }, ] @@ -3568,7 +3568,7 @@ exports[` should render disabled white color secondary button 1`] defaultBorderColor="hsla(0, 0%, 100%, 0.32)" focusBackgroundColor="hsla(0, 0%, 100%, 0)" focusBorderColor="hsla(0, 0%, 100%, 0.32)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(0, 0%, 100%, 0)" hoverBorderColor="hsla(0, 0%, 100%, 0.32)" @@ -3720,14 +3720,14 @@ exports[` should render disabled white color tertiary button 1`] = buttonPaddingTop="0px" collapsable={false} data-blade-component="button" - defaultBackgroundColor="hsla(0, 0%, 100%, 0.48)" - defaultBorderColor="hsla(0, 0%, 100%, 0.48)" - focusBackgroundColor="hsla(0, 0%, 100%, 0.48)" - focusBorderColor="hsla(0, 0%, 100%, 0.48)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + defaultBackgroundColor="hsla(0, 0%, 100%, 0.18)" + defaultBorderColor="hsla(0, 0%, 100%, 0.18)" + focusBackgroundColor="hsla(0, 0%, 100%, 0.18)" + focusBorderColor="hsla(0, 0%, 100%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(0, 0%, 100%, 0.48)" - hoverBorderColor="hsla(0, 0%, 100%, 0.48)" + hoverBackgroundColor="hsla(0, 0%, 100%, 0.18)" + hoverBorderColor="hsla(0, 0%, 100%, 0.18)" isFullWidth={false} isLoading={false} minHeight="36px" @@ -3748,8 +3748,8 @@ exports[` should render disabled white color tertiary button 1`] = { "alignItems": "center", "alignSelf": "center", - "backgroundColor": "hsla(0, 0%, 100%, 0.48)", - "borderColor": "hsla(0, 0%, 100%, 0.48)", + "backgroundColor": "hsla(0, 0%, 100%, 0.18)", + "borderColor": "hsla(0, 0%, 100%, 0.18)", "borderRadius": 4, "borderStyle": "solid", "borderWidth": 0, @@ -3768,7 +3768,7 @@ exports[` should render disabled white color tertiary button 1`] = "width": "auto", }, { - "backgroundColor": "hsla(0, 0%, 100%, 0.48)", + "backgroundColor": "hsla(0, 0%, 100%, 0.18)", }, ] } @@ -3879,7 +3879,7 @@ exports[` should render information color primary button 1`] = ` defaultBorderColor="hsla(200, 84%, 44%, 1)" focusBackgroundColor="hsla(200, 84%, 37%, 1)" focusBorderColor="hsla(200, 84%, 37%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(200, 84%, 37%, 1)" hoverBorderColor="hsla(200, 84%, 37%, 1)" @@ -4035,7 +4035,7 @@ exports[` should render information color secondary button 1`] = ` defaultBorderColor="hsla(200, 84%, 44%, 1)" focusBackgroundColor="hsla(200, 84%, 44%, 0.18)" focusBorderColor="hsla(200, 84%, 44%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(200, 84%, 44%, 0.18)" hoverBorderColor="hsla(200, 84%, 44%, 1)" @@ -4191,7 +4191,7 @@ exports[` should render large size button 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -4343,13 +4343,13 @@ exports[` should render loading button 1`] = ` buttonPaddingTop="0px" collapsable={false} data-blade-component="button" - defaultBackgroundColor="hsla(227, 100%, 59%, 0.18)" + defaultBackgroundColor="hsla(227, 100%, 59%, 0.09)" defaultBorderColor="hsla(227, 100%, 59%, 0.18)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 0.18)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 0.18)" isFullWidth={false} isLoading={true} @@ -4371,7 +4371,7 @@ exports[` should render loading button 1`] = ` { "alignItems": "center", "alignSelf": "center", - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", "borderRadius": 4, "borderStyle": "solid", @@ -4391,7 +4391,7 @@ exports[` should render loading button 1`] = ` "width": "auto", }, { - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderColor": "hsla(227, 100%, 59%, 0.18)", }, ] @@ -4655,7 +4655,7 @@ exports[` should render medium size button 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -4811,7 +4811,7 @@ exports[` should render negative color primary button 1`] = ` defaultBorderColor="hsla(4, 74%, 49%, 1)" focusBackgroundColor="hsla(4, 77%, 40%, 1)" focusBorderColor="hsla(4, 77%, 40%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(4, 77%, 40%, 1)" hoverBorderColor="hsla(4, 77%, 40%, 1)" @@ -4967,7 +4967,7 @@ exports[` should render negative color secondary button 1`] = ` defaultBorderColor="hsla(4, 74%, 49%, 1)" focusBackgroundColor="hsla(4, 74%, 49%, 0.18)" focusBorderColor="hsla(4, 74%, 49%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(4, 74%, 49%, 0.18)" hoverBorderColor="hsla(4, 74%, 49%, 1)" @@ -5054,7 +5054,7 @@ exports[` should render negative color secondary button 1`] = ` style={ [ { - "color": "hsla(4, 74%, 49%, 1)", + "color": "hsla(4, 86%, 58%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -5123,7 +5123,7 @@ exports[` should render neutral color primary button 1`] = ` defaultBorderColor="hsla(211, 20%, 52%, 1)" focusBackgroundColor="hsla(211, 33%, 21%, 1)" focusBorderColor="hsla(211, 20%, 52%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 33%, 21%, 1)" hoverBorderColor="hsla(211, 20%, 52%, 1)" @@ -5279,7 +5279,7 @@ exports[` should render neutral color secondary button 1`] = ` defaultBorderColor="hsla(211, 20%, 52%, 1)" focusBackgroundColor="hsla(211, 20%, 52%, 0.32)" focusBorderColor="hsla(211, 20%, 52%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 20%, 52%, 0.32)" hoverBorderColor="hsla(211, 20%, 52%, 1)" @@ -5435,7 +5435,7 @@ exports[` should render notice color primary button 1`] = ` defaultBorderColor="hsla(25, 90%, 48%, 1)" focusBackgroundColor="hsla(25, 85%, 42%, 1)" focusBorderColor="hsla(25, 85%, 42%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(25, 85%, 42%, 1)" hoverBorderColor="hsla(25, 85%, 42%, 1)" @@ -5591,7 +5591,7 @@ exports[` should render notice color secondary button 1`] = ` defaultBorderColor="hsla(25, 90%, 48%, 1)" focusBackgroundColor="hsla(25, 90%, 48%, 0.18)" focusBorderColor="hsla(25, 90%, 48%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(25, 90%, 48%, 0.18)" hoverBorderColor="hsla(25, 90%, 48%, 1)" @@ -5747,7 +5747,7 @@ exports[` should render positive color primary button 1`] = ` defaultBorderColor="hsla(150, 100%, 32%, 1)" focusBackgroundColor="hsla(150, 100%, 27%, 1)" focusBorderColor="hsla(150, 100%, 27%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(150, 100%, 27%, 1)" hoverBorderColor="hsla(150, 100%, 27%, 1)" @@ -5903,7 +5903,7 @@ exports[` should render positive color secondary button 1`] = ` defaultBorderColor="hsla(150, 100%, 32%, 1)" focusBackgroundColor="hsla(150, 100%, 32%, 0.18)" focusBorderColor="hsla(150, 100%, 32%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(150, 100%, 32%, 0.18)" hoverBorderColor="hsla(150, 100%, 32%, 1)" @@ -6059,7 +6059,7 @@ exports[` should render primary color primary button 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -6213,11 +6213,11 @@ exports[` should render primary color secondary button 1`] = ` data-blade-component="button" defaultBackgroundColor="hsla(0, 0%, 100%, 0)" defaultBorderColor="hsla(227, 100%, 59%, 1)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 1)" isFullWidth={false} isLoading={false} @@ -6302,7 +6302,7 @@ exports[` should render primary color secondary button 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -6371,7 +6371,7 @@ exports[` should render primary color tertiary button 1`] = ` defaultBorderColor="hsla(211, 27%, 76%, 1)" focusBackgroundColor="hsla(211, 20%, 52%, 0.18)" focusBorderColor="hsla(211, 27%, 76%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(211, 20%, 52%, 0.18)" hoverBorderColor="hsla(211, 27%, 76%, 1)" @@ -6526,7 +6526,7 @@ exports[` should render small size button 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -6682,7 +6682,7 @@ exports[` should render white color primary button 1`] = ` defaultBorderColor="hsla(0, 0%, 100%, 1)" focusBackgroundColor="hsla(0, 0%, 100%, 0.8)" focusBorderColor="hsla(0, 0%, 100%, 0.8)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(0, 0%, 100%, 0.8)" hoverBorderColor="hsla(0, 0%, 100%, 0.8)" @@ -6838,7 +6838,7 @@ exports[` should render white color secondary button 1`] = ` defaultBorderColor="hsla(0, 0%, 100%, 0.8)" focusBackgroundColor="hsla(0, 0%, 100%, 0.18)" focusBorderColor="hsla(0, 0%, 100%, 0.8)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(0, 0%, 100%, 0.18)" hoverBorderColor="hsla(0, 0%, 100%, 0.8)" @@ -6994,7 +6994,7 @@ exports[` should render white color tertiary button 1`] = ` defaultBorderColor="hsla(0, 0%, 100%, 0.18)" focusBackgroundColor="hsla(0, 0%, 100%, 0.32)" focusBorderColor="hsla(0, 0%, 100%, 0.32)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(0, 0%, 100%, 0.32)" hoverBorderColor="hsla(0, 0%, 100%, 0.32)" @@ -7149,7 +7149,7 @@ exports[` should render xsmall size button 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" diff --git a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.ssr.test.tsx.snap b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.ssr.test.tsx.snap index a4e6a1b9665..5b47c45ff36 100644 --- a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.ssr.test.tsx.snap +++ b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render button with icon with left iconPosition 1`] = `"
"`; +exports[` should render button with icon with left iconPosition 1`] = `"
"`; exports[` should render button with icon with left iconPosition 2`] = ` .c0.c0.c0.c0.c0 { @@ -54,7 +54,7 @@ exports[` should render button with icon with left iconPosition 2` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.web.test.tsx.snap b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.web.test.tsx.snap index 67cdbb21306..0deb3f3db8b 100644 --- a/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.web.test.tsx.snap +++ b/packages/blade/src/components/Button/BaseButton/__tests__/__snapshots__/BaseButton.web.test.tsx.snap @@ -52,7 +52,7 @@ exports[` should announce button loading accessibilityLabel 1`] = background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -68,7 +68,7 @@ exports[` should announce button loading accessibilityLabel 1`] = min-height: 36px; width: auto; cursor: not-allowed; - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); border-width: 0px; border-radius: 4px; @@ -102,20 +102,20 @@ exports[` should announce button loading accessibilityLabel 1`] = } .c4.c4.c4.c4.c4:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c4.c4.c4.c4.c4:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c4.c4.c4.c4.c4:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c4.c4.c4.c4.c4 * { @@ -382,7 +382,7 @@ exports[` should render button with default properties 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -512,7 +512,7 @@ exports[` should render button with full width 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -642,7 +642,7 @@ exports[` should render button with icon with default iconPosition background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -810,7 +810,7 @@ exports[` should render button with icon with left iconPosition 1` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -978,7 +978,7 @@ exports[` should render button with icon with right iconPosition 1 background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1146,7 +1146,7 @@ exports[` should render button with icon without text 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1242,7 +1242,7 @@ exports[` should render disabled button 1`] = ` min-height: 36px; width: auto; cursor: not-allowed; - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); border-width: 0px; border-radius: 4px; @@ -1276,20 +1276,20 @@ exports[` should render disabled button 1`] = ` } .c0.c0.c0.c0.c0:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c0.c0.c0.c0.c0:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c0.c0.c0.c0.c0:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1420,7 +1420,7 @@ exports[` should render disabled information color primary button background-color: hsla(200,84%,44%,0.09); border-color: hsla(200,84%,44%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1551,7 +1551,7 @@ exports[` should render disabled information color secondary butto background-color: hsla(200,84%,44%,0.09); border-color: hsla(200,84%,44%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1682,7 +1682,7 @@ exports[` should render disabled negative color primary button 1`] background-color: hsla(4,74%,49%,0.09); border-color: hsla(4,74%,49%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1813,7 +1813,7 @@ exports[` should render disabled negative color secondary button 1 background-color: hsla(4,74%,49%,0.09); border-color: hsla(4,74%,49%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1944,7 +1944,7 @@ exports[` should render disabled neutral color primary button 1`] background-color: hsla(211,20%,52%,0.18); border-color: hsla(214,28%,84%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2075,7 +2075,7 @@ exports[` should render disabled neutral color secondary button 1` background-color: hsla(211,20%,52%,0.18); border-color: hsla(214,28%,84%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2206,7 +2206,7 @@ exports[` should render disabled notice color primary button 1`] = background-color: hsla(25,90%,48%,0.09); border-color: hsla(25,90%,48%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2337,7 +2337,7 @@ exports[` should render disabled notice color secondary button 1`] background-color: hsla(25,90%,48%,0.09); border-color: hsla(25,90%,48%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2468,7 +2468,7 @@ exports[` should render disabled positive color primary button 1`] background-color: hsla(150,100%,32%,0.09); border-color: hsla(150,100%,32%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2599,7 +2599,7 @@ exports[` should render disabled positive color secondary button 1 background-color: hsla(150,100%,32%,0.09); border-color: hsla(150,100%,32%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2683,7 +2683,7 @@ exports[` should render disabled primary color primary button 1`] min-height: 36px; width: auto; cursor: not-allowed; - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); border-width: 0px; border-radius: 4px; @@ -2717,20 +2717,20 @@ exports[` should render disabled primary color primary button 1`] } .c0.c0.c0.c0.c0:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c0.c0.c0.c0.c0:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); } .c0.c0.c0.c0.c0:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2861,7 +2861,7 @@ exports[` should render disabled primary color secondary button 1` background-color: hsla(0,0%,100%,0); border-color: hsla(227,100%,59%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2989,7 +2989,7 @@ exports[` should render disabled primary color tertiary button 1`] .c0.c0.c0.c0.c0:focus-visible { background-color: hsla(211,20%,52%,0.09); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3073,7 +3073,7 @@ exports[` should render disabled white color primary button 1`] = min-height: 36px; width: auto; cursor: not-allowed; - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); border-color: hsla(0,0%,100%,0.32); border-width: 0px; border-radius: 4px; @@ -3107,20 +3107,20 @@ exports[` should render disabled white color primary button 1`] = } .c0.c0.c0.c0.c0:hover { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); border-color: hsla(0,0%,100%,0.32); } .c0.c0.c0.c0.c0:active { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); border-color: hsla(0,0%,100%,0.32); } .c0.c0.c0.c0.c0:focus-visible { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); border-color: hsla(0,0%,100%,0.32); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3251,7 +3251,7 @@ exports[` should render disabled white color secondary button 1`] background-color: hsla(0,0%,100%,0); border-color: hsla(0,0%,100%,0.32); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3335,8 +3335,8 @@ exports[` should render disabled white color tertiary button 1`] = min-height: 36px; width: auto; cursor: not-allowed; - background-color: hsla(0,0%,100%,0.48); - border-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); + border-color: hsla(0,0%,100%,0.18); border-width: 0px; border-radius: 4px; border-style: solid; @@ -3369,17 +3369,17 @@ exports[` should render disabled white color tertiary button 1`] = } .c0.c0.c0.c0.c0:hover { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); } .c0.c0.c0.c0.c0:active { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); } .c0.c0.c0.c0.c0:focus-visible { - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3510,7 +3510,7 @@ exports[` should render information color primary button 1`] = ` background-color: hsla(200,84%,37%,1); border-color: hsla(200,84%,37%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3640,7 +3640,7 @@ exports[` should render information color secondary button 1`] = ` background-color: hsla(200,84%,44%,0.18); border-color: hsla(200,84%,44%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3770,7 +3770,7 @@ exports[` should render large size button 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -3900,7 +3900,7 @@ exports[` should render medium size button 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4030,7 +4030,7 @@ exports[` should render negative color primary button 1`] = ` background-color: hsla(4,77%,40%,1); border-color: hsla(4,77%,40%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4160,7 +4160,7 @@ exports[` should render negative color secondary button 1`] = ` background-color: hsla(4,74%,49%,0.18); border-color: hsla(4,74%,49%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4173,7 +4173,7 @@ exports[` should render negative color secondary button 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(4,74%,49%,1); + color: hsla(4,86%,58%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -4290,7 +4290,7 @@ exports[` should render neutral color primary button 1`] = ` background-color: hsla(211,33%,21%,1); border-color: hsla(211,20%,52%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4420,7 +4420,7 @@ exports[` should render neutral color secondary button 1`] = ` background-color: hsla(211,20%,52%,0.32); border-color: hsla(211,20%,52%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4550,7 +4550,7 @@ exports[` should render notice color primary button 1`] = ` background-color: hsla(25,85%,42%,1); border-color: hsla(25,85%,42%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4680,7 +4680,7 @@ exports[` should render notice color secondary button 1`] = ` background-color: hsla(25,90%,48%,0.18); border-color: hsla(25,90%,48%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4810,7 +4810,7 @@ exports[` should render positive color primary button 1`] = ` background-color: hsla(150,100%,27%,1); border-color: hsla(150,100%,27%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -4940,7 +4940,7 @@ exports[` should render positive color secondary button 1`] = ` background-color: hsla(150,100%,32%,0.18); border-color: hsla(150,100%,32%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5070,7 +5070,7 @@ exports[` should render primary color primary button 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5187,20 +5187,20 @@ exports[` should render primary color secondary button 1`] = ` } .c0.c0.c0.c0.c0:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c0.c0.c0.c0.c0:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c0.c0.c0.c0.c0:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5213,7 +5213,7 @@ exports[` should render primary color secondary button 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -5327,7 +5327,7 @@ exports[` should render primary color tertiary button 1`] = ` .c0.c0.c0.c0.c0:focus-visible { background-color: hsla(211,20%,52%,0.18); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5457,7 +5457,7 @@ exports[` should render small size button 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5587,7 +5587,7 @@ exports[` should render white color primary button 1`] = ` background-color: hsla(0,0%,100%,0.8); border-color: hsla(0,0%,100%,0.8); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5717,7 +5717,7 @@ exports[` should render white color secondary button 1`] = ` background-color: hsla(0,0%,100%,0.18); border-color: hsla(0,0%,100%,0.8); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5844,7 +5844,7 @@ exports[` should render white color tertiary button 1`] = ` .c0.c0.c0.c0.c0:focus-visible { background-color: hsla(0,0%,100%,0.32); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -5974,7 +5974,7 @@ exports[` should render xsmall size button 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Button/Button/__tests__/__snapshots__/Button.native.test.tsx.snap b/packages/blade/src/components/Button/Button/__tests__/__snapshots__/Button.native.test.tsx.snap index 66f21ed2a64..fbd194026da 100644 --- a/packages/blade/src/components/Button/Button/__tests__/__snapshots__/Button.native.test.tsx.snap +++ b/packages/blade/src/components/Button/Button/__tests__/__snapshots__/Button.native.test.tsx.snap @@ -40,7 +40,7 @@ exports[`"`; +exports[`"`; exports[`"`; +exports[` should render 1`] = `"
"`; exports[` should render 2`] = ` .c0.c0.c0.c0.c0 { @@ -36,7 +36,7 @@ exports[` should render 2`] = ` .c0.c0.c0.c0.c0:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } diff --git a/packages/blade/src/components/Button/IconButton/__tests__/__snapshots__/IconButton.web.test.tsx.snap b/packages/blade/src/components/Button/IconButton/__tests__/__snapshots__/IconButton.web.test.tsx.snap index 6519e51ca2d..a74e506a543 100644 --- a/packages/blade/src/components/Button/IconButton/__tests__/__snapshots__/IconButton.web.test.tsx.snap +++ b/packages/blade/src/components/Button/IconButton/__tests__/__snapshots__/IconButton.web.test.tsx.snap @@ -34,7 +34,7 @@ exports[` should render 1`] = ` .c0.c0.c0.c0.c0:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -102,7 +102,7 @@ exports[` should render with emphasis 1`] = ` .c0.c0.c0.c0.c0:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } diff --git a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.native.test.tsx.snap b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.native.test.tsx.snap index 02823e41087..006ea8baa29 100644 --- a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.native.test.tsx.snap +++ b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.native.test.tsx.snap @@ -296,11 +296,11 @@ exports[` should render a Card with Footer 1`] = ` data-blade-component="button" defaultBackgroundColor="hsla(0, 0%, 100%, 0)" defaultBorderColor="hsla(227, 100%, 59%, 1)" - focusBackgroundColor="hsla(227, 100%, 59%, 0.18)" + focusBackgroundColor="hsla(227, 100%, 59%, 0.09)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} - hoverBackgroundColor="hsla(227, 100%, 59%, 0.18)" + hoverBackgroundColor="hsla(227, 100%, 59%, 0.09)" hoverBorderColor="hsla(227, 100%, 59%, 1)" isFullWidth={true} isLoading={false} @@ -385,7 +385,7 @@ exports[` should render a Card with Footer 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -465,7 +465,7 @@ exports[` should render a Card with Footer 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" diff --git a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.ssr.test.tsx.snap b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.ssr.test.tsx.snap index 3eee04548c6..a203e39d560 100644 --- a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.ssr.test.tsx.snap +++ b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render a Card with Header & Footer 1`] = `"

Card Header

12

Card subtitle

NEW

Plain Card

Card Footer

Card footer subtitle

"`; +exports[` should render a Card with Header & Footer 1`] = `"

Card Header

12

Card subtitle

NEW

Plain Card

Card Footer

Card footer subtitle

"`; exports[` should render a Card with Header & Footer 2`] = ` .c0.c0.c0.c0.c0 { @@ -390,7 +390,7 @@ exports[` should render a Card with Header & Footer 2`] = ` } .c35.c35.c35.c35.c35 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -463,20 +463,20 @@ exports[` should render a Card with Header & Footer 2`] = ` } .c32.c32.c32.c32.c32:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c32.c32.c32.c32.c32:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c32.c32.c32.c32.c32 * { @@ -539,7 +539,7 @@ exports[` should render a Card with Header & Footer 2`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c37.c37.c37.c37.c37 * { diff --git a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.web.test.tsx.snap b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.web.test.tsx.snap index aafd8623932..832633b2155 100644 --- a/packages/blade/src/components/Card/__tests__/__snapshots__/Card.web.test.tsx.snap +++ b/packages/blade/src/components/Card/__tests__/__snapshots__/Card.web.test.tsx.snap @@ -180,7 +180,7 @@ exports[` should render a Card with Footer 1`] = ` } .c17.c17.c17.c17.c17 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -253,20 +253,20 @@ exports[` should render a Card with Footer 1`] = ` } .c14.c14.c14.c14.c14:hover { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c14.c14.c14.c14.c14:active { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); } .c14.c14.c14.c14.c14:focus-visible { - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c14.c14.c14.c14.c14 * { @@ -329,7 +329,7 @@ exports[` should render a Card with Footer 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c19.c19.c19.c19.c19 * { diff --git a/packages/blade/src/components/Checkbox/__tests__/__snapshots__/Checkbox.web.test.tsx.snap b/packages/blade/src/components/Checkbox/__tests__/__snapshots__/Checkbox.web.test.tsx.snap index 109fbd1cdb4..4b97fa71a09 100644 --- a/packages/blade/src/components/Checkbox/__tests__/__snapshots__/Checkbox.web.test.tsx.snap +++ b/packages/blade/src/components/Checkbox/__tests__/__snapshots__/Checkbox.web.test.tsx.snap @@ -89,7 +89,7 @@ exports[` should render checkbox with label 1`] = ` } .c10.c10.c10.c10.c10 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -178,7 +178,7 @@ exports[` should render checkbox with label 1`] = ` } .c8.c8.c8.c8.c8:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c8.c8.c8.c8.c8 * { diff --git a/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.native.test.tsx.snap b/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.native.test.tsx.snap index 1e00cc3e952..c9b38167799 100644 --- a/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.native.test.tsx.snap +++ b/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.native.test.tsx.snap @@ -75,7 +75,7 @@ exports[` should render with CollapsibleButton 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -571,7 +571,7 @@ exports[` should render with CollapsibleLink 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -667,7 +667,7 @@ exports[` should render with CollapsibleLink 1`] = ` should render Collapsible on server 1`] = `"

Actual amount

₹1,000.00

Razorpay Platform Fees

2%

GST

18%

"`; +exports[` should render Collapsible on server 1`] = `"

Actual amount

₹1,000.00

Razorpay Platform Fees

2%

GST

18%

"`; exports[` should render Collapsible on server 2`] = ` .c0.c0.c0.c0.c0 { @@ -146,7 +146,7 @@ exports[` should render Collapsible on server 2`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c1.c1.c1.c1.c1 * { diff --git a/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.web.test.tsx.snap b/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.web.test.tsx.snap index bf5e64ef6b1..40001c0a640 100644 --- a/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.web.test.tsx.snap +++ b/packages/blade/src/components/Collapsible/__tests__/__snapshots__/Collapsible.web.test.tsx.snap @@ -139,7 +139,7 @@ exports[` should render with CollapsibleButton 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c1.c1.c1.c1.c1 * { @@ -428,7 +428,7 @@ exports[` should render with CollapsibleLink 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -548,7 +548,7 @@ exports[` should render with CollapsibleLink 1`] = ` } .c1.c1.c1.c1.c1:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c1.c1.c1.c1.c1 * { @@ -629,7 +629,7 @@ exports[` should render with CollapsibleLink 1`] = ` clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" data-blade-component="svg-path" - fill="hsla(227, 71%, 51%, 1)" + fill="hsla(227, 100%, 59%, 1)" fill-rule="evenodd" /> diff --git a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.native.test.tsx.snap b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.native.test.tsx.snap index fdc835426a6..25398d1622c 100644 --- a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.native.test.tsx.snap +++ b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.native.test.tsx.snap @@ -85,7 +85,7 @@ exports[` should change the link to a visited state after click 1`] style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -200,7 +200,7 @@ exports[` should not change the button to a visited state after clic style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -315,7 +315,7 @@ exports[` should render button variant of link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -660,7 +660,7 @@ exports[` should render disabled negative color link 1`] = ` style={ [ { - "color": "hsla(4, 74%, 49%, 1)", + "color": "hsla(4, 86%, 58%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1120,7 +1120,7 @@ exports[` should render disabled primary color link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1397,7 +1397,7 @@ exports[` should render icon only link 1`] = ` > should render icon only link 1`] = ` /> should render icon only link 1`] = ` should render icon only link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1666,7 +1666,7 @@ exports[` should render link with default properties 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1828,7 +1828,7 @@ exports[` should render link with icon with default iconPosition 1`] > should render link with icon with default iconPosition 1`] /> should render link with icon with default iconPosition 1`] should render link with icon with default iconPosition 1`] style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2031,7 +2031,7 @@ exports[` should render link with icon with left iconPosition 1`] = > should render link with icon with left iconPosition 1`] = /> should render link with icon with left iconPosition 1`] = should render link with icon with left iconPosition 1`] = style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2187,7 +2187,7 @@ exports[` should render link with icon with right iconPosition 1`] = style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2269,7 +2269,7 @@ exports[` should render link with icon with right iconPosition 1`] = > should render link with icon with right iconPosition 1`] = /> should render link with icon with right iconPosition 1`] = should render negative color link 1`] = ` style={ [ { - "color": "hsla(4, 74%, 49%, 1)", + "color": "hsla(4, 86%, 58%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2850,7 +2850,7 @@ exports[` should render primary color link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", diff --git a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.ssr.test.tsx.snap b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.ssr.test.tsx.snap index 49652fdadec..f8518c263f3 100644 --- a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.ssr.test.tsx.snap +++ b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render link with a default rel set when target is _blank 1`] = `""`; +exports[` should render link with a default rel set when target is _blank 1`] = `""`; exports[` should render link with a default rel set when target is _blank 2`] = ` .c0.c0.c0.c0.c0 { @@ -29,7 +29,7 @@ exports[` should render link with a default rel set when target is _ } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -56,7 +56,7 @@ exports[` should render link with a default rel set when target is _ } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; diff --git a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.web.test.tsx.snap b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.web.test.tsx.snap index 97c16a1a185..fc1c2ea1205 100644 --- a/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.web.test.tsx.snap +++ b/packages/blade/src/components/Link/BaseLink/__tests__/__snapshots__/BaseLink.web.test.tsx.snap @@ -27,7 +27,7 @@ exports[` should change the link to a visited state after click 1`] } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -54,7 +54,7 @@ exports[` should change the link to a visited state after click 1`] } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -123,7 +123,7 @@ exports[` should not change the button to a visited state after clic } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -150,7 +150,7 @@ exports[` should not change the button to a visited state after clic } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -217,7 +217,7 @@ exports[` should render button variant of link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -244,7 +244,7 @@ exports[` should render button variant of link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -311,7 +311,7 @@ exports[` should render disabled button variant of link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -406,7 +406,7 @@ exports[` should render disabled information color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -499,7 +499,7 @@ exports[` should render disabled negative color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -526,7 +526,7 @@ exports[` should render disabled negative color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(4,74%,49%,1); + color: hsla(4,86%,58%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -592,7 +592,7 @@ exports[` should render disabled neutral color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -685,7 +685,7 @@ exports[` should render disabled notice color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -778,7 +778,7 @@ exports[` should render disabled positive color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -871,7 +871,7 @@ exports[` should render disabled primary color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -898,7 +898,7 @@ exports[` should render disabled primary color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -964,7 +964,7 @@ exports[` should render disabled white color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1057,7 +1057,7 @@ exports[` should render icon only link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1096,7 +1096,7 @@ exports[` should render icon only link 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1140,18 +1140,18 @@ exports[` should render icon only link 1`] = ` @@ -1192,7 +1192,7 @@ exports[` should render information color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1285,7 +1285,7 @@ exports[` should render link with default properties 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1312,7 +1312,7 @@ exports[` should render link with default properties 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1378,7 +1378,7 @@ exports[` should render link with icon with default iconPosition 1`] } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1417,7 +1417,7 @@ exports[` should render link with icon with default iconPosition 1`] } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1461,18 +1461,18 @@ exports[` should render link with icon with default iconPosition 1`] @@ -1515,7 +1515,7 @@ exports[` should render link with icon with left iconPosition 1`] = } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1554,7 +1554,7 @@ exports[` should render link with icon with left iconPosition 1`] = } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1598,18 +1598,18 @@ exports[` should render link with icon with left iconPosition 1`] = @@ -1652,7 +1652,7 @@ exports[` should render link with icon with right iconPosition 1`] = } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1691,7 +1691,7 @@ exports[` should render link with icon with right iconPosition 1`] = } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1741,18 +1741,18 @@ exports[` should render link with icon with right iconPosition 1`] = @@ -1789,7 +1789,7 @@ exports[` should render negative color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1816,7 +1816,7 @@ exports[` should render negative color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(4,74%,49%,1); + color: hsla(4,86%,58%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1882,7 +1882,7 @@ exports[` should render neutral color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1975,7 +1975,7 @@ exports[` should render notice color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2068,7 +2068,7 @@ exports[` should render positive color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2161,7 +2161,7 @@ exports[` should render primary color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -2188,7 +2188,7 @@ exports[` should render primary color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -2254,7 +2254,7 @@ exports[` should render white color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.native.test.tsx.snap b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.native.test.tsx.snap index fc9a4532566..89cb6b2bca9 100644 --- a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.native.test.tsx.snap +++ b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.native.test.tsx.snap @@ -85,7 +85,7 @@ exports[` should render button variant of link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -430,7 +430,7 @@ exports[` should render disabled primary color link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -660,7 +660,7 @@ exports[` should render link with default properties 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -822,7 +822,7 @@ exports[` should render link with icon with default iconPosition 1`] = ` > should render link with icon with default iconPosition 1`] = ` /> should render link with icon with default iconPosition 1`] = ` should render link with icon with default iconPosition 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1025,7 +1025,7 @@ exports[` should render link with icon with left iconPosition 1`] = ` > should render link with icon with left iconPosition 1`] = ` /> should render link with icon with left iconPosition 1`] = ` should render link with icon with left iconPosition 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1181,7 +1181,7 @@ exports[` should render link with icon with right iconPosition 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1263,7 +1263,7 @@ exports[` should render link with icon with right iconPosition 1`] = ` > should render link with icon with right iconPosition 1`] = ` /> should render link with icon with right iconPosition 1`] = ` should render link with icon without text 1`] = ` > should render link with icon without text 1`] = ` /> should render link with icon without text 1`] = ` should render link with icon without text 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1700,7 +1700,7 @@ exports[` should render primary color link 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1977,7 +1977,7 @@ exports[` should render with small size 1`] = ` > should render with small size 1`] = ` /> should render with small size 1`] = ` should render with small size 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 12, "fontStyle": "normal", diff --git a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.ssr.test.tsx.snap b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.ssr.test.tsx.snap index c40527ca84c..c590d2ceb23 100644 --- a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.ssr.test.tsx.snap +++ b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render link with a default rel set when target is _blank 1`] = `""`; +exports[` should render link with a default rel set when target is _blank 1`] = `""`; exports[` should render link with a default rel set when target is _blank 2`] = ` .c0.c0.c0.c0.c0 { @@ -29,7 +29,7 @@ exports[` should render link with a default rel set when target is _blan } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -56,7 +56,7 @@ exports[` should render link with a default rel set when target is _blan } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; diff --git a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.web.test.tsx.snap b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.web.test.tsx.snap index 640c157ba80..379e95c24ab 100644 --- a/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.web.test.tsx.snap +++ b/packages/blade/src/components/Link/Link/__tests__/__snapshots__/Link.web.test.tsx.snap @@ -27,7 +27,7 @@ exports[` should render button variant of link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -54,7 +54,7 @@ exports[` should render button variant of link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -121,7 +121,7 @@ exports[` should render disabled button variant of link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -216,7 +216,7 @@ exports[` should render disabled neutral color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -309,7 +309,7 @@ exports[` should render disabled primary color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -336,7 +336,7 @@ exports[` should render disabled primary color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -402,7 +402,7 @@ exports[` should render disabled white color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -495,7 +495,7 @@ exports[` should render link with default properties 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -522,7 +522,7 @@ exports[` should render link with default properties 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -588,7 +588,7 @@ exports[` should render link with icon with default iconPosition 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -627,7 +627,7 @@ exports[` should render link with icon with default iconPosition 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -671,18 +671,18 @@ exports[` should render link with icon with default iconPosition 1`] = ` @@ -725,7 +725,7 @@ exports[` should render link with icon with left iconPosition 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -764,7 +764,7 @@ exports[` should render link with icon with left iconPosition 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -808,18 +808,18 @@ exports[` should render link with icon with left iconPosition 1`] = ` @@ -862,7 +862,7 @@ exports[` should render link with icon with right iconPosition 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -901,7 +901,7 @@ exports[` should render link with icon with right iconPosition 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -951,18 +951,18 @@ exports[` should render link with icon with right iconPosition 1`] = ` @@ -999,7 +999,7 @@ exports[` should render link with icon without text 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1038,7 +1038,7 @@ exports[` should render link with icon without text 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1082,18 +1082,18 @@ exports[` should render link with icon without text 1`] = ` @@ -1134,7 +1134,7 @@ exports[` should render neutral color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1227,7 +1227,7 @@ exports[` should render primary color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1254,7 +1254,7 @@ exports[` should render primary color link 1`] = ` } .c2.c2.c2.c2.c2 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 500; @@ -1320,7 +1320,7 @@ exports[` should render white color link 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1413,7 +1413,7 @@ exports[` should render with small size 1`] = ` } .c0.c0.c0.c0.c0:focus-visible .content-container { - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1452,7 +1452,7 @@ exports[` should render with small size 1`] = ` } .c3.c3.c3.c3.c3 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.75rem; font-weight: 500; @@ -1496,18 +1496,18 @@ exports[` should render with small size 1`] = ` diff --git a/packages/blade/src/components/List/__tests__/__snapshots__/List.native.test.tsx.snap b/packages/blade/src/components/List/__tests__/__snapshots__/List.native.test.tsx.snap index 6c7a9fc289c..ad090f386a8 100644 --- a/packages/blade/src/components/List/__tests__/__snapshots__/List.native.test.tsx.snap +++ b/packages/blade/src/components/List/__tests__/__snapshots__/List.native.test.tsx.snap @@ -1166,7 +1166,7 @@ exports[` should render List with inline ListItemLink 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1504,7 +1504,7 @@ exports[` should render List with inline ListItemText 1`] = ` style={ [ { - "color": "hsla(227, 69%, 42%, 1)", + "color": "hsla(227, 71%, 51%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", diff --git a/packages/blade/src/components/List/__tests__/__snapshots__/List.web.test.tsx.snap b/packages/blade/src/components/List/__tests__/__snapshots__/List.web.test.tsx.snap index e70c4e8fd51..a8ca1f21ebd 100644 --- a/packages/blade/src/components/List/__tests__/__snapshots__/List.web.test.tsx.snap +++ b/packages/blade/src/components/List/__tests__/__snapshots__/List.web.test.tsx.snap @@ -449,7 +449,7 @@ exports[` should render List with inline ListItemText 1`] = ` } .c5.c5.c5.c5.c5 { - color: hsla(227,69%,42%,1); + color: hsla(227,71%,51%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; diff --git a/packages/blade/src/components/Modal/__tests__/__snapshots__/Modal.web.test.tsx.snap b/packages/blade/src/components/Modal/__tests__/__snapshots__/Modal.web.test.tsx.snap index 14e68badc04..98fc2c1b121 100644 --- a/packages/blade/src/components/Modal/__tests__/__snapshots__/Modal.web.test.tsx.snap +++ b/packages/blade/src/components/Modal/__tests__/__snapshots__/Modal.web.test.tsx.snap @@ -342,7 +342,7 @@ exports[`Modal renders a Modal with Header and Footer 1`] = ` .c22.c22.c22.c22.c22:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -454,7 +454,7 @@ exports[`Modal renders a Modal with Header and Footer 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c28.c28.c28.c28.c28 * { diff --git a/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.native.test.tsx.snap b/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.native.test.tsx.snap index 5b30516e406..1f648e5d40a 100644 --- a/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.native.test.tsx.snap +++ b/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.native.test.tsx.snap @@ -40,7 +40,7 @@ exports[` should render 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -557,7 +557,7 @@ exports[` should render popover with custom zIndex 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -1074,7 +1074,7 @@ exports[` should render with title,footer 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" diff --git a/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.web.test.tsx.snap b/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.web.test.tsx.snap index a11ff77ef5d..b6830a37d43 100644 --- a/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.web.test.tsx.snap +++ b/packages/blade/src/components/Popover/__tests__/__snapshots__/Popover.web.test.tsx.snap @@ -98,7 +98,7 @@ exports[` should render 1`] = ` .c8.c8.c8.c8.c8:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -192,7 +192,7 @@ exports[` should render 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -446,7 +446,7 @@ exports[` should render popover with custom zIndex 1`] = ` .c8.c8.c8.c8.c8:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -540,7 +540,7 @@ exports[` should render popover with custom zIndex 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -811,7 +811,7 @@ exports[` should render with title,footer 1`] = ` .c11.c11.c11.c11.c11:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } @@ -922,7 +922,7 @@ exports[` should render with title,footer 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.native.test.tsx.snap b/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.native.test.tsx.snap index 0f639825dba..e329f125748 100644 --- a/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.native.test.tsx.snap +++ b/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.native.test.tsx.snap @@ -1723,7 +1723,7 @@ exports[` should update the progress value appropriately 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -2070,7 +2070,7 @@ exports[` should update the progress value appropriately 2`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" diff --git a/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.web.test.tsx.snap b/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.web.test.tsx.snap index f1e435e854e..b0022d4fdaf 100644 --- a/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.web.test.tsx.snap +++ b/packages/blade/src/components/ProgressBar/__tests__/__snapshots__/ProgressBar.web.test.tsx.snap @@ -1586,7 +1586,7 @@ exports[` should update the progress value appropriately 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -1864,7 +1864,7 @@ exports[` should update the progress value appropriately 2`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.native.test.tsx.snap b/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.native.test.tsx.snap index aab26ca1ca8..d31a8e11ca4 100644 --- a/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.native.test.tsx.snap +++ b/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.native.test.tsx.snap @@ -347,7 +347,7 @@ exports[` should set disabled state with isDisabled 1`] = ` [ { "alignItems": "center", - "backgroundColor": "hsla(0, 0%, 100%, 0.48)", + "backgroundColor": "hsla(0, 0%, 100%, 0.18)", "borderRadius": 9999, "display": "flex", "flexShrink": 0, diff --git a/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.web.test.tsx.snap b/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.web.test.tsx.snap index 64e6c92d7ed..3b038adf3f0 100644 --- a/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.web.test.tsx.snap +++ b/packages/blade/src/components/Switch/__tests__/__snapshots__/Switch.web.test.tsx.snap @@ -254,7 +254,7 @@ exports[` should set disabled state with isDisabled 1`] = ` border-radius: 9999px; -webkit-animation-duration: 150ms; animation-duration: 150ms; - background-color: hsla(0,0%,100%,0.48); + background-color: hsla(0,0%,100%,0.18); } .c3.c3.c3.c3.c3 { diff --git a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.native.test.tsx.snap b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.native.test.tsx.snap index c4583d8b103..6fe6c8c60a8 100644 --- a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.native.test.tsx.snap +++ b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.native.test.tsx.snap @@ -395,7 +395,7 @@ exports[`Tabs should render 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -653,7 +653,7 @@ exports[`Tabs should render 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -883,7 +883,7 @@ exports[`Tabs should render with filled variant 1`] = ` collapsable={false} style={ { - "backgroundColor": "hsla(227, 100%, 59%, 0.18)", + "backgroundColor": "hsla(227, 100%, 59%, 0.09)", "borderRadius": 2, "bottom": 4, "height": -10, @@ -1214,7 +1214,7 @@ exports[`Tabs should render with filled variant 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -1509,7 +1509,7 @@ exports[`Tabs should render with filled variant 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2106,7 +2106,7 @@ exports[`Tabs should render with isFullWidthTabItem 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2362,7 +2362,7 @@ exports[`Tabs should render with isFullWidthTabItem 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 14, "fontStyle": "normal", @@ -2928,7 +2928,7 @@ exports[`Tabs should render with large size 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 16, "fontStyle": "normal", @@ -3186,7 +3186,7 @@ exports[`Tabs should render with large size 1`] = ` style={ [ { - "color": "hsla(227, 71%, 51%, 1)", + "color": "hsla(227, 100%, 59%, 1)", "fontFamily": "Inter", "fontSize": 16, "fontStyle": "normal", diff --git a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.ssr.test.tsx.snap b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.ssr.test.tsx.snap index c4f1814d66f..051a0e364f4 100644 --- a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.ssr.test.tsx.snap +++ b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render tabs ssr 1`] = `"

Refunds

"`; +exports[` should render tabs ssr 1`] = `"

Refunds

"`; exports[` should render tabs ssr 2`] = ` .c0.c0.c0.c0.c0 { @@ -103,7 +103,7 @@ exports[` should render tabs ssr 2`] = ` } .c8.c8.c8.c8.c8 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -205,7 +205,7 @@ exports[` should render tabs ssr 2`] = ` } .c10.c10.c10.c10.c10:hover { - background-color: hsla(227,100%,59%,0.24); + background-color: hsla(227,100%,59%,0.18); } .c3.c3.c3.c3.c3::-webkit-scrollbar { diff --git a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.web.test.tsx.snap b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.web.test.tsx.snap index 49fc14516e2..fcb2b841842 100644 --- a/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.web.test.tsx.snap +++ b/packages/blade/src/components/Tabs/__tests__/__snapshots__/Tabs.web.test.tsx.snap @@ -101,7 +101,7 @@ exports[`Tabs should render 1`] = ` } .c8.c8.c8.c8.c8 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -203,7 +203,7 @@ exports[`Tabs should render 1`] = ` } .c10.c10.c10.c10.c10:hover { - background-color: hsla(227,100%,59%,0.24); + background-color: hsla(227,100%,59%,0.18); } .c3.c3.c3.c3.c3::-webkit-scrollbar { @@ -469,7 +469,7 @@ exports[`Tabs should render with filled variant 1`] = ` position: absolute; top: 0px; left: 0px; - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); border-radius: 2px; pointer-events: none; } @@ -500,7 +500,7 @@ exports[`Tabs should render with filled variant 1`] = ` } .c11.c11.c11.c11.c11 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -651,7 +651,7 @@ exports[`Tabs should render with filled variant 1`] = ` .c10.c10.c10.c10.c10:focus-visible { border-radius: 4px; box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); - background-color: hsla(227,100%,59%,0.18); + background-color: hsla(227,100%,59%,0.09); } .c10.c10.c10.c10.c10 * { @@ -668,7 +668,7 @@ exports[`Tabs should render with filled variant 1`] = ` } .c13.c13.c13.c13.c13:hover { - background-color: hsla(227,100%,59%,0.24); + background-color: hsla(227,100%,59%,0.18); } .c9.c9.c9.c9.c9 { @@ -1002,7 +1002,7 @@ exports[`Tabs should render with isFullWidthTabItem 1`] = ` } .c8.c8.c8.c8.c8 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; @@ -1105,7 +1105,7 @@ exports[`Tabs should render with isFullWidthTabItem 1`] = ` } .c10.c10.c10.c10.c10:hover { - background-color: hsla(227,100%,59%,0.24); + background-color: hsla(227,100%,59%,0.18); } .c3.c3.c3.c3.c3::-webkit-scrollbar { @@ -1396,7 +1396,7 @@ exports[`Tabs should render with size 1`] = ` } .c8.c8.c8.c8.c8 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 1rem; font-weight: 600; @@ -1498,7 +1498,7 @@ exports[`Tabs should render with size 1`] = ` } .c10.c10.c10.c10.c10:hover { - background-color: hsla(227,100%,59%,0.24); + background-color: hsla(227,100%,59%,0.18); } .c3.c3.c3.c3.c3::-webkit-scrollbar { @@ -1783,7 +1783,7 @@ exports[`Tabs should render with vertical orientation 1`] = ` } .c9.c9.c9.c9.c9 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 600; diff --git a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap index cec86ebab91..37b08241f78 100644 --- a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap +++ b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render tag 1`] = `"

in:User

"`; +exports[` should render tag 1`] = `"

in:User

"`; exports[` should render tag 2`] = ` .c0.c0.c0.c0.c0 { @@ -92,7 +92,7 @@ exports[` should render tag 2`] = ` .c5.c5.c5.c5.c5:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } diff --git a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.web.test.tsx.snap b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.web.test.tsx.snap index 596bfbe21a4..66a2884f0e7 100644 --- a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.web.test.tsx.snap +++ b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.web.test.tsx.snap @@ -90,7 +90,7 @@ exports[` should render tag 1`] = ` .c5.c5.c5.c5.c5:focus-visible { outline: none; - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); color: hsla(211,26%,34%,1); } diff --git a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.native.test.tsx.snap b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.native.test.tsx.snap index ec4a4247694..b1277ccaf93 100644 --- a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.native.test.tsx.snap +++ b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.native.test.tsx.snap @@ -40,7 +40,7 @@ exports[` should render 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -414,7 +414,7 @@ exports[` should render tooltip with custom zIndex 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" @@ -788,7 +788,7 @@ exports[` should render with title 1`] = ` defaultBorderColor="hsla(227, 100%, 59%, 1)" focusBackgroundColor="hsla(227, 71%, 51%, 1)" focusBorderColor="hsla(227, 100%, 59%, 1)" - focusRingColor="hsla(227, 100%, 59%, 0.18)" + focusRingColor="hsla(227, 100%, 59%, 0.09)" focusable={true} hoverBackgroundColor="hsla(227, 71%, 51%, 1)" hoverBorderColor="hsla(227, 100%, 59%, 1)" diff --git a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.ssr.test.tsx.snap b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.ssr.test.tsx.snap index 0f45a60c680..2d560d0670e 100644 --- a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.ssr.test.tsx.snap +++ b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render Tooltip ssr 1`] = `"
"`; +exports[` should render Tooltip ssr 1`] = `"
"`; exports[` should render Tooltip ssr 2`] = ` .c1.c1.c1.c1.c1 { @@ -94,7 +94,7 @@ exports[` should render Tooltip ssr 2`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap index f61bbfc3289..aaece673007 100644 --- a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap +++ b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap @@ -147,7 +147,7 @@ exports[` should render 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -411,7 +411,7 @@ exports[` should render tooltip with custom zIndex 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { @@ -692,7 +692,7 @@ exports[` should render with title 1`] = ` background-color: hsla(227,71%,51%,1); border-color: hsla(227,100%,59%,1); outline: 1px solid hsla(227,100%,59%,0.09); - box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.18); + box-shadow: 0px 0px 0px 4px hsla(227,100%,59%,0.09); } .c0.c0.c0.c0.c0 * { diff --git a/packages/blade/src/components/Typography/Text/__tests__/__snapshots__/Text.web.test.tsx.snap b/packages/blade/src/components/Typography/Text/__tests__/__snapshots__/Text.web.test.tsx.snap index a3b5c7017ee..819f2a83269 100644 --- a/packages/blade/src/components/Typography/Text/__tests__/__snapshots__/Text.web.test.tsx.snap +++ b/packages/blade/src/components/Typography/Text/__tests__/__snapshots__/Text.web.test.tsx.snap @@ -31,7 +31,7 @@ exports[` should render Text with center textAlign 1`] = ` exports[` should render Text with color 1`] = ` .c0.c0.c0.c0.c0 { - color: hsla(227,71%,51%,1); + color: hsla(227,100%,59%,1); font-family: "Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif; font-size: 0.875rem; font-weight: 400;