update card component to use new grid

giriawu · Sep 27, 2021 · 32fbcfa · 32fbcfa
1 parent 48c51f4
commit 32fbcfa
Show file tree

Hide file tree

Showing 35 changed files with 41 additions and 36 deletions.
diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -2,3 +2,8 @@
 
 - bpk-component-image:
   - Fixed some incorrect Flow types that were causing errors to be incorrectly raised.
+
+**Breaking:**
+
+- bpk-component-card:
+  - Updated the card component to use the new spacing grid.
diff --git a/packages/bpk-animate-height/package.json b/packages/bpk-animate-height/package.json
@@ -20,7 +20,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-button": "^5.0.10"
   }
 }
diff --git a/packages/bpk-component-accordion/package.json b/packages/bpk-component-accordion/package.json
@@ -25,7 +25,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-checkbox": "^3.0.13"
   }
 }
diff --git a/packages/bpk-component-badge/package.json b/packages/bpk-component-badge/package.json
@@ -22,7 +22,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-icon": "^9.0.13",
     "bpk-storybook-utils": "^1.0.11"
   }

diff --git a/packages/bpk-component-banner-alert/package.json b/packages/bpk-component-banner-alert/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-animate-height": "^4.0.11",
     "bpk-component-close-button": "^3.0.13",
     "bpk-component-icon": "^9.0.13",

diff --git a/packages/bpk-component-barchart/package.json b/packages/bpk-component-barchart/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-mobile-scroll-container": "^3.0.12",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",

diff --git a/packages/bpk-component-breakpoint/package.json b/packages/bpk-component-breakpoint/package.json
@@ -23,6 +23,6 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0"
+    "@skyscanner/bpk-foundations-web": "^3.0.0"
   }
 }
diff --git a/packages/bpk-component-calendar/package.json b/packages/bpk-component-calendar/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-aria-live": "^2.0.21",
     "bpk-component-icon": "^9.0.13",
     "bpk-component-select": "^5.0.6",

diff --git a/packages/bpk-component-card/src/BpkCard.module.css b/packages/bpk-component-card/src/BpkCard.module.css
@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-card{position:relative;display:block;background-color:#fff;color:#111236;text-decoration:none;cursor:pointer;box-shadow:0px 1px 3px 0px rgba(37,32,31,0.3);border-radius:.75rem}.bpk-no-touch-support .bpk-card:hover:not(:active):not(:disabled)::after{opacity:1}:global(.bpk-no-touch-support) .bpk-card:hover:not(:active):not(:disabled)::after{opacity:1}.bpk-card::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';transition:opacity 200ms ease-in-out;opacity:0;pointer-events:none;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25);border-radius:.75rem}@media screen\0 {.bpk-card::after{z-index:-1}}.bpk-card:active::after{box-shadow:none}.bpk-card--padded{padding:.75rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-card{position:relative;display:block;background-color:#fff;color:#111236;text-decoration:none;cursor:pointer;box-shadow:0px 1px 3px 0px rgba(37,32,31,0.3);border-radius:.75rem}.bpk-no-touch-support .bpk-card:hover:not(:active):not(:disabled)::after{opacity:1}:global(.bpk-no-touch-support) .bpk-card:hover:not(:active):not(:disabled)::after{opacity:1}.bpk-card::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';transition:opacity 200ms ease-in-out;opacity:0;pointer-events:none;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25);border-radius:.75rem}@media screen\0 {.bpk-card::after{z-index:-1}}.bpk-card:active::after{box-shadow:none}.bpk-card--padded{padding:1rem}
diff --git a/packages/bpk-component-checkbox/package.json b/packages/bpk-component-checkbox/package.json
@@ -23,7 +23,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-storybook-utils": "^1.0.11"
   }
 }
diff --git a/packages/bpk-component-datatable/package.json b/packages/bpk-component-datatable/package.json
@@ -25,6 +25,6 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0"
+    "@skyscanner/bpk-foundations-web": "^3.0.0"
   }
 }
diff --git a/packages/bpk-component-datepicker/package.json b/packages/bpk-component-datepicker/package.json
@@ -27,7 +27,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-storybook-utils": "^1.0.11"
   }
 }
diff --git a/packages/bpk-component-drawer/package.json b/packages/bpk-component-drawer/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-close-button": "^3.0.13",
     "bpk-component-icon": "^9.0.13",
     "bpk-component-link": "^3.0.11",

diff --git a/packages/bpk-component-form-validation/package.json b/packages/bpk-component-form-validation/package.json
@@ -23,7 +23,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-button": "^5.0.10",
     "bpk-component-checkbox": "^3.0.13",
     "bpk-component-icon": "^9.0.13",

diff --git a/packages/bpk-component-horizontal-nav/package.json b/packages/bpk-component-horizontal-nav/package.json
@@ -23,7 +23,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-text": "^4.0.13",
     "bpk-storybook-utils": "^1.0.11"
   }

diff --git a/packages/bpk-component-icon/package.json b/packages/bpk-component-icon/package.json
@@ -17,8 +17,8 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
-    "@skyscanner/bpk-svgs": "^14.0.4",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
+    "@skyscanner/bpk-svgs": "^14.0.6",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",
     "prop-types": "^15.7.2"

diff --git a/packages/bpk-component-image/package.json b/packages/bpk-component-image/package.json
@@ -24,7 +24,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-mobile-scroll-container": "^3.0.12",
     "bpk-component-text": "^4.0.13"
   }

diff --git a/packages/bpk-component-link/package.json b/packages/bpk-component-link/package.json
@@ -22,7 +22,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-storybook-utils": "^1.0.11"
   }
 }
diff --git a/packages/bpk-component-mobile-scroll-container/package.json b/packages/bpk-component-mobile-scroll-container/package.json
@@ -23,6 +23,6 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0"
+    "@skyscanner/bpk-foundations-web": "^3.0.0"
   }
 }
diff --git a/packages/bpk-component-navigation-bar/package.json b/packages/bpk-component-navigation-bar/package.json
@@ -25,7 +25,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-icon": "^9.0.13",
     "bpk-storybook-utils": "^1.0.11"
   }

diff --git a/packages/bpk-component-navigation-stack/package.json b/packages/bpk-component-navigation-stack/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",
     "prop-types": "^15.7.2",

diff --git a/packages/bpk-component-nudger/package.json b/packages/bpk-component-nudger/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-button": "^5.0.10",
     "bpk-component-icon": "^9.0.13",
     "bpk-mixins": "^23.0.1",

diff --git a/packages/bpk-component-phone-input/package.json b/packages/bpk-component-phone-input/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-input": "^6.0.20",
     "bpk-component-label": "^5.0.11",
     "bpk-component-select": "^5.0.6",

diff --git a/packages/bpk-component-progress/package.json b/packages/bpk-component-progress/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",
     "lodash.clamp": "^4.0.3",

diff --git a/packages/bpk-component-radio/package.json b/packages/bpk-component-radio/package.json
@@ -22,7 +22,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-storybook-utils": "^1.0.11"
   }
 }
diff --git a/packages/bpk-component-rating/package.json b/packages/bpk-component-rating/package.json
@@ -23,7 +23,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-text": "^4.0.13"
   }
 }
diff --git a/packages/bpk-component-scrollable-calendar/package.json b/packages/bpk-component-scrollable-calendar/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-calendar": "^9.0.19",
     "bpk-component-text": "^4.0.13",
     "bpk-mixins": "^23.0.1",

diff --git a/packages/bpk-component-section-list/package.json b/packages/bpk-component-section-list/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-icon": "^9.0.13",
     "bpk-component-text": "^4.0.13",
     "bpk-mixins": "^23.0.1",

diff --git a/packages/bpk-component-slider/package.json b/packages/bpk-component-slider/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",
     "prop-types": "^15.7.2",

diff --git a/packages/bpk-component-spinner/package.json b/packages/bpk-component-spinner/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-svgs": "^14.0.4",
+    "@skyscanner/bpk-svgs": "^14.0.6",
     "bpk-mixins": "^23.0.1",
     "bpk-react-utils": "^4.0.1",
     "prop-types": "^15.7.2"

diff --git a/packages/bpk-component-theme-toggle/package.json b/packages/bpk-component-theme-toggle/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-label": "^5.0.11",
     "bpk-component-select": "^5.0.6",
     "bpk-mixins": "^23.0.1",

diff --git a/packages/bpk-component-tooltip/package.json b/packages/bpk-component-tooltip/package.json
@@ -23,7 +23,7 @@
     "react": "^16.3.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-component-text": "^4.0.13"
   }
 }
diff --git a/packages/bpk-mixins/package.json b/packages/bpk-mixins/package.json
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
-    "@skyscanner/bpk-svgs": "^14.0.4"
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
+    "@skyscanner/bpk-svgs": "^14.0.6"
   },
   "peerDependencies": {
     "node-sass": "^4.12.0"

diff --git a/packages/bpk-stylesheets/package.json b/packages/bpk-stylesheets/package.json
@@ -17,7 +17,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "bpk-mixins": "^23.0.1",
     "normalize.css": "4.2.0"
   }

diff --git a/packages/bpk-theming/package.json b/packages/bpk-theming/package.json
@@ -14,7 +14,7 @@
   },
   "gitHead": "c2217d61875a1f3aa2bb9ed9583c50e3f1523501",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^2.1.0",
+    "@skyscanner/bpk-foundations-web": "^3.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {