refactor: shape components (#529)

Author: alexbarnsley

resources/views/shapes/line.blade.php

@@ -1,13 +1,15 @@
 @props([
-    'colorClass'   => 'bg-theme-secondary-200 dark:bg-theme-secondary-900',
-    'sizeClass'    => 'w-full h-3',
-    'roundedClass' => 'rounded-xl',
+    'colorClass'   => 'bg-theme-secondary-200 dark:bg-theme-secondary-800',
+    'sizeClass'    => 'w-full h-5',
+    'roundedClass' => 'rounded',
+    'pulse'        => false,
 ])
 
 <div>
-    <div @class([
+    <div {{ $attributes->class([
         $colorClass,
         $sizeClass,
         $roundedClass,
-    ])></div>
+        'animate-pulse' => $pulse,
+    ]) }}></div>
 </div>

resources/views/shapes/square.blade.php

@@ -1,13 +1,17 @@
 @props([
-    'colorClass'   => 'bg-theme-secondary-200 dark:bg-theme-secondary-900',
+    'colorClass'   => 'bg-theme-secondary-200 dark:bg-theme-secondary-800',
     'sizeClass'    => 'w-20 h-20',
-    'roundedClass' => 'rounded-xl',
+    'roundedClass' => 'rounded',
+    'pulse'        => false,
 ])
 
 <div>
-    <div @class([
+    <div {{ $attributes->class([
         $colorClass,
         $sizeClass,
         $roundedClass,
-    ])></div>
+        'animate-pulse' => $pulse,
+    ]) }}>
+        {{ $slot }}
+    </div>
 </div>