chore: update snaps

razorpay · May 9, 2024 · 44370b1 · 44370b1
1 parent 32499b3
commit 44370b1
Show file tree

Hide file tree

Showing 12 changed files with 148 additions and 118 deletions.
diff --git a/packages/blade/src/components/Alert/__tests__/__snapshots__/Alert.ssr.test.tsx.snap b/packages/blade/src/components/Alert/__tests__/__snapshots__/Alert.ssr.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Alert /> should render Alert on server 1`] = `"<div id="root"><div role="status" data-blade-component="alert" class="BaseBox-bmPWx"><div data-blade-component="base-box" class="BaseBox-bmPWx StyledAlert-sc-1dcpe4h-0 edNXIx tUExz"><div data-blade-component="base-box" class="BaseBox-bmPWx bqifXC"><svg aria-hidden="true" data-blade-component="icon" height="16px" viewBox="0 0 24 24" width="16px" fill="none" class="Svgweb__StyledSvg-vcmjs8-0"><g clip-path="url(#clip0_60_208)" data-blade-component="svg-g"><path d="M4.15845 7.14679C6.74812 4.11688 11.0222 3.1512 14.663 4.77343C15.1675 4.99821 15.7586 4.77147 15.9834 4.267C16.2082 3.76253 15.9815 3.17135 15.477 2.94657C11.0272 0.96385 5.80325 2.14413 2.6381 5.84735C-0.527049 9.55057 -0.879431 14.8946 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5429C18.7905 22.1616 21.9972 17.8716 22 13V12.07C22 11.5177 21.5523 11.07 21 11.07C20.4477 11.07 20 11.5177 20 12.07V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.7551 5.61926 21.2365 3.44986 17.8928C1.28047 14.5491 1.56878 10.1767 4.15845 7.14679Z" fill="hsla(150, 100%, 27%, 1)" data-blade-component="svg-path"></path><path d="M22.7071 4.70711C23.0976 4.31658 23.0976 3.68342 22.7071 3.29289C22.3166 2.90237 21.6834 2.90237 21.2929 3.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L22.7071 4.70711Z" fill="hsla(150, 100%, 27%, 1)" data-blade-component="svg-path"></path></g><defs data-blade-component="svg-defs"><clipPath id="clip0_60_208" data-blade-component="svg-clippath"><rect data-blade-component="svg-rect" height="24" width="24" fill="white"></rect></clipPath></defs></svg></div><div data-blade-component="base-box" class="BaseBox-bmPWx csAaGy"><div data-blade-component="base-box" class="BaseBox-bmPWx kipYPx"><p class="StyledBaseText-dVBfTO eETJTC" data-blade-component="text">Currently you can only accept payments in international currencies using PayPal.</p></div><div data-blade-component="base-box" class="BaseBox-bmPWx ghjKxw"><div data-blade-component="base-box" class="BaseBox-bmPWx hggoXP"><button type="button" data-blade-component="button" role="button" class="StyledBaseButtonweb__StyledBaseButton-sc-26bt38-0 ctwkUZ"><div data-blade-component="base-box" class="BaseBox-bmPWx AnimatedButtonContentweb__AnimatedButtonContent-sc-1fkx0t6-0  jPBClF"><div data-blade-component="base-box" class="BaseBox-bmPWx BaseButton__ButtonContent-zf1huq-0 LeezU esItiH"><div class="StyledBaseText-dVBfTO dUMczf" data-blade-component="base-text">Primary</div></div></div></button></div><div data-blade-component="base-box" class="BaseBox-bmPWx cplkfv"><a data-blade-component="link" class="StyledBaseLinkweb__StyledLink-sc-1yj1z8h-0 eEDbkf" role="link" aria-disabled="false"><span class="BaseBox-bmPWx fAEwZa content-container" data-blade-component="base-box"><span class="StyledBaseText-dVBfTO eLyBhB" data-blade-component="base-text">Link</span></span></a></div></div></div><button type="button" aria-label="Dismiss alert" data-blade-component="icon-button" class="StyledIconButtonweb__StyledButton-sc-1f4cg7d-0 jCUyST"><svg aria-hidden="true" data-blade-component="icon" height="20px" viewBox="0 0 24 24" width="20px" fill="none" class="Svgweb__StyledSvg-vcmjs8-0"><path d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z" fill="currentColor" data-blade-component="svg-path"></path></svg></button></div></div></div>"`;
+exports[`<Alert /> should render Alert on server 1`] = `"<div id="root"><div role="status" data-blade-component="alert" class="BaseBox-bmPWx"><div data-blade-component="base-box" class="BaseBox-bmPWx StyledAlert-sc-1dcpe4h-0 edNXIx tUExz"><div data-blade-component="base-box" class="BaseBox-bmPWx bqifXC"><svg aria-hidden="true" data-blade-component="icon" height="16px" viewBox="0 0 24 24" width="16px" fill="none" class="Svgweb__StyledSvg-vcmjs8-0"><path d="M4.15845 7.14673C6.74812 4.11682 11.0222 3.15114 14.663 4.77337C15.1675 4.99815 15.7586 4.77141 15.9834 4.26694C16.2082 3.76247 15.9815 3.17129 15.477 2.94651C11.0272 0.963789 5.80325 2.14407 2.6381 5.84729C-0.527049 9.55051 -0.879431 14.8945 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5428C18.7905 22.1615 21.9972 17.8715 22 12.9999V12.0699C22 11.5177 21.5523 11.0699 21 11.0699C20.4477 11.0699 20 11.5177 20 12.0699V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.755 5.61926 21.2364 3.44986 17.8927C1.28047 14.549 1.56878 10.1766 4.15845 7.14673Z" fill="hsla(150, 100%, 27%, 1)" data-blade-component="svg-path"></path><path d="M22.7071 4.70705C23.0976 4.31652 23.0976 3.68336 22.7071 3.29283C22.3166 2.90231 21.6834 2.90231 21.2929 3.29283L11 13.5857L8.70711 11.2928C8.31658 10.9023 7.68342 10.9023 7.29289 11.2928C6.90237 11.6834 6.90237 12.3165 7.29289 12.707L10.2929 15.707C10.6834 16.0976 11.3166 16.0976 11.7071 15.707L22.7071 4.70705Z" fill="hsla(150, 100%, 27%, 1)" data-blade-component="svg-path"></path></svg></div><div data-blade-component="base-box" class="BaseBox-bmPWx csAaGy"><div data-blade-component="base-box" class="BaseBox-bmPWx kipYPx"><p class="StyledBaseText-dVBfTO eETJTC" data-blade-component="text">Currently you can only accept payments in international currencies using PayPal.</p></div><div data-blade-component="base-box" class="BaseBox-bmPWx ghjKxw"><div data-blade-component="base-box" class="BaseBox-bmPWx hggoXP"><button type="button" data-blade-component="button" role="button" class="StyledBaseButtonweb__StyledBaseButton-sc-26bt38-0 ctwkUZ"><div data-blade-component="base-box" class="BaseBox-bmPWx AnimatedButtonContentweb__AnimatedButtonContent-sc-1fkx0t6-0  jPBClF"><div data-blade-component="base-box" class="BaseBox-bmPWx BaseButton__ButtonContent-zf1huq-0 LeezU esItiH"><div class="StyledBaseText-dVBfTO dUMczf" data-blade-component="base-text">Primary</div></div></div></button></div><div data-blade-component="base-box" class="BaseBox-bmPWx cplkfv"><a data-blade-component="link" class="StyledBaseLinkweb__StyledLink-sc-1yj1z8h-0 eEDbkf" role="link" aria-disabled="false"><span class="BaseBox-bmPWx fAEwZa content-container" data-blade-component="base-box"><span class="StyledBaseText-dVBfTO eLyBhB" data-blade-component="base-text">Link</span></span></a></div></div></div><button type="button" aria-label="Dismiss alert" data-blade-component="icon-button" class="StyledIconButtonweb__StyledButton-sc-1f4cg7d-0 jCUyST"><svg aria-hidden="true" data-blade-component="icon" height="20px" viewBox="0 0 24 24" width="20px" fill="none" class="Svgweb__StyledSvg-vcmjs8-0"><path d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z" fill="currentColor" data-blade-component="svg-path"></path></svg></button></div></div></div>"`;
 
 exports[`<Alert /> should render Alert on server 2`] = `
 .c0.c0.c0.c0.c0 {
@@ -352,36 +352,16 @@ exports[`<Alert /> should render Alert on server 2`] = `
           viewBox="0 0 24 24"
           width="16px"
         >
-          <g
-            clip-path="url(#clip0_60_208)"
-            data-blade-component="svg-g"
-          >
-            <path
-              d="M4.15845 7.14679C6.74812 4.11688 11.0222 3.1512 14.663 4.77343C15.1675 4.99821 15.7586 4.77147 15.9834 4.267C16.2082 3.76253 15.9815 3.17135 15.477 2.94657C11.0272 0.96385 5.80325 2.14413 2.6381 5.84735C-0.527049 9.55057 -0.879431 14.8946 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5429C18.7905 22.1616 21.9972 17.8716 22 13V12.07C22 11.5177 21.5523 11.07 21 11.07C20.4477 11.07 20 11.5177 20 12.07V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.7551 5.61926 21.2365 3.44986 17.8928C1.28047 14.5491 1.56878 10.1767 4.15845 7.14679Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-            <path
-              d="M22.7071 4.70711C23.0976 4.31658 23.0976 3.68342 22.7071 3.29289C22.3166 2.90237 21.6834 2.90237 21.2929 3.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L22.7071 4.70711Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-          </g>
-          <defs
-            data-blade-component="svg-defs"
-          >
-            <clippath
-              data-blade-component="svg-clippath"
-              id="clip0_60_208"
-            >
-              <rect
-                data-blade-component="svg-rect"
-                fill="white"
-                height="24"
-                width="24"
-              />
-            </clippath>
-          </defs>
+          <path
+            d="M4.15845 7.14673C6.74812 4.11682 11.0222 3.15114 14.663 4.77337C15.1675 4.99815 15.7586 4.77141 15.9834 4.26694C16.2082 3.76247 15.9815 3.17129 15.477 2.94651C11.0272 0.963789 5.80325 2.14407 2.6381 5.84729C-0.527049 9.55051 -0.879431 14.8945 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5428C18.7905 22.1615 21.9972 17.8715 22 12.9999V12.0699C22 11.5177 21.5523 11.0699 21 11.0699C20.4477 11.0699 20 11.5177 20 12.0699V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.755 5.61926 21.2364 3.44986 17.8927C1.28047 14.549 1.56878 10.1766 4.15845 7.14673Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
+          <path
+            d="M22.7071 4.70705C23.0976 4.31652 23.0976 3.68336 22.7071 3.29283C22.3166 2.90231 21.6834 2.90231 21.2929 3.29283L11 13.5857L8.70711 11.2928C8.31658 10.9023 7.68342 10.9023 7.29289 11.2928C6.90237 11.6834 6.90237 12.3165 7.29289 12.707L10.2929 15.707C10.6834 16.0976 11.3166 16.0976 11.7071 15.707L22.7071 4.70705Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
         </svg>
       </div>
       <div

diff --git a/packages/blade/src/components/Alert/__tests__/__snapshots__/Alert.web.test.tsx.snap b/packages/blade/src/components/Alert/__tests__/__snapshots__/Alert.web.test.tsx.snap
@@ -331,36 +331,16 @@ exports[`<Alert /> should render positive color and full width 1`] = `
           viewBox="0 0 24 24"
           width="16px"
         >
-          <g
-            clip-path="url(#clip0_60_208)"
-            data-blade-component="svg-g"
-          >
-            <path
-              d="M4.15845 7.14679C6.74812 4.11688 11.0222 3.1512 14.663 4.77343C15.1675 4.99821 15.7586 4.77147 15.9834 4.267C16.2082 3.76253 15.9815 3.17135 15.477 2.94657C11.0272 0.96385 5.80325 2.14413 2.6381 5.84735C-0.527049 9.55057 -0.879431 14.8946 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5429C18.7905 22.1616 21.9972 17.8716 22 13V12.07C22 11.5177 21.5523 11.07 21 11.07C20.4477 11.07 20 11.5177 20 12.07V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.7551 5.61926 21.2365 3.44986 17.8928C1.28047 14.5491 1.56878 10.1767 4.15845 7.14679Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-            <path
-              d="M22.7071 4.70711C23.0976 4.31658 23.0976 3.68342 22.7071 3.29289C22.3166 2.90237 21.6834 2.90237 21.2929 3.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L22.7071 4.70711Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-          </g>
-          <defs
-            data-blade-component="svg-defs"
-          >
-            <clippath
-              data-blade-component="svg-clippath"
-              id="clip0_60_208"
-            >
-              <rect
-                data-blade-component="svg-rect"
-                fill="white"
-                height="24"
-                width="24"
-              />
-            </clippath>
-          </defs>
+          <path
+            d="M4.15845 7.14673C6.74812 4.11682 11.0222 3.15114 14.663 4.77337C15.1675 4.99815 15.7586 4.77141 15.9834 4.26694C16.2082 3.76247 15.9815 3.17129 15.477 2.94651C11.0272 0.963789 5.80325 2.14407 2.6381 5.84729C-0.527049 9.55051 -0.879431 14.8945 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5428C18.7905 22.1615 21.9972 17.8715 22 12.9999V12.0699C22 11.5177 21.5523 11.0699 21 11.0699C20.4477 11.0699 20 11.5177 20 12.0699V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.755 5.61926 21.2364 3.44986 17.8927C1.28047 14.549 1.56878 10.1766 4.15845 7.14673Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
+          <path
+            d="M22.7071 4.70705C23.0976 4.31652 23.0976 3.68336 22.7071 3.29283C22.3166 2.90231 21.6834 2.90231 21.2929 3.29283L11 13.5857L8.70711 11.2928C8.31658 10.9023 7.68342 10.9023 7.29289 11.2928C6.90237 11.6834 6.90237 12.3165 7.29289 12.707L10.2929 15.707C10.6834 16.0976 11.3166 16.0976 11.7071 15.707L22.7071 4.70705Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
         </svg>
       </div>
       <div
@@ -541,36 +521,16 @@ exports[`<Alert /> should render positive color and full width 2`] = `
           viewBox="0 0 24 24"
           width="16px"
         >
-          <g
-            clip-path="url(#clip0_60_208)"
-            data-blade-component="svg-g"
-          >
-            <path
-              d="M4.15845 7.14679C6.74812 4.11688 11.0222 3.1512 14.663 4.77343C15.1675 4.99821 15.7586 4.77147 15.9834 4.267C16.2082 3.76253 15.9815 3.17135 15.477 2.94657C11.0272 0.96385 5.80325 2.14413 2.6381 5.84735C-0.527049 9.55057 -0.879431 14.8946 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5429C18.7905 22.1616 21.9972 17.8716 22 13V12.07C22 11.5177 21.5523 11.07 21 11.07C20.4477 11.07 20 11.5177 20 12.07V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.7551 5.61926 21.2365 3.44986 17.8928C1.28047 14.5491 1.56878 10.1767 4.15845 7.14679Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-            <path
-              d="M22.7071 4.70711C23.0976 4.31658 23.0976 3.68342 22.7071 3.29289C22.3166 2.90237 21.6834 2.90237 21.2929 3.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L22.7071 4.70711Z"
-              data-blade-component="svg-path"
-              fill="hsla(150, 100%, 27%, 1)"
-            />
-          </g>
-          <defs
-            data-blade-component="svg-defs"
-          >
-            <clippath
-              data-blade-component="svg-clippath"
-              id="clip0_60_208"
-            >
-              <rect
-                data-blade-component="svg-rect"
-                fill="white"
-                height="24"
-                width="24"
-              />
-            </clippath>
-          </defs>
+          <path
+            d="M4.15845 7.14673C6.74812 4.11682 11.0222 3.15114 14.663 4.77337C15.1675 4.99815 15.7586 4.77141 15.9834 4.26694C16.2082 3.76247 15.9815 3.17129 15.477 2.94651C11.0272 0.963789 5.80325 2.14407 2.6381 5.84729C-0.527049 9.55051 -0.879431 14.8945 1.77205 18.9813C4.42353 23.0681 9.44725 24.9241 14.1189 23.5428C18.7905 22.1615 21.9972 17.8715 22 12.9999V12.0699C22 11.5177 21.5523 11.0699 21 11.0699C20.4477 11.0699 20 11.5177 20 12.0699V12.9994C19.9977 16.9852 17.3741 20.4948 13.5518 21.6249C9.72957 22.755 5.61926 21.2364 3.44986 17.8927C1.28047 14.549 1.56878 10.1766 4.15845 7.14673Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
+          <path
+            d="M22.7071 4.70705C23.0976 4.31652 23.0976 3.68336 22.7071 3.29283C22.3166 2.90231 21.6834 2.90231 21.2929 3.29283L11 13.5857L8.70711 11.2928C8.31658 10.9023 7.68342 10.9023 7.29289 11.2928C6.90237 11.6834 6.90237 12.3165 7.29289 12.707L10.2929 15.707C10.6834 16.0976 11.3166 16.0976 11.7071 15.707L22.7071 4.70705Z"
+            data-blade-component="svg-path"
+            fill="hsla(150, 100%, 27%, 1)"
+          />
         </svg>
       </div>
       <div