scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/BOOK-323-enter-details-scroll-error (pull request #2986)

Browse Source 
Fix/BOOK-323 enter details scroll error

* fix(BOOK-323): scroll to invalid element on submit on enter details

* fix(BOOK-323): update error message design

* fix(BOOK-323): clean up

* fix(BOOK-323): scroll to fields in room in right order

* fix(BOOK-323): add id to translations

* fix(BOOK-323): remove undefined

* fix(BOOK-323): fix submitting state

* fix(BOOK-323): use ref in multiroom for scrolling to right element, add membershipNo

* fix(BOOK-323): fix invalid border country

* fix(BOOK-323): use error message component

* fix(BOOK-323): fix invalid focused styling on mobile

* fix(BOOK-323): remove redundant dependency in callback


Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2025-10-24 11:30:56 +00:00
parent 6543ca5dc3
commit c473bbc8b0
27 changed files with 692 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
packages/design-system/lib/components/Payment/Icons/JcbIcon.tsx
View File

@@ -49,10 +49,10 @@ export const JcbIcon = (props: PaymentIconProps) => (
y2="16.0328"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#007940" />
<stop offset="0.2285" stop-color="#00873F" />
<stop offset="0.7433" stop-color="#40A737" />
<stop offset="1" stop-color="#5CB531" />
<stop stopColor="#007940" />
<stop offset="0.2285" stopColor="#00873F" />
<stop offset="0.7433" stopColor="#40A737" />
<stop offset="1" stopColor="#5CB531" />
</linearGradient>
<linearGradient
id="paint1_linear_5382_46863"
@@ -62,10 +62,10 @@ export const JcbIcon = (props: PaymentIconProps) => (
y2="16.001"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#007940" />
<stop offset="0.2285" stop-color="#00873F" />
<stop offset="0.7433" stop-color="#40A737" />
<stop offset="1" stop-color="#5CB531" />
<stop stopColor="#007940" />
<stop offset="0.2285" stopColor="#00873F" />
<stop offset="0.7433" stopColor="#40A737" />
<stop offset="1" stopColor="#5CB531" />
</linearGradient>
<linearGradient
id="paint2_linear_5382_46863"
@@ -75,10 +75,10 @@ export const JcbIcon = (props: PaymentIconProps) => (
y2="14.4771"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#007940" />
<stop offset="0.2285" stop-color="#00873F" />
<stop offset="0.7433" stop-color="#40A737" />
<stop offset="1" stop-color="#5CB531" />
<stop stopColor="#007940" />
<stop offset="0.2285" stopColor="#00873F" />
<stop offset="0.7433" stopColor="#40A737" />
<stop offset="1" stopColor="#5CB531" />
</linearGradient>
<linearGradient
id="paint3_linear_5382_46863"
@@ -88,11 +88,11 @@ export const JcbIcon = (props: PaymentIconProps) => (
y2="16.001"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6C2C2F" />
<stop offset="0.1735" stop-color="#882730" />
<stop offset="0.5731" stop-color="#BE1833" />
<stop offset="0.8585" stop-color="#DC0436" />
<stop offset="1" stop-color="#E60039" />
<stop stopColor="#6C2C2F" />
<stop offset="0.1735" stopColor="#882730" />
<stop offset="0.5731" stopColor="#BE1833" />
<stop offset="0.8585" stopColor="#DC0436" />
<stop offset="1" stopColor="#E60039" />
</linearGradient>
<linearGradient
id="paint4_linear_5382_46863"
@@ -102,10 +102,10 @@ export const JcbIcon = (props: PaymentIconProps) => (
y2="16.001"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1F286F" />
<stop offset="0.4751" stop-color="#004E94" />
<stop offset="0.8261" stop-color="#0066B1" />
<stop offset="1" stop-color="#006FBC" />
<stop stopColor="#1F286F" />
<stop offset="0.4751" stopColor="#004E94" />
<stop offset="0.8261" stopColor="#0066B1" />
<stop offset="1" stopColor="#006FBC" />
</linearGradient>
<clipPath id="clip0_5382_46863">
<rect width="48" height="32" rx="3" fill="white" />