Changed color primary button to text-primary-text

rapidez · Oct 1, 2024 · b31dfd5 · b31dfd5
1 parent 6733751
commit b31dfd5
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -39,12 +39,17 @@ composer require rapidez/blade-components
 And make sure these colors are present in your Tailwind config:
 ```js
 colors: {
-    primary: '#2FBC85',
-    neutral: '#334155',
-    inactive: '#64748B',
-    border: '#E7EBEF',
-    disabled: '#EBE8DE',
-    enhanced: '#36B422'
+    colors: {
+        primary: {
+            DEFAULT: '#2FBC85',
+            text: '#FFFFFF',
+        },
+        neutral: '#334155',
+        inactive: '#64748B',
+        border: '#E7EBEF',
+        disabled: '#EBE8DE',
+        enhanced: '#36B422'
+    }
 }
 ```
 

diff --git a/resources/views/components-preview.blade.php b/resources/views/components-preview.blade.php
@@ -12,7 +12,10 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2FBC85',
+                        primary: {
+                            DEFAULT: '#2FBC85',
+                            text: '#FFFFFF',
+                        },
                         neutral: '#334155',
                         inactive: '#64748B',
                         border: '#E7EBEF',

diff --git a/resources/views/components/button/primary.blade.php b/resources/views/components/button/primary.blade.php
@@ -6,6 +6,6 @@
 <x-rapidez::button.primary>Something</x-rapidez::button.primary>
 ```
 --}}
-<x-rapidez::button {{ $attributes->twMerge('bg-primary text-white border-b border-black/15') }}>
+<x-rapidez::button {{ $attributes->twMerge('bg-primary text-primary-text border-b border-black/15') }}>
     {{ $slot }}
 </x-rapidez::button>
diff --git a/resources/views/components/button/slider.blade.php b/resources/views/components/button/slider.blade.php
@@ -6,6 +6,6 @@
 <x-rapidez::button.slider>Icon</x-rapidez::button.slider>
 ```
 --}}
-<x-rapidez::button {{ $attributes->twMerge('inline-flex bg-white p-0 rounded-full size-14 items-center justify-center shadow bg-white text-neutral border') }}>
+<x-rapidez::button {{ $attributes->twMerge('inline-flex bg-white p-0 rounded-full size-14 items-center justify-center shadow text-neutral border') }}>
     {{ $slot }}
 </x-rapidez::button>