From 70b1ba6bbf60732480926a866564ae32a57006c9 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 6 Mar 2024 16:14:52 +0100
Subject: [PATCH 1/2] - Add wide drop in mobile removable max width in mobile

---
 apps/pink/src/pages/elements/input-field.mdx | 8 ++++----
 packages/ui/src/_9-utilities.scss            | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/pink/src/pages/elements/input-field.mdx b/apps/pink/src/pages/elements/input-field.mdx
index b2656ddb44..742b538992 100644
--- a/apps/pink/src/pages/elements/input-field.mdx
+++ b/apps/pink/src/pages/elements/input-field.mdx
@@ -266,7 +266,7 @@ Dropdown is made with ```drop-list```. To hide items use the ```u-hide``` class.
                         </div>
                     </button>
 
-                    <div class="drop is-block-end is-no-arrow">
+                    <div class="drop is-block-end is-no-arrow u-max-width-none">
                         <section class="drop-section">
                             <ul class="drop-list">
                                 <li class="drop-list-item">
@@ -316,7 +316,7 @@ Dropdown is made with ```drop-list```. To hide items use the ```u-hide``` class.
 
                     </div>
 
-                    <div class="drop is-block-end is-no-arrow">
+                    <div class="drop is-block-end is-no-arrow u-max-width-none">
                         <section class="drop-section">
                             <ul class="drop-list">
                                 <li class="drop-list-item">
@@ -361,7 +361,7 @@ Dropdown is made with ```drop-list```. To hide items use the ```u-hide``` class.
 
                     </div>
 
-                    <div class="drop is-block-end is-no-arrow">
+                    <div class="drop is-block-end is-no-arrow u-max-width-none">
                         <section class="drop-section">
                             <ul class="drop-list">
                                 <li class="drop-list-item">
@@ -410,7 +410,7 @@ Dropdown is made with ```drop-list```. To hide items use the ```u-hide``` class.
                         </div>
                     </div>
 
-                    <div class="drop is-block-end is-no-arrow">
+                    <div class="drop is-block-end is-no-arrow u-max-width-none">
                         <section class="drop-section">
 
                             <div class="u-flex u-flex-vertical u-cross-center">
diff --git a/packages/ui/src/_9-utilities.scss b/packages/ui/src/_9-utilities.scss
index 8db7cd2f17..c74b8f3ad8 100644
--- a/packages/ui/src/_9-utilities.scss
+++ b/packages/ui/src/_9-utilities.scss
@@ -204,6 +204,7 @@
 .u-max-width-650    { max-inline-size:pxToRem(650)!important; }
 .u-max-width-700    { max-inline-size:pxToRem(700)!important; }
 .u-max-width-100-percent { max-inline-size:100%!important; }
+.u-max-width-none   {     max-inline-size:none!important; }
 
 .u-height-100-percent { block-size:100%!important; }
 .u-height-800         { block-size:pxToRem(800)!important; }

From 98aadac966b23f265ec23f91451a63b2b330871c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 6 Mar 2024 16:22:59 +0100
Subject: [PATCH 2/2] chore: bump

---
 .changeset/famous-parrots-greet.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/famous-parrots-greet.md

diff --git a/.changeset/famous-parrots-greet.md b/.changeset/famous-parrots-greet.md
new file mode 100644
index 0000000000..3d0f96b882
--- /dev/null
+++ b/.changeset/famous-parrots-greet.md
@@ -0,0 +1,6 @@
+---
+"@appwrite.io/pink-icons": minor
+"@appwrite.io/pink": minor
+---
+
+Add utility class to remove max width