From 1d9e7164f2ebeff6b793af4e5a7c9934c59e1c99 Mon Sep 17 00:00:00 2001
From: Aurora Scharff <aurora.sofie@gmail.com>
Date: Mon, 9 Sep 2024 19:44:01 +0200
Subject: [PATCH] Update

---
 packages/css/src/tile/README.md     | 2 +-
 packages/css/src/tile/tile.css      | 9 ++-------
 packages/react/src/tiles/MdTile.tsx | 3 ---
 3 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/packages/css/src/tile/README.md b/packages/css/src/tile/README.md
index 1e43d850..2ca6bca8 100644
--- a/packages/css/src/tile/README.md
+++ b/packages/css/src/tile/README.md
@@ -9,7 +9,7 @@ See [Storybook](https://miljodir.github.io/md-components) for examples and more
 ## Tile horizontal
 
 ```html
-<a className="md-tile [md-tile--secondary, md-tile--fullWidth]" href="{href}" onClick="{handleClick}">
+<a className="md-tile [md-tile--secondary]" href="{href}" onClick="{handleClick}">
   <div className="md-tile__content">
     <div className="md-tile__content-icon">{icon}</div>
     <div className="md-tile__content-text">
diff --git a/packages/css/src/tile/tile.css b/packages/css/src/tile/tile.css
index c30d064c..13b8821f 100644
--- a/packages/css/src/tile/tile.css
+++ b/packages/css/src/tile/tile.css
@@ -11,17 +11,12 @@
   font-family: 'Open sans';
   box-sizing: border-box;
   gap: 1.5em;
-  height: 100%;
-  width: 100%;
   text-align: start;
-  min-width: 340px;
+  width: 440px;
+  max-width: 100%;
   transition: all 0.15s ease-in-out;
 }
 
-.md-tile:not(.md-tile--fullWidth) {
-  max-width: 440px;
-}
-
 .md-tile--secondary {
   background-color: var(--mdSecondaryColor40);
 }
diff --git a/packages/react/src/tiles/MdTile.tsx b/packages/react/src/tiles/MdTile.tsx
index bf9ac802..a4e7459e 100644
--- a/packages/react/src/tiles/MdTile.tsx
+++ b/packages/react/src/tiles/MdTile.tsx
@@ -8,7 +8,6 @@ export type MdTileProps = {
   href?: string;
   theme?: string;
   disabled?: boolean;
-  fullWidth?: boolean;
   icon?: React.ReactNode;
   preventDefault?: boolean;
   onClick?(_e: React.MouseEvent): void;
@@ -22,7 +21,6 @@ const MdTile: React.FC<MdTileProps> = ({
   theme,
   disabled = false,
   icon = null,
-  fullWidth = false,
   preventDefault = false,
   onClick,
   ...otherProps
@@ -32,7 +30,6 @@ const MdTile: React.FC<MdTileProps> = ({
     {
       'md-tile--disabled': !!disabled,
       'md-tile--secondary': theme && theme === 'secondary',
-      'md-tile--fullWidth': fullWidth,
     },
     otherProps.className,
   );