From 967c4fd92f1e5775f99a911716e517a7558e1913 Mon Sep 17 00:00:00 2001
From: Simon Ward <Sybsw@users.noreply.github.com>
Date: Thu, 31 Oct 2024 11:34:07 +0000
Subject: [PATCH] =?UTF-8?q?Revert=20"Revert=20"CAPY[909]=20Remove=20min=20?=
 =?UTF-8?q?width=20&=20height=20on=20BpkDividedCard=20(#3658)=E2=80=A6"=20?=
 =?UTF-8?q?(#3660)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit af4433ce70759c82d1af4ca7c692549a9aa0fea4.
---
 examples/bpk-component-card/examples.js       | 28 ++++++++-----------
 .../src/BpkDividedCard.module.scss            | 12 --------
 2 files changed, 11 insertions(+), 29 deletions(-)

diff --git a/examples/bpk-component-card/examples.js b/examples/bpk-component-card/examples.js
index 36ee1ccabc..fc3c446ef6 100644
--- a/examples/bpk-component-card/examples.js
+++ b/examples/bpk-component-card/examples.js
@@ -110,14 +110,11 @@ const DefaultDividedCardExample = () => (
 );
 
 const VerticalDividedCardExample = () => (
-   
-  <div style={{ width: 343 }}>
-    <BpkDividedCard
-      primaryContent={longMessage}
-      secondaryContent={shortContent}
-      orientation={ORIENTATION.vertical}
-    />
-  </div>
+  <BpkDividedCard
+    primaryContent={longMessage}
+    secondaryContent={shortContent}
+    orientation={ORIENTATION.vertical}
+  />
 );
 const WithHrefDividedCardExample = () => (
   <BpkDividedCard
@@ -128,15 +125,12 @@ const WithHrefDividedCardExample = () => (
 );
 
 const NonElevatedDividedCardExample = () => (
-   
-  <div style={{ width: 343 }}>
-    <BpkDividedCard
-      primaryContent={longMessage}
-      secondaryContent={shortContent}
-      orientation={ORIENTATION.vertical}
-      isElevated={false}
-    />
-  </div>
+  <BpkDividedCard
+    primaryContent={longMessage}
+    secondaryContent={shortContent}
+    orientation={ORIENTATION.vertical}
+    isElevated={false}
+  />
 );
 
 const CardWrapperExample = () => (
diff --git a/packages/bpk-component-card/src/BpkDividedCard.module.scss b/packages/bpk-component-card/src/BpkDividedCard.module.scss
index 93beaaa2b9..f88dd39bdb 100644
--- a/packages/bpk-component-card/src/BpkDividedCard.module.scss
+++ b/packages/bpk-component-card/src/BpkDividedCard.module.scss
@@ -19,16 +19,9 @@
 @use '../../unstable__bpk-mixins/tokens';
 @use '../../unstable__bpk-mixins/utils';
 
-$min-vertical-width: 240;
-$max-vertical-width: 720;
-$min-horizontal-width: $max-vertical-width + 1;
-$min-horizontal-height: 292;
-$fixed-secondary-width: 216;
-
 .bpk-divided-card {
   &--content {
     display: flex;
-    height: 100%;
     align-items: stretch;
   }
 
@@ -38,14 +31,10 @@ $fixed-secondary-width: 216;
 
   &--vertical-container {
     display: flex;
-    min-width: tokens.$bpk-one-pixel-rem * $min-vertical-width;
-    max-width: tokens.$bpk-one-pixel-rem * $max-vertical-width;
   }
 
   &--horizontal-container {
     display: flex;
-    min-width: tokens.$bpk-one-pixel-rem * $min-horizontal-width;
-    min-height: tokens.$bpk-one-pixel-rem * $min-horizontal-height;
   }
 
   &__primary {
@@ -60,7 +49,6 @@ $fixed-secondary-width: 216;
     }
 
     &--horizontal {
-      width: tokens.$bpk-one-pixel-rem * $fixed-secondary-width;
       border-left: tokens.$bpk-input-border;
 
       @include utils.bpk-rtl {