fix typo

.github/workflows/php.yml

@@ -58,7 +58,7 @@ jobs:
           cd app
           rm composer.json
           mv composer-l10.json composer.json
-        if: "matrix.laravel == '9'"
+        if: "matrix.laravel == '10'"
 
       - name: Prepare demo app
         run: |

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Reynaldo
+Copyright (c) 2024 Reyptr27
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

js/Components/ButtonWithDropdown.vue

@@ -110,7 +110,7 @@ const fallbackTheme = {
     button: {
         base: "w-full border rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2",
         color: {
-            primary: "bg-white text-gray-700 hover:bg-gray-50 border-gray-300 focus:ring-indigo-500",
+            primary: "bg-white text-gray-700 hover:bg-gray-50 border-gray-300 focus:ring-indigo-500"
         },
     },
 };

js/Components/Pagination.vue

@@ -76,7 +76,7 @@ const fallbackTheme = {
     select: {
         base: "block min-w-max shadow-sm text-sm rounded-md",
         color: {
-            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500",
+            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500"
         },
     },
 };

js/Components/PerPageSelector.vue

@@ -76,7 +76,7 @@ const fallbackTheme = {
     select: {
         base: "block min-w-max shadow-sm text-sm rounded-md",
         color: {
-            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500",
+            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500"
         },
     },
 };

js/Components/TableFilter.vue

@@ -67,7 +67,7 @@ const fallbackTheme = {
     input: {
         base: "block w-full pl-9 text-sm rounded-md shadow-sm",
         color: {
-            primary: "focus:ring-indigo-500 focus:border-indigo-500 border-gray-300",
+            primary: "focus:ring-indigo-500 focus:border-indigo-500 border-gray-300"
         },
     },
 };

js/Components/TableFilters/NumberRangeFilter.vue

@@ -222,35 +222,35 @@ export default {
             main_bar: {
                 base: "h-2 rounded-full",
                 color: {
-                    primary: "bg-gray-200",
+                    primary: "bg-gray-200"
                 },
             },
             selected_bar: {
                 base: "h-2 rounded-full",
                 color: {
-                    primary: "bg-indigo-600",
+                    primary: "bg-indigo-600"
                 },
             },
             button: {
                 base: "h-4 w-4 rounded-full shadow border",
                 color: {
-                    primary: "bg-white border-gray-300",
+                    primary: "bg-white border-gray-300"
                 },
             },
             popover: {
                 base: "truncate text-xs rounded py-1 px-4",
                 color: {
-                    primary: "bg-gray-600 text-white",
+                    primary: "bg-gray-600 text-white"
                 },
             },
             popover_arrow: {
                 color: {
-                    primary: "text-gray-600",
+                    primary: "text-gray-600"
                 },
             },
             text: {
                 color: {
-                    primary: "text-gray-700",
+                    primary: "text-gray-700"
                 },
             },
         };

js/Components/TableFilters/ToggleFilter.vue

@@ -69,13 +69,13 @@ const fallbackTheme = {
         base: "w-11 h-6 rounded-full after:border after:rounded-full after:h-5 after:w-5",
         color: {
             primary: "after:bg-white after:border-white peer-checked:bg-indigo-500 bg-red-500",
-            disabled: "after:bg-white after:border-white bg-gray-200",
+            disabled: "after:bg-white after:border-white bg-gray-200"
         },
     },
     reset_button: {
         base: "rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2",
         color: {
-            primary: "text-gray-400 hover:text-gray-500 focus:ring-indigo-500",
+            primary: "text-gray-400 hover:text-gray-500 focus:ring-indigo-500"
         },
     },
 };

js/Components/TableGlobalSearch.vue

@@ -67,7 +67,7 @@ const fallbackTheme = {
     input: {
         base: "form-input block w-full pl-9 text-sm rounded-md shadow-sm",
         color: {
-            primary: "focus:ring-indigo-500 focus:border-indigo-500 border-gray-300",
+            primary: "focus:ring-indigo-500 focus:border-indigo-500 border-gray-300"
         },
     },
 };

js/Components/TableReset.vue

@@ -54,7 +54,7 @@ const fallbackTheme = {
     button: {
         base: "w-full border rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2",
         color: {
-            primary: "bg-white text-gray-700 hover:bg-gray-50 border-gray-300 focus:ring-indigo-500",
+            primary: "bg-white text-gray-700 hover:bg-gray-50 border-gray-300 focus:ring-indigo-500"
         },
     },
 };

js/Components/TableSearchRows.vue

@@ -132,13 +132,13 @@ const fallbackTheme = {
     input: {
         base: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md text-sm",
         color: {
-            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500",
+            primary: "border-gray-300 focus:ring-indigo-500 focus:border-indigo-500"
         },
     },
     remove_button: {
         base: "rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2",
         color: {
-            primary: "text-gray-400 hover:text-gray-500 focus:ring-indigo-500",
+            primary: "text-gray-400 hover:text-gray-500 focus:ring-indigo-500"
         },
     },
 };