Merge pull request #868 from helsingborg-stad/chore/removing-unused-b…

…uttonGroup-component chore: removing unused component
helsingborg-stad · Jan 8, 2024 · 73f9a75 · 73f9a75
2 parents 9441efe + a1d81a7
commit 73f9a75
Show file tree

Hide file tree

Showing 10 changed files with 56 additions and 164 deletions.
diff --git a/views/layout/script_doc.blade.php b/views/layout/script_doc.blade.php
@@ -5,19 +5,18 @@
             <div class="markup-preview">
                 {!! $slot !!}
             </div>
-
-            @buttonGroup(['borderColor' => 'default', 'classList' => ['d-code__toggle', 'c-code__toggle']])
-                @button([
-                    'text' => 'HTML',
-                    'color' => 'default',
-                    'type' => 'basic',
-                    'size' => 'md',
-                    'icon' => 'code',
-                    'toggle' => true,
-                    'attributeList' => ['js-toggle-trigger' => '0809417221', 'js-toggle-group' => '0809417221']
-                ])
-                @endbutton
-            @endbuttonGroup
+        <div class="d-code__toggle c-code__toggle">
+            @button([
+                'text' => 'HTML',
+                'color' => 'default',
+                'type' => 'basic',
+                'size' => 'md',
+                'icon' => 'code',
+                'toggle' => true,
+                'attributeList' => ['js-toggle-trigger' => '0809417221', 'js-toggle-group' => '0809417221']
+            ])
+            @endbutton
+        </div>
 
             @code(['language' => 'html', 'content' => "", 'classList' => ['d-code', 'u-display--none'], 'attributeList' => ['js-toggle-item' => '0809417221', 'js-toggle-class' => 'u-display--block', 'js-toggle-group' => '0809417221']]) 
                 {{ \HbgStyleGuide\Helper\ParseString::tidyHtml($slot)}}

diff --git a/views/pages/components/molecules/buttonGroup.blade.php b/views/pages/components/molecules/buttonGroup.blade.php
diff --git a/views/pages/components/molecules/splitbutton.blade.php b/views/pages/components/molecules/splitbutton.blade.php
diff --git a/views/pages/components/usage/buttonGroup/buttonGroup.json b/views/pages/components/usage/buttonGroup/buttonGroup.json
diff --git a/views/pages/components/usage/buttonGroup/slot.blade.php b/views/pages/components/usage/buttonGroup/slot.blade.php
diff --git a/views/pages/components/usage/splitbutton.blade.php b/views/pages/components/usage/splitbutton.blade.php
diff --git a/views/pages/components/usage/splitbutton/button.blade.php b/views/pages/components/usage/splitbutton/button.blade.php
diff --git a/views/pages/components/usage/splitbutton/splitbutton.json b/views/pages/components/usage/splitbutton/splitbutton.json
diff --git a/views/pages/icons.blade.php b/views/pages/icons.blade.php
@@ -16,7 +16,9 @@
                 'id' => '303',
                 'placeholder' => 'Search',
                 'type' => 'text',
-                'classList' => [],
+                'classList' => [
+                    'u-display--grid'
+                ],
                 'textarea' => false,
                 'attributeList' => [
                     'js-filter-input' => '5da57cccd46c6'
@@ -26,31 +28,27 @@
 
             @paper(['padding' => 3])
                 <div class="d-icons__controlls">
-                    @buttonGroup(['borderColor' => 'default'])
-                        @button([
-                            'text' => 'Expand all',
-                            'icon' => 'unfold_more',
-                            'size' => 'lg',
-                            'attributeList' => ['icons_expand' => '']
-                        ])
-                        @endbutton
-
-                        @button([
-                            'text' => 'Minimize all',
-                            'size' => 'lg',
-                            'icon' => 'unfold_less',
-                            'attributeList' => ['icons_minimize' => '']
-                        ])
-                        @endbutton
-
-                        @button([
-                            'text' => 'Sort icons',
-                            'size' => 'lg',
-                            'icon' => 'sort_by_alpha',
-                            'attributeList' => ['js-sort-button' => '111-0']
-                        ])
-                        @endbutton
-                    @endbuttonGroup 
+                    @button([
+                        'text' => 'Expand all',
+                        'icon' => 'unfold_more',
+                        'size' => 'lg',
+                        'attributeList' => ['icons_expand' => '']
+                    ])
+                    @endbutton
+                    @button([
+                        'text' => 'Minimize all',
+                        'size' => 'lg',
+                        'icon' => 'unfold_less',
+                        'attributeList' => ['icons_minimize' => '']
+                    ])
+                    @endbutton
+                    @button([
+                        'text' => 'Sort icons',
+                        'size' => 'lg',
+                        'icon' => 'sort_by_alpha',
+                        'attributeList' => ['js-sort-button' => '111-0']
+                    ])
+                    @endbutton
                 </div>
 
 

diff --git a/views/pages/script/class-toggle.blade.php b/views/pages/script/class-toggle.blade.php
@@ -45,28 +45,26 @@
             Toggle group
         @endtypography
 
-        @buttonGroup(['borderColor' => 'default', 'classList' => ['u-margin__bottom--3']])
-            @button([
-                'text' => 'Box One',
-                'color' => 'default',
-                'type' => 'basic',
-                'size' => 'md',
-                'icon' => 'code',
-                'toggle' => true,
-                'attributeList' => ['data-js-toggle-trigger' => "iddd", 'data-js-toggle-group' => "example2"]
-            ])
-            @endbutton
-            @button([
-                'text' => 'Box Two',
-                'color' => 'default',
-                'type' => 'basic',
-                'size' => 'md',
-                'icon' => 'code',
-                'toggle' => true,
-                'attributeList' => ['data-js-toggle-trigger' => "iddd2", 'data-js-toggle-group' => "example2"]
-            ])
-            @endbutton
-        @endbuttonGroup
+        @button([
+            'text' => 'Box One',
+            'color' => 'default',
+            'type' => 'basic',
+            'size' => 'md',
+            'icon' => 'code',
+            'toggle' => true,
+            'attributeList' => ['data-js-toggle-trigger' => "iddd", 'data-js-toggle-group' => "example2"]
+        ])
+        @endbutton
+        @button([
+            'text' => 'Box Two',
+            'color' => 'default',
+            'type' => 'basic',
+            'size' => 'md',
+            'icon' => 'code',
+            'toggle' => true,
+            'attributeList' => ['data-js-toggle-trigger' => "iddd2", 'data-js-toggle-group' => "example2"]
+        ])
+        @endbutton
 
         <div class="u-color__bg--default u-rounded">
             <div class="u-rounded u-padding--2" data-js-toggle-item="iddd" data-js-toggle-class="u-color__bg--secondary" data-js-toggle-group="example2">