Merge pull request #891 from helsingborg-stad/chore/remove-button-bac…

…kground

chore: remove background params from button

views/pages/components/usage/button.blade.php

@@ -4,7 +4,6 @@
         'href' => 'www.test.com',
         'text' => 'Button',
         'icon' => ['name' => 'close'],
-        'background' => 'secondary'
         'size' => 'lg',
         'reverseIcon' => false,
         'floating' => ['animate' => true, 'hover' => true]
@@ -17,8 +16,7 @@
     [
         'isIconButton' =>  true,
         'icon' => ['name' => 'close', 'color' => 'black', 'size' => 'md'],
-        'floating' => ['animate' => true, 'hover' => true],
-        'background' => false
+        'floating' => ['animate' => true, 'hover' => true]
     ]
 )
 @endbutton

views/pages/components/usage/button/background.blade.php

@@ -1,20 +1,17 @@
 @button([
-    'background' => 'primary',
     'text' => 'Primary bg',
     'color' => 'white'
 ])
 @endbutton
 
 @button([
-    'background' => 'secondary',
     'text' => 'Secondary bg',
     'color' => 'white'
 
 ])
 @endbutton
 
 @button([
-    'background' => 'default',
     'text' => 'Default bg'
 ])
 @endbutton

views/pages/components/usage/button/floating.blade.php

@@ -1,20 +1,17 @@
 @button([
     'floating' => ['animate' => true, 'hover' => true],
     'text' => 'Animate + hover',
-    'background' => 'default'
 ])
 @endbutton
 
 @button([
     'floating' => ['animate' => false, 'hover' => true],
     'text' => 'Only hover',
-    'background' => 'default'
 ])
 @endbutton
 
 @button([
     'floating' => ['animate' => false, 'hover' => false],
     'text' => 'No hover or animate',
-    'background' => 'default'
 ])
 @endbutton

views/pages/components/usage/button/iconHoverColor.blade.php

@@ -1,7 +1,6 @@
 @button([
     'isIconButton' =>  true,
     'icon' => ['name' => 'close', 'color' => 'black', 'size' => 'lg'],
-    'background' => false,
     'hover' => ['color' => 'default']
 ])
 @endbutton
@@ -16,7 +15,6 @@
 @button([
     'isIconButton' =>  true,
     'icon' => ['name' => 'close', 'color' => 'black', 'size' => 'lg'],
-    'background' => false,
     'hover' => ['color' => 'secondary']
 ])
 @endbutton

views/pages/components/usage/button/size.blade.php

@@ -1,23 +1,20 @@
 @button([
 'color' => 'secondary',
 'size' => 'sm',
-'text' => 'Size sm',
-'background' => 'default'
+'text' => 'Size sm'
 ])
 @endbutton
 
 @button([
 'color' => 'secondary',
 'size' => 'md',
-'text' => 'Size md',
-'background' => 'default'
+'text' => 'Size md'
 ])
 @endbutton
 
 @button([
 'color' => 'secondary',
 'size' => 'lg',
-'text' => 'Size lg',
-'background' => 'default'
+'text' => 'Size lg'
 ])
 @endbutton

views/pages/components/usage/button/sizewithicon.blade.php

@@ -2,7 +2,6 @@
 'color' => 'secondary',
 'size' => 'sm',
 'text' => 'Size sm',
-'background' => 'default',
 'icon' => 'home',
 'reversePositions' => 'true'
 ])
@@ -12,7 +11,6 @@
 'color' => 'secondary',
 'size' => 'md',
 'text' => 'Size md',
-'background' => 'default',
 'icon' => 'home',
 'reversePositions' => 'true'
 ])
@@ -22,7 +20,6 @@
 'color' => 'secondary',
 'size' => 'lg',
 'text' => 'Size lg',
-'background' => 'default',
 'icon' => 'home',
 'reversePositions' => 'true'
 ])

views/pages/components/usage/fab.blade.php

@@ -26,7 +26,6 @@
 ])
 
     @button([
-        'background' => 'primary',
         'text' => 'Primary bg',
         'color' => 'white'
     ])

views/pages/components/usage/group/alignContent.blade.php

@@ -9,16 +9,14 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'start',
-        'background' => 'default'
+        'text' => 'start'
     ])
     @endbutton
 
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'start',
-        'background' => 'default'
+        'text' => 'start'
     ])
     @endbutton
 
@@ -35,16 +33,14 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'center',
-        'background' => 'default'
+        'text' => 'center'
     ])
     @endbutton
 
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'center',
-        'background' => 'default'
+        'text' => 'center'
     ])
     @endbutton
 
@@ -61,16 +57,14 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'end',
-        'background' => 'default'
+        'text' => 'end'
     ])
     @endbutton
 
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'end',
-        'background' => 'default'
+        'text' => 'end'
     ])
     @endbutton
 

views/pages/components/usage/group/alignItems.blade.php

@@ -5,8 +5,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'start',
-        'background' => 'default'
+        'text' => 'start'
     ])
     @endbutton
     <div style="height:200px; width:100%; background-color: #e5e5e5;">
@@ -20,8 +19,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'center',
-        'background' => 'default'
+        'text' => 'center'
     ])
     @endbutton
      <div style="height:200px; width:100%; background-color: #e5e5e5;">
@@ -37,8 +35,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'end',
-        'background' => 'default'
+        'text' => 'end'
     ])
     @endbutton
     <div style="height:200px; width:100%; background-color: #e5e5e5;">

views/pages/components/usage/group/flex.blade.php

@@ -8,16 +8,14 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'flex',
-        'background' => 'default'
+        'text' => 'flex'
     ])
     @endbutton
 
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'flex',
-        'background' => 'default'
+        'text' => 'flex'
     ])
     @endbutton
 
@@ -33,16 +31,14 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'inline-flex',
-        'background' => 'default'
+        'text' => 'inline-flex'
     ])
     @endbutton
 
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'inline-flex',
-        'background' => 'default'
+        'text' => 'inline-flex'
     ])
     @endbutton
 

views/pages/components/usage/group/flexGrow.blade.php

@@ -6,8 +6,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'flex-grow',
-        'background' => 'default'
+        'text' => 'flex-grow'
     ])
     @endbutton
 @endgroup
@@ -20,8 +19,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'no flex-grow',
-        'background' => 'default'
+        'text' => 'no flex-grow'
     ])
     @endbutton
 @endgroup

views/pages/components/usage/group/flexShrink.blade.php

@@ -5,8 +5,7 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'flex shrink',
-        'background' => 'default'
+        'text' => 'flex shrink'
     ])
     @endbutton
 @endgroup
@@ -20,7 +19,6 @@
         'color' => 'primary',
         'size' => 'md',
         'text' => 'no flex-shrink',
-        'background' => 'default',
         'attributeList' => [
             'style' => 'width:300px;max-width:unset;'
         ]

views/pages/components/usage/group/horizontal.blade.php

@@ -2,15 +2,13 @@
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'Search',
-        'background' => 'default'
+        'text' => 'Search'
     ])
     @endbutton    
     @button([
         'color' => 'primary',
         'size' => 'md',
-        'text' => 'Search',
-        'background' => 'default'
+        'text' => 'Search'
     ])
     @endbutton