[LOOM-2014]: Update form element corner radii (#3703)

Skyscanner · Jan 7, 2025 · 753e040 · 753e040
1 parent c4c9e5d
commit 753e040
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -121,7 +121,7 @@
     "@babel/register": "^7.25.7",
     "@percy/cli": "^1.30.0",
     "@percy/storybook": "^6.0.1",
-    "@skyscanner/bpk-foundations-web": "^18.1.0",
+    "@skyscanner/bpk-foundations-web": "^19.1.0",
     "@skyscanner/bpk-svgs": "^20.0.0",
     "@skyscanner/eslint-config-skyscanner": "^18.2.0",
     "@skyscanner/stylelint-config-skyscanner": "^11.1.0",

diff --git a/packages/bpk-mixins/_forms.scss b/packages/bpk-mixins/_forms.scss
@@ -231,6 +231,7 @@
   height: $bpk-input-large-height;
   padding-right: bpk-spacing-base();
   padding-left: bpk-spacing-base();
+  border-radius: $bpk-input-large-border-radius;
 
   &.bpk-input--valid,
   &.bpk-input--invalid,
@@ -402,6 +403,7 @@
   height: $bpk-input-large-height;
   padding: bpk-spacing-md() bpk-spacing-base();
   padding-right: bpk-spacing-xxl();
+  border-radius: $bpk-select-large-border-radius;
   background: $bpk-surface-default-day
     url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjMTYxNjE2ICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTE2LjUzNyA4LjI1SDcuNDYzYTEuMzU4IDEuMzU4IDAgMCAwLTEuMTEgMi4yNTFsNC4zNTQgNC43N2ExLjUzIDEuNTMgMCAwIDAgMi4xODQuMDRsNC43MTgtNC43N2ExLjM1NyAxLjM1NyAwIDAgMC0xLjA3Mi0yLjI5MXoiLz48L3N2Zz4=')
     no-repeat right bpk-spacing-base() center;
@@ -1049,6 +1051,7 @@
   min-height: 6 * bpk-spacing-base();
   padding-right: bpk-spacing-base();
   padding-left: bpk-spacing-base();
+  border-radius: $bpk-input-large-border-radius;
 
   &.bpk-textarea--invalid {
     padding-right: bpk-spacing-xxl();

diff --git a/packages/package-lock.json b/packages/package-lock.json
diff --git a/packages/package.json b/packages/package.json
@@ -27,7 +27,7 @@
     "@radix-ui/react-compose-refs": "^1.1.0",
     "@radix-ui/react-slider": "^1.1.2",
     "@react-google-maps/api": "^2.19.3",
-    "@skyscanner/bpk-foundations-web": "^18.1.0",
+    "@skyscanner/bpk-foundations-web": "^19.1.0",
     "@skyscanner/bpk-svgs": "^20.0.0",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",