From 997690184a90536a1df6cc2f1104d7ea7ceeefc4 Mon Sep 17 00:00:00 2001
From: RhysLees <43909932+RhysLees@users.noreply.github.com>
Date: Thu, 9 Dec 2021 22:12:37 +0000
Subject: [PATCH 1/4] Changed purge to content

---
 stubs/inertia/tailwind.config.js  | 2 +-
 stubs/livewire/tailwind.config.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/stubs/inertia/tailwind.config.js b/stubs/inertia/tailwind.config.js
index 3662390f9..f23934eab 100644
--- a/stubs/inertia/tailwind.config.js
+++ b/stubs/inertia/tailwind.config.js
@@ -2,7 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
     mode: 'jit',
-    purge: [
+    content: [
         './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
         './vendor/laravel/jetstream/**/*.blade.php',
         './storage/framework/views/*.php',
diff --git a/stubs/livewire/tailwind.config.js b/stubs/livewire/tailwind.config.js
index 0fb45b317..d595d29d2 100644
--- a/stubs/livewire/tailwind.config.js
+++ b/stubs/livewire/tailwind.config.js
@@ -2,7 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
     mode: 'jit',
-    purge: [
+    content: [
         './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
         './vendor/laravel/jetstream/**/*.blade.php',
         './storage/framework/views/*.php',

From 3ecd534fd1d272ba098f797befaf60c791d4415b Mon Sep 17 00:00:00 2001
From: RhysLees <43909932+RhysLees@users.noreply.github.com>
Date: Thu, 9 Dec 2021 22:17:21 +0000
Subject: [PATCH 2/4] Changes flex-shrink to shrink

---
 resources/views/components/banner.blade.php                | 2 +-
 resources/views/components/confirmation-modal.blade.php    | 2 +-
 stubs/inertia/resources/js/Jetstream/Banner.vue            | 2 +-
 stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue | 2 +-
 stubs/inertia/resources/js/Layouts/AppLayout.vue           | 4 ++--
 stubs/livewire/resources/views/navigation-menu.blade.php   | 4 ++--
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/components/banner.blade.php b/resources/views/components/banner.blade.php
index 8331ff18c..74f53bc1f 100644
--- a/resources/views/components/banner.blade.php
+++ b/resources/views/components/banner.blade.php
@@ -29,7 +29,7 @@
                 <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p>
             </div>
 
-            <div class="flex-shrink-0 sm:ml-3">
+            <div class="shrink-0 sm:ml-3">
                 <button
                     type="button"
                     class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition"
diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/confirmation-modal.blade.php
index f8fb9ad13..039d493bd 100644
--- a/resources/views/components/confirmation-modal.blade.php
+++ b/resources/views/components/confirmation-modal.blade.php
@@ -3,7 +3,7 @@
 <x-jet-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
     <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
         <div class="sm:flex sm:items-start">
-            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
+            <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                 <svg class="h-6 w-6 text-red-600" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                 </svg>
diff --git a/stubs/inertia/resources/js/Jetstream/Banner.vue b/stubs/inertia/resources/js/Jetstream/Banner.vue
index 937e000aa..4e82ce20d 100644
--- a/stubs/inertia/resources/js/Jetstream/Banner.vue
+++ b/stubs/inertia/resources/js/Jetstream/Banner.vue
@@ -19,7 +19,7 @@
                         </p>
                     </div>
 
-                    <div class="flex-shrink-0 sm:ml-3">
+                    <div class="shrink-0 sm:ml-3">
                         <button
                             type="button"
                             class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition"
diff --git a/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue b/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
index fb4b00a69..2e18af44c 100644
--- a/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
+++ b/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
@@ -2,7 +2,7 @@
     <modal :show="show" :max-width="maxWidth" :closeable="closeable" @close="close">
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
             <div class="sm:flex sm:items-start">
-                <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
+                <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                     <svg class="h-6 w-6 text-red-600" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                     </svg>
diff --git a/stubs/inertia/resources/js/Layouts/AppLayout.vue b/stubs/inertia/resources/js/Layouts/AppLayout.vue
index d64e73b0a..1d3494463 100644
--- a/stubs/inertia/resources/js/Layouts/AppLayout.vue
+++ b/stubs/inertia/resources/js/Layouts/AppLayout.vue
@@ -11,7 +11,7 @@
                     <div class="flex justify-between h-16">
                         <div class="flex">
                             <!-- Logo -->
-                            <div class="flex-shrink-0 flex items-center">
+                            <div class="shrink-0 flex items-center">
                                 <Link :href="route('dashboard')">
                                     <jet-application-mark class="block h-9 w-auto" />
                                 </Link>
@@ -150,7 +150,7 @@
                     <!-- Responsive Settings Options -->
                     <div class="pt-4 pb-1 border-t border-gray-200">
                         <div class="flex items-center px-4">
-                            <div v-if="$page.props.jetstream.managesProfilePhotos" class="flex-shrink-0 mr-3" >
+                            <div v-if="$page.props.jetstream.managesProfilePhotos" class="shrink-0 mr-3" >
                                 <img class="h-10 w-10 rounded-full object-cover" :src="$page.props.user.profile_photo_url" :alt="$page.props.user.name" />
                             </div>
 
diff --git a/stubs/livewire/resources/views/navigation-menu.blade.php b/stubs/livewire/resources/views/navigation-menu.blade.php
index c066aa516..cac9bee1f 100644
--- a/stubs/livewire/resources/views/navigation-menu.blade.php
+++ b/stubs/livewire/resources/views/navigation-menu.blade.php
@@ -4,7 +4,7 @@
         <div class="flex justify-between h-16">
             <div class="flex">
                 <!-- Logo -->
-                <div class="flex-shrink-0 flex items-center">
+                <div class="shrink-0 flex items-center">
                     <a href="{{ route('dashboard') }}">
                         <x-jet-application-mark class="block h-9 w-auto" />
                     </a>
@@ -147,7 +147,7 @@
         <div class="pt-4 pb-1 border-t border-gray-200">
             <div class="flex items-center px-4">
                 @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-                    <div class="flex-shrink-0 mr-3">
+                    <div class="shrink-0 mr-3">
                         <img class="h-10 w-10 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
                     </div>
                 @endif

From cab089ef98be373e0c5a1b9e1d2071b5ffbe7ec6 Mon Sep 17 00:00:00 2001
From: RhysLees <43909932+RhysLees@users.noreply.github.com>
Date: Thu, 9 Dec 2021 22:18:10 +0000
Subject: [PATCH 3/4] Updates Tailwind on Installation to v3.0.0

---
 src/Console/InstallCommand.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Console/InstallCommand.php b/src/Console/InstallCommand.php
index ed5643d87..810051bd7 100644
--- a/src/Console/InstallCommand.php
+++ b/src/Console/InstallCommand.php
@@ -132,11 +132,11 @@ protected function installLivewireStack()
         // NPM Packages...
         $this->updateNodePackages(function ($packages) {
             return [
-                '@tailwindcss/forms' => '^0.3.1',
-                '@tailwindcss/typography' => '^0.4.0',
+                '@tailwindcss/forms' => '^0.4.0',
+                '@tailwindcss/typography' => '^0.5.0',
                 'alpinejs' => '^3.0.6',
                 'postcss-import' => '^14.0.1',
-                'tailwindcss' => '^2.2.2',
+                'tailwindcss' => '^3.0.0',
             ] + $packages;
         });
 

From 5482bf8ae36c541ad887214e31911b7226864c95 Mon Sep 17 00:00:00 2001
From: RhysLees <43909932+RhysLees@users.noreply.github.com>
Date: Thu, 9 Dec 2021 22:53:34 +0000
Subject: [PATCH 4/4] Updated Node Packages for Inertia Stack

---
 src/Console/InstallCommand.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Console/InstallCommand.php b/src/Console/InstallCommand.php
index 810051bd7..dcc7b5179 100644
--- a/src/Console/InstallCommand.php
+++ b/src/Console/InstallCommand.php
@@ -288,10 +288,10 @@ protected function installInertiaStack()
                 '@inertiajs/inertia' => '^0.10.0',
                 '@inertiajs/inertia-vue3' => '^0.5.1',
                 '@inertiajs/progress' => '^0.2.6',
-                '@tailwindcss/forms' => '^0.2.1',
-                '@tailwindcss/typography' => '^0.3.0',
+                '@tailwindcss/forms' => '^0.4.0',
+                '@tailwindcss/typography' => '^0.5.0',
                 'postcss-import' => '^12.0.1',
-                'tailwindcss' => '^2.0.1',
+                'tailwindcss' => '^3.0.0',
                 'vue' => '^3.0.5',
                 '@vue/compiler-sfc' => '^3.0.5',
                 'vue-loader' => '^16.1.2',