From 608ec7edc39ddcbb390eed58ed811f5707fe4ed4 Mon Sep 17 00:00:00 2001
From: Luan Freitas <33601626+luanfreitasdev@users.noreply.github.com>
Date: Sun, 1 Sep 2024 12:38:45 -0300
Subject: [PATCH] Remove theme style attribute (#1664)

---
 resources/views/components/checkbox-all.blade.php     |  3 ---
 resources/views/components/checkbox-row.blade.php     | 11 ++++-------
 resources/views/components/cols.blade.php             |  1 -
 .../frameworks/bootstrap5/filters/boolean.blade.php   |  1 -
 .../bootstrap5/filters/date-picker.blade.php          |  4 +---
 .../bootstrap5/filters/input-text.blade.php           |  5 ++---
 .../frameworks/bootstrap5/filters/number.blade.php    |  5 ++---
 .../frameworks/bootstrap5/filters/select.blade.php    |  1 -
 .../components/frameworks/bootstrap5/footer.blade.php |  1 -
 .../frameworks/bootstrap5/header/search.blade.php     |  2 --
 .../frameworks/bootstrap5/no-toggle-detail.blade.php  |  1 -
 .../frameworks/bootstrap5/table-base.blade.php        |  1 -
 .../components/frameworks/tailwind/editable.blade.php |  1 -
 .../frameworks/tailwind/filters/boolean.blade.php     |  1 -
 .../frameworks/tailwind/filters/date-picker.blade.php |  4 +---
 .../frameworks/tailwind/filters/input-text.blade.php  |  7 ++-----
 .../frameworks/tailwind/filters/number.blade.php      |  9 +++------
 .../frameworks/tailwind/filters/select.blade.php      |  1 -
 .../components/frameworks/tailwind/footer.blade.php   |  1 -
 .../frameworks/tailwind/header/search.blade.php       |  3 ---
 .../frameworks/tailwind/no-toggle-detail.blade.php    |  1 -
 .../frameworks/tailwind/table-base.blade.php          |  3 ---
 .../frameworks/tailwind/toggle-detail.blade.php       |  1 -
 resources/views/components/inputs/select.blade.php    |  1 -
 resources/views/components/radio-row.blade.php        |  9 +++------
 resources/views/components/table-base.blade.php       |  4 ----
 resources/views/components/table-footer.blade.php     |  4 +---
 resources/views/components/table-header.blade.php     | 11 +++++------
 resources/views/components/table.blade.php            |  1 -
 resources/views/components/table/th-empty.blade.php   |  2 --
 resources/views/components/table/tr.blade.php         |  4 ----
 31 files changed, 24 insertions(+), 80 deletions(-)

diff --git a/resources/views/components/checkbox-all.blade.php b/resources/views/components/checkbox-all.blade.php
index 3ac9cfeb..5f1ca5db 100644
--- a/resources/views/components/checkbox-all.blade.php
+++ b/resources/views/components/checkbox-all.blade.php
@@ -12,16 +12,13 @@
             @if ($isCheckboxFixedOnResponsive) fixed @endif
     scope="col"
             class="{{ theme_style($theme, 'checkbox.th') }}"
-            style="{{ theme_style($theme, 'checkbox.th.1') }}"
             wire:key="{{ md5('checkbox-all') }}"
     >
         <div
                 class="{{ theme_style($theme, 'checkbox.base') }}"
-                style="{{ theme_style($theme, 'checkbox.base.1') }}"
         >
             <label
                     class="{{ theme_style($theme, 'checkbox.label') }}"
-                    style="{{ theme_style($theme, 'checkbox.label.1') }}"
             >
                 <input
                         class="{{ theme_style($theme, 'checkbox.input') }}"
diff --git a/resources/views/components/checkbox-row.blade.php b/resources/views/components/checkbox-row.blade.php
index a8538100..aa66657f 100644
--- a/resources/views/components/checkbox-row.blade.php
+++ b/resources/views/components/checkbox-row.blade.php
@@ -24,16 +24,14 @@
 @if ($hide)
     <td
         class="{{ theme_style($theme, 'checkbox.th') }}"
-        style="{{ theme_style($theme, 'checkbox.th.1') }}"
     >
     </td>
 @elseif($disable)
     <td
         class="{{ theme_style($theme, 'checkbox.th') }}"
-        style="{{ theme_style($theme, 'checkbox.th.1') }}"
     >
-        <div class="{{ theme_style($theme, 'checkbox.base') }}" style="{{ theme_style($theme, 'checkbox.base.1') }}">
-            <label class="{{ theme_style($theme, 'checkbox.label') }}" style="{{ theme_style($theme, 'checkbox.label.1') }}">
+        <div class="{{ theme_style($theme, 'checkbox.base') }}">
+            <label class="{{ theme_style($theme, 'checkbox.label') }}">
                 <input
                     {{ $inputAttributes }}
                     disabled
@@ -45,10 +43,9 @@ class="{{ theme_style($theme, 'checkbox.th') }}"
 @else
     <td
         class="{{ theme_style($theme, 'checkbox.th') }}"
-        style="{{ theme_style($theme, 'checkbox.th.1') }}"
     >
-        <div class="{{ theme_style($theme, 'checkbox.base') }}" style="{{ theme_style($theme, 'checkbox.base.1') }}">
-            <label class="{{ theme_style($theme, 'checkbox.label') }}" style="{{ theme_style($theme, 'checkbox.label.1') }}">
+        <div class="{{ theme_style($theme, 'checkbox.base') }}">
+            <label class="{{ theme_style($theme, 'checkbox.label') }}">
                 <input
                     x-data="{}"
                     type="checkbox"
diff --git a/resources/views/components/cols.blade.php b/resources/views/components/cols.blade.php
index 9150cc4a..15a259ff 100644
--- a/resources/views/components/cols.blade.php
+++ b/resources/views/components/cols.blade.php
@@ -45,7 +45,6 @@ class="{{ theme_style($theme, 'table.header.th') . ' ' . data_get($column, 'head
 >
     <div
         class="{{ theme_style($theme, 'cols.div') }}"
-        style="{{ theme_style($theme, 'cols.div.1') }}"
     >
         <span data-value>{!! data_get($column, 'title') !!}</span>
 
diff --git a/resources/views/components/frameworks/bootstrap5/filters/boolean.blade.php b/resources/views/components/frameworks/bootstrap5/filters/boolean.blade.php
index 052e8512..ec55a1cf 100644
--- a/resources/views/components/frameworks/bootstrap5/filters/boolean.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/filters/boolean.blade.php
@@ -28,7 +28,6 @@
 @else
     <div
         class="{{ theme_style($theme, 'filterBoolean.base') }}"
-        style="{{ theme_style($theme, 'filterBoolean.base.1') }}"
     >
         <select
             style="{{ data_get($column, 'headerStyle') }}"
diff --git a/resources/views/components/frameworks/bootstrap5/filters/date-picker.blade.php b/resources/views/components/frameworks/bootstrap5/filters/date-picker.blade.php
index 288aac6e..ab46a69a 100644
--- a/resources/views/components/frameworks/bootstrap5/filters/date-picker.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/filters/date-picker.blade.php
@@ -34,7 +34,6 @@
 >
     <div
         class="{{ theme_style($theme, 'filterDatePicker.base') }}"
-        style="{{ theme_style($theme, 'filterDatePicker.base.1') }}"
     >
         <form autocomplete="off">
             <input
@@ -43,8 +42,7 @@ class="{{ theme_style($theme, 'filterDatePicker.base') }}"
                 wire:model="filters.{{ $type }}.{{ $field }}.formatted"
                 autocomplete="off"
                 data-field="{{ $field }}"
-                style="{{ theme_style($theme, 'filterDatePicker.input') }} {{ data_get($column, 'headerStyle') }}"
-                class="{{ theme_style($theme, 'filterDatePicker.input.1') }} {{ data_get($column, 'headerClass') }}"
+                class="{{ theme_style($theme, 'filterDatePicker.input') }} {{ data_get($column, 'headerClass') }}"
                 type="text"
                 readonly
                 placeholder="{{ trans('livewire-powergrid::datatable.placeholders.select') }}"
diff --git a/resources/views/components/frameworks/bootstrap5/filters/input-text.blade.php b/resources/views/components/frameworks/bootstrap5/filters/input-text.blade.php
index 430549a7..48c08904 100644
--- a/resources/views/components/frameworks/bootstrap5/filters/input-text.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/filters/input-text.blade.php
@@ -25,8 +25,8 @@
 
         $defaultAttributes = $fieldClassName::getWireAttributes($field, $title);
 
-        $selectClasses = \Illuminate\Support\Arr::toCssClasses(['power_grid', theme_style($theme, 'filterInputText.select')]);
-        $inputClasses = \Illuminate\Support\Arr::toCssClasses(['power_grid', theme_style($theme, 'filterInputText.input')]);
+        $selectClasses = theme_style($theme, 'filterInputText.select');
+        $inputClasses = theme_style($theme, 'filterInputText.input');
 
         $params = array_merge(
             [
@@ -49,7 +49,6 @@
     @else
         <div
             class="{{ theme_style($theme, 'filterInputText.base') }}"
-            style="{{ theme_style($theme, 'filterInputText.base.1') }}"
         >
             @if ($showSelectOptions)
                 <div class="relative">
diff --git a/resources/views/components/frameworks/bootstrap5/filters/number.blade.php b/resources/views/components/frameworks/bootstrap5/filters/number.blade.php
index 83bf327c..e1882513 100644
--- a/resources/views/components/frameworks/bootstrap5/filters/number.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/filters/number.blade.php
@@ -31,12 +31,11 @@
 @else
     <div
         class="{{ theme_style($theme, 'filterNumber.base') }}"
-        style="{{ theme_style($theme, 'filterNumber.base.1') }}"
     >
         <div>
             <input
                 {{ $defaultAttributes['inputStartAttributes'] }}
-                @if ($inline) style="{{ theme_style($theme, 'filterNumber.input.1') }} {{ data_get($column, 'headerStyle') }}" @endif
+                @if ($inline) style="{{ data_get($column, 'headerStyle') }}" @endif
                 type="text"
                 class="{{ $filterClasses }}"
                 placeholder="{{ $placeholder['min'] ?? __('Min') }}"
@@ -45,7 +44,7 @@ class="{{ $filterClasses }}"
         <div class="mt-1">
             <input
                 {{ $defaultAttributes['inputEndAttributes'] }}
-                @if ($inline) style="{{ theme_style($theme, 'filterNumber.input.1') }} {{ data_get($column, 'headerStyle') }}" @endif
+                @if ($inline) style="{{ data_get($column, 'headerStyle') }}" @endif
                 type="text"
                 class="{{ $filterClasses }}"
                 placeholder="{{ $placeholder['max'] ?? __('Max') }}"
diff --git a/resources/views/components/frameworks/bootstrap5/filters/select.blade.php b/resources/views/components/frameworks/bootstrap5/filters/select.blade.php
index 708a0b4e..05f8c794 100644
--- a/resources/views/components/frameworks/bootstrap5/filters/select.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/filters/select.blade.php
@@ -27,7 +27,6 @@
 @else
     <div
         class="{{ theme_style($theme, 'filterSelect.base') }}"
-        style="{{ theme_style($theme, 'filterNumber.base.1') }}"
     >
         <select
             class="{{ $filterClasses }}"
diff --git a/resources/views/components/frameworks/bootstrap5/footer.blade.php b/resources/views/components/frameworks/bootstrap5/footer.blade.php
index ca513ddb..3b41ceb7 100644
--- a/resources/views/components/frameworks/bootstrap5/footer.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/footer.blade.php
@@ -13,7 +13,6 @@ class="mt-50 pb-1 w-100 align-items-end px-1 d-flex flex-wrap justify-content-sm
                             <select
                                     wire:model.live="setUp.footer.perPage"
                                     class="form-select {{ theme_style($theme, 'footer.select') }}"
-                                    style="{{ theme_style($theme, 'footer.select.1') }}"
                             >
                                 @foreach (data_get($setUp, 'footer.perPageValues') as $value)
                                     <option value="{{ $value }}">
diff --git a/resources/views/components/frameworks/bootstrap5/header/search.blade.php b/resources/views/components/frameworks/bootstrap5/header/search.blade.php
index c2cbfbd8..d60f7d50 100644
--- a/resources/views/components/frameworks/bootstrap5/header/search.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/header/search.blade.php
@@ -11,7 +11,6 @@ class="col-12"
                         height="16"
                         fill="currentColor"
                         class="{{ theme_style($theme, 'searchBox.iconSearch') }}"
-                        style="{{ theme_style($theme, 'searchBox.iconSearch.1') }}"
                         viewBox="0 0 16 16"
                     >
                         <path
@@ -23,7 +22,6 @@ class="{{ theme_style($theme, 'searchBox.iconSearch') }}"
                     wire:model.live.debounce.600ms="search"
                     type="text"
                     class="{{ theme_style($theme, 'searchBox.input') }}"
-                    style="{{ theme_style($theme, 'searchBox.input.1') }}"
                     placeholder="{{ trans('livewire-powergrid::datatable.placeholders.search') }}"
                 >
             </div>
diff --git a/resources/views/components/frameworks/bootstrap5/no-toggle-detail.blade.php b/resources/views/components/frameworks/bootstrap5/no-toggle-detail.blade.php
index 2e1ffa04..521b859c 100644
--- a/resources/views/components/frameworks/bootstrap5/no-toggle-detail.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/no-toggle-detail.blade.php
@@ -1,4 +1,3 @@
 <td
     class="{{ theme_style($theme, 'table.body.td') }}"
-    style="{{ theme_style($theme, 'table.body.td.1') }}"
 ></td>
diff --git a/resources/views/components/frameworks/bootstrap5/table-base.blade.php b/resources/views/components/frameworks/bootstrap5/table-base.blade.php
index 8faef077..cadccc2c 100644
--- a/resources/views/components/frameworks/bootstrap5/table-base.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/table-base.blade.php
@@ -6,7 +6,6 @@
     </div>
     <div
         class="{{ theme_style($theme, 'table.layout.div') }}"
-        style="{{ theme_style($theme, 'table.layout.div.1') }}"
     >
         @include($table)
     </div>
diff --git a/resources/views/components/frameworks/tailwind/editable.blade.php b/resources/views/components/frameworks/tailwind/editable.blade.php
index 258f6e83..6150f341 100644
--- a/resources/views/components/frameworks/tailwind/editable.blade.php
+++ b/resources/views/components/frameworks/tailwind/editable.blade.php
@@ -16,7 +16,6 @@
             placeholder="{{ html_entity_decode(data_get($row, $field), ENT_QUOTES, 'utf-8') }}"
             contenteditable
             class="pg-single-line {{ theme_style($theme, 'editable.input') }}"
-            style="{{ theme_style($theme, 'editable.input.1')  }}"
             @if (data_get($editable, 'saveOnMouseOut')) x-on:mousedown.outside="save()" @endif
             x-on:keydown.enter="save()"
             :id="`editable-` + dataField + `-` + id"
diff --git a/resources/views/components/frameworks/tailwind/filters/boolean.blade.php b/resources/views/components/frameworks/tailwind/filters/boolean.blade.php
index 20df1070..e47375be 100644
--- a/resources/views/components/frameworks/tailwind/filters/boolean.blade.php
+++ b/resources/views/components/frameworks/tailwind/filters/boolean.blade.php
@@ -32,7 +32,6 @@
 @else
     <div
         @class([theme_style($theme, 'filterBoolean.base'), 'space-y-1' => !$inline])
-        style="{{ theme_style($theme, 'filterBoolean.base.1') }}"
     >
         @if (!$inline)
             <label class="block text-sm font-semibold text-pg-primary-700 dark:text-pg-primary-300">
diff --git a/resources/views/components/frameworks/tailwind/filters/date-picker.blade.php b/resources/views/components/frameworks/tailwind/filters/date-picker.blade.php
index c83da4c3..d9be1836 100644
--- a/resources/views/components/frameworks/tailwind/filters/date-picker.blade.php
+++ b/resources/views/components/frameworks/tailwind/filters/date-picker.blade.php
@@ -36,7 +36,6 @@
 >
     <div
         @class([theme_style($theme, 'filterDatePicker.base'), 'space-y-1' => !$inline])
-        style="{{ theme_style($theme, 'filterDatePicker.base.1') }}"
     >
         @if (!$inline)
             <label class="block text-sm font-semibold text-pg-primary-700 dark:text-pg-primary-300">
@@ -50,8 +49,7 @@
                 wire:model="filters.{{ $type }}.{{ $field }}.formatted"
                 autocomplete="off"
                 data-field="{{ $field }}"
-                style="{{ theme_style($theme, 'filterDatePicker.input') }} {{ data_get($column, 'headerStyle') }}"
-                class="power_grid {{ theme_style($theme, 'filterDatePicker.input') }} {{ data_get($column, 'headerClass') }}"
+                class="{{ theme_style($theme, 'filterDatePicker.input') }} {{ data_get($column, 'headerClass') }}"
                 type="text"
                 readonly
                 placeholder="{{ trans('livewire-powergrid::datatable.placeholders.select') }}"
diff --git a/resources/views/components/frameworks/tailwind/filters/input-text.blade.php b/resources/views/components/frameworks/tailwind/filters/input-text.blade.php
index d398b940..b7cc69fe 100644
--- a/resources/views/components/frameworks/tailwind/filters/input-text.blade.php
+++ b/resources/views/components/frameworks/tailwind/filters/input-text.blade.php
@@ -25,10 +25,8 @@
 
         $defaultAttributes = $fieldClassName::getWireAttributes($field, $title);
 
-        $selectClasses = \Illuminate\Support\Arr::toCssClasses([
-            theme_style($theme, 'filterInputText.select'),
-        ]);
-        $inputClasses = \Illuminate\Support\Arr::toCssClasses(['power_grid', theme_style($theme, 'filterInputText.input')]);
+        $selectClasses = theme_style($theme, 'filterInputText.select');
+        $inputClasses = theme_style($theme, 'filterInputText.input');
 
         $params = array_merge(
             [
@@ -51,7 +49,6 @@
     @else
         <div
             @class([theme_style($theme, 'filterInputText.base'), 'space-y-1' => !$inline])
-            style="{{ theme_style($theme, 'filterInputText.base.1') }}"
         >
             @if (!$inline)
                 <label class="block text-sm font-semibold text-pg-primary-700 dark:text-pg-primary-300">
diff --git a/resources/views/components/frameworks/tailwind/filters/number.blade.php b/resources/views/components/frameworks/tailwind/filters/number.blade.php
index 162929ab..1fd70207 100644
--- a/resources/views/components/frameworks/tailwind/filters/number.blade.php
+++ b/resources/views/components/frameworks/tailwind/filters/number.blade.php
@@ -16,10 +16,7 @@
         array_merge($filter, ['title' => data_get($column, 'title'), 'placeholder' => data_get($column, 'placeholder')])
     );
 
-    $filterClasses = Arr::toCssClasses([
-        theme_style($theme, 'filterNumber.input'),
-        'power_grid',
-    ]);
+    $filterClasses = theme_style($theme, 'filterNumber.input');
 
     $placeholder = data_get($filter, 'placeholder');
 
@@ -50,7 +47,7 @@
             <div @class(['pl-0 w-full sm:w-1/2' => !$inline])>
                 <input
                     {{ $defaultAttributes['inputStartAttributes'] }}
-                    style="{{ theme_style($theme, 'filterInputText.input.1') }} {{ data_get($column, 'headerStyle') }}"
+                    style="{{ data_get($column, 'headerStyle') }}"
                     type="text"
                     class="{{ $filterClasses }}"
                     placeholder="{{ $placeholder['min'] ?? __('Min') }}"
@@ -59,7 +56,7 @@ class="{{ $filterClasses }}"
             <div @class(['pl-0 w-full sm:w-1/2' => !$inline, 'mt-1' => $inline])>
                 <input
                     {{ $defaultAttributes['inputEndAttributes'] }}
-                    @if ($inline) style="{{ theme_style($theme, 'filterNumber.input') }} {{ data_get($column, 'headerStyle') }}" @endif
+                    @if ($inline) style="{{ data_get($column, 'headerStyle') }}" @endif
                     type="text"
                     class="{{ $filterClasses }}"
                     placeholder="{{ $placeholder['max'] ?? __('Max') }}"
diff --git a/resources/views/components/frameworks/tailwind/filters/select.blade.php b/resources/views/components/frameworks/tailwind/filters/select.blade.php
index a5ff1d04..c40fef5b 100644
--- a/resources/views/components/frameworks/tailwind/filters/select.blade.php
+++ b/resources/views/components/frameworks/tailwind/filters/select.blade.php
@@ -31,7 +31,6 @@
 @else
     <div
         @class([theme_style($theme, 'filterSelect.base'), 'space-y-1' => !$inline])
-        style="{{ theme_style($theme, 'filterSelect.base.1') }}"
     >
         @if (!$inline)
             <label class="block text-sm font-semibold text-pg-primary-700 dark:text-pg-primary-300">
diff --git a/resources/views/components/frameworks/tailwind/footer.blade.php b/resources/views/components/frameworks/tailwind/footer.blade.php
index b4d5a3b7..9d443fbd 100644
--- a/resources/views/components/frameworks/tailwind/footer.blade.php
+++ b/resources/views/components/frameworks/tailwind/footer.blade.php
@@ -18,7 +18,6 @@
                     <select
                         wire:model.live="setUp.footer.perPage"
                         class="{{ theme_style($theme, 'footer.select') }}"
-                        style="{{ theme_style($theme, 'footer.select.1') }}"
                     >
                         @foreach (data_get($setUp, 'footer.perPageValues') as $value)
                             <option value="{{ $value }}">
diff --git a/resources/views/components/frameworks/tailwind/header/search.blade.php b/resources/views/components/frameworks/tailwind/header/search.blade.php
index 243c3841..c8645560 100644
--- a/resources/views/components/frameworks/tailwind/header/search.blade.php
+++ b/resources/views/components/frameworks/tailwind/header/search.blade.php
@@ -5,7 +5,6 @@
                 <span class="p-1 focus:outline-none focus:shadow-outline">
                     <x-livewire-powergrid::icons.search
                         class="{{ theme_style($theme, 'searchBox.iconSearch') }}"
-                        style="{{ theme_style($theme, 'searchBox.iconSearch.1') }}"
                     />
                 </span>
             </span>
@@ -13,7 +12,6 @@ class="{{ theme_style($theme, 'searchBox.iconSearch') }}"
                 wire:model.live.debounce.700ms="search"
                 type="text"
                 class="{{ theme_style($theme, 'searchBox.input') }}"
-                style="{{ theme_style($theme, 'searchBox.input.1') }}"
                 placeholder="{{ trans('livewire-powergrid::datatable.placeholders.search') }}"
             >
             @if ($search)
@@ -24,7 +22,6 @@ class="absolute opacity-0 group-hover:opacity-100 transition-all inset-y-0 right
                         <a wire:click.prevent="$set('search','')">
                             <x-livewire-powergrid::icons.x
                                 class="w-4 h-4 {{ theme_style($theme, 'searchBox.iconClose') }}"
-                                style="{{ theme_style($theme, 'searchBox.iconClose.1') }}"
                             />
                         </a>
                     </span>
diff --git a/resources/views/components/frameworks/tailwind/no-toggle-detail.blade.php b/resources/views/components/frameworks/tailwind/no-toggle-detail.blade.php
index b53a4772..521b859c 100644
--- a/resources/views/components/frameworks/tailwind/no-toggle-detail.blade.php
+++ b/resources/views/components/frameworks/tailwind/no-toggle-detail.blade.php
@@ -1,4 +1,3 @@
 <td
     class="{{ theme_style($theme, 'table.body.td') }}"
-    style="{{ theme_style($theme, 'table.body.td') }}"
 ></td>
diff --git a/resources/views/components/frameworks/tailwind/table-base.blade.php b/resources/views/components/frameworks/tailwind/table-base.blade.php
index 1c3e58fb..cd31860c 100644
--- a/resources/views/components/frameworks/tailwind/table-base.blade.php
+++ b/resources/views/components/frameworks/tailwind/table-base.blade.php
@@ -5,12 +5,10 @@ class="flex flex-col"
     <div
         id="power-grid-table-container"
         class="{{ theme_style($theme, 'table.layout.container') }}"
-        style="{{ theme_style($theme, 'table.layout.container.1') }}"
     >
         <div
             id="power-grid-table-base"
             class="{{ theme_style($theme, 'table.layout.base') }}"
-            style="{{ theme_style($theme, 'table.layout.base.1') }}"
         >
             @include(theme_style($theme, 'layout.header'), [
                 'enabledFilters' => $enabledFilters,
@@ -47,7 +45,6 @@ class="{{ theme_style($theme, 'table.layout.base') }}"
                     'overflow-hidden' => !$readyToLoad,
                     theme_style($theme, 'table.layout.div'),
                 ])
-                style="{{ theme_style($theme, 'table.layout.div.1') }}"
             >
                 @include($table)
             </div>
diff --git a/resources/views/components/frameworks/tailwind/toggle-detail.blade.php b/resources/views/components/frameworks/tailwind/toggle-detail.blade.php
index ff67c663..d99033d2 100644
--- a/resources/views/components/frameworks/tailwind/toggle-detail.blade.php
+++ b/resources/views/components/frameworks/tailwind/toggle-detail.blade.php
@@ -1,6 +1,5 @@
 <td
     class="{{ theme_style($theme, 'table.body.td') }}"
-    style="{{ theme_style($theme, 'table.body.td.1') }}"
 >
     <div
         class="cursor-pointer"
diff --git a/resources/views/components/inputs/select.blade.php b/resources/views/components/inputs/select.blade.php
index cc2a125d..46d08cd1 100644
--- a/resources/views/components/inputs/select.blade.php
+++ b/resources/views/components/inputs/select.blade.php
@@ -59,7 +59,6 @@
     @if (filled($filter))
         <div
             class="{{ theme_style($theme, 'filterSelect.base') }}"
-            style="{{ theme_style($theme, 'filterSelect.base.1') }}"
         >
             @if (!$inline)
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-400">
diff --git a/resources/views/components/radio-row.blade.php b/resources/views/components/radio-row.blade.php
index 03de1c00..a9578f9a 100644
--- a/resources/views/components/radio-row.blade.php
+++ b/resources/views/components/radio-row.blade.php
@@ -22,15 +22,13 @@
 @if ($hide)
     <td
         class="{{ theme_style($theme, 'radio.td') }}"
-        style="{{ theme_style($theme, 'radio.td.1') }}"
     >
     </td>
 @elseif($disable)
     <td
         class="{{ theme_style($theme, 'radio.td') }}"
-        style="{{ theme_style($theme, 'radio.td.1') }}"
     >
-        <div class="{{ theme_style($theme, 'radio.base') }}" style="{{ theme_style($theme, 'radio.base.1') }}">
+        <div class="{{ theme_style($theme, 'radio.base') }}">
             <label class="{{ theme_style($theme, 'radio.label') }}">
                 <input
                     {{ $inputAttributes }}
@@ -43,10 +41,9 @@ class="{{ theme_style($theme, 'radio.td') }}"
 @else
     <td
         class="{{ theme_style($theme, 'radio.th') }}"
-        style="{{ theme_style($theme, 'radio.th') }}"
     >
-        <div class="{{ theme_style($theme, 'radio.base') }}" style="{{ theme_style($theme, 'radio.base.1') }}">
-            <label class="{{ theme_style($theme, 'radio.label') }}" style="{{ theme_style($theme, 'radio.label.1') }}">
+        <div class="{{ theme_style($theme, 'radio.base') }}">
+            <label class="{{ theme_style($theme, 'radio.label') }}">
                 <input
                     type="radio"
                     {{ $inputAttributes }}
diff --git a/resources/views/components/table-base.blade.php b/resources/views/components/table-base.blade.php
index ae9f0287..adc11437 100644
--- a/resources/views/components/table-base.blade.php
+++ b/resources/views/components/table-base.blade.php
@@ -9,25 +9,21 @@
     <table
         id="table_base_{{ $tableName }}"
         class="table power-grid-table {{ theme_style($theme, 'table.layout.table') }}"
-        style="{{ theme_style($theme, 'table.layout.table.1') }}"
     >
         <thead
             class="{{ theme_style($theme, 'table.header.thead') }}"
-            style="{{ theme_style($theme, 'table.header.thead.1') }}"
         >
             {{ $header }}
         </thead>
         @if ($readyToLoad)
             <tbody
                 class="{{ theme_style($theme, 'table.body.tbody') }}"
-                style="{{ theme_style($theme, 'table.body.tbody.1') }}"
             >
                 {{ $body }}
             </tbody>
         @else
             <tbody
                 class="{{ theme_style($theme, 'table.body.tbody') }}"
-                style="{{ theme_style($theme, 'table.body.tbody.1') }}"
             >
                 {{ $loading }}
             </tbody>
diff --git a/resources/views/components/table-footer.blade.php b/resources/views/components/table-footer.blade.php
index 79fc6cfb..e77883b6 100644
--- a/resources/views/components/table-footer.blade.php
+++ b/resources/views/components/table-footer.blade.php
@@ -6,7 +6,6 @@ class="{{ theme_style($theme, 'table.header.tr') }}"
     @if (data_get($setUp, 'detail.showCollapseIcon'))
         <td
             class="{{ theme_style($theme, 'table.body.td') }}"
-            style="{{ theme_style($theme, 'table.body.td.1')  }}"
         ></td>
     @endif
     @if ($checkbox)
@@ -15,7 +14,7 @@ class="{{ theme_style($theme, 'table.body.td') }}"
     @foreach ($this->visibleColumns as $column)
         <td
             class="{{ theme_style($theme, 'table.body.tdSummarize') . ' ' . data_get($column, 'bodyClass') ?? '' }}"
-            style="{{ data_get($column, 'hidden') === true ? 'display:none' : '' }}; {{ theme_style($theme, 'table.body.tdSummarize.1') . ' ' . data_get($column, 'bodyStyle') ?? '' }}"
+            style="{{ data_get($column, 'hidden') === true ? 'display:none' : '' }}; . {{ data_get($column, 'bodyStyle') ?? '' }}"
         >
             @include('livewire-powergrid::components.summarize', [
                 'sum' => data_get($column, 'properties.summarize.sum.footer') ? data_get($column, 'properties.summarize_values.sum') : null,
@@ -39,7 +38,6 @@ class="{{ theme_style($theme, 'table.body.tdSummarize') . ' ' . data_get($column
         <th
             class="{{ theme_style($theme, 'table.header.th') . ' ' .  data_get($column, 'headerClass') }}"
             scope="col"
-            style="{{ theme_style($theme, 'table.header.th.1') }}"
             colspan="{{ count($actions) }}"
         >
         </th>
diff --git a/resources/views/components/table-header.blade.php b/resources/views/components/table-header.blade.php
index 06fb7334..b0278e67 100644
--- a/resources/views/components/table-header.blade.php
+++ b/resources/views/components/table-header.blade.php
@@ -1,15 +1,14 @@
 {{-- blade-formatter-disable --}}
-<tr class="{{ theme_style($theme, 'table.body.tr'). ' '.theme_style($theme, 'table.body.trSummarize') }}"
-    style="{{ theme_style($theme, 'table.body.tr.1'). ' '.theme_style($theme, 'table.body.trSummarize.1') }}">
+<tr class="{{ theme_style($theme, 'table.body.tr'). ' '.theme_style($theme, 'table.body.trSummarize') }}">
     @if(data_get($setUp, 'detail.showCollapseIcon'))
-        <td class="{{ theme_style($theme, 'table.body.td') }}" style="{{ theme_style($theme, 'table.body.td.1') }}"></td>
+        <td class="{{ theme_style($theme, 'table.body.td') }}"></td>
     @endif
     @if($checkbox)
-        <td class="{{ theme_style($theme, 'table.body.td') }}" style="{{ theme_style($theme, 'table.body.td.1') }}"></td>
+        <td class="{{ theme_style($theme, 'table.body.td') }}"></td>
     @endif
     @foreach ($this->visibleColumns as $column)
         <td class="{{ theme_style($theme, 'table.body.tdSummarize') . ' '.data_get($column, 'bodyClass') ?? '' }}"
-            style="{{ data_get($column, 'hidden') === true ? 'display:none': '' }}; {{ theme_style($theme, 'table.body.tdSummarize') . ' '.data_get($column, 'bodyStyle') ?? ''  }}">
+            style="{{ data_get($column, 'hidden') === true ? 'display:none': '' }}; {{ data_get($column, 'bodyStyle') ?? ''  }}">
             @include('livewire-powergrid::components.summarize', [
                 'sum' => data_get($column, 'properties.summarize.sum.header') ? data_get($column, 'properties.summarize_values.sum') : null,
                 'labelSum' => data_get($column, 'properties.summarize.sum.label'),
@@ -30,7 +29,7 @@
     @endforeach
     @if(isset($actions) && count($actions))
         <th class="{{ theme_style($theme, 'table.header.th') .' '. data_get($column, 'headerClass') }}" scope="col"
-            style="{{ theme_style($theme, 'table.header.th.1') }}" colspan="{{count($actions)}}">
+           colspan="{{count($actions)}}">
         </th>
     @endif
 </tr>
diff --git a/resources/views/components/table.blade.php b/resources/views/components/table.blade.php
index 76607d0e..09f55ddf 100644
--- a/resources/views/components/table.blade.php
+++ b/resources/views/components/table.blade.php
@@ -39,7 +39,6 @@ class="{{ $class }}"
                             ])
                             @if (data_get($setUp, 'detail.state.' . $rowId))
                                 <tr
-                                    style="{{ theme_style($theme, 'table.body.tr.1') }}"
                                     class="{{ $class }}"
                                 >
                                     @include('livewire-powergrid::components.table.detail')
diff --git a/resources/views/components/table/th-empty.blade.php b/resources/views/components/table/th-empty.blade.php
index 171785ed..f035dea2 100644
--- a/resources/views/components/table/th-empty.blade.php
+++ b/resources/views/components/table/th-empty.blade.php
@@ -1,10 +1,8 @@
 <tr
     class="{{ theme_style($theme, 'table.header.tr') }}"
-    style="{{ theme_style($theme, 'table.header.tr.1') }}"
 >
     <th
         class="{{ theme_style($theme, 'table.body.tdEmpty') }}"
-        style="{{ theme_style($theme, 'table.body.tdEmpty.1') }}"
         colspan="999"
     >
         {!! $this->processNoDataLabel !!}
diff --git a/resources/views/components/table/tr.blade.php b/resources/views/components/table/tr.blade.php
index d910775e..72415393 100644
--- a/resources/views/components/table/tr.blade.php
+++ b/resources/views/components/table/tr.blade.php
@@ -3,7 +3,6 @@
 ])
 <tr
     class="{{ theme_style($theme, 'table.header.tr') }}"
-    style="{{ theme_style($theme, 'table.header.tr.1') }}"
 >
     @if ($loading)
         <td
@@ -21,7 +20,6 @@ class="{{ theme_style($theme, 'table.body.tbodyEmpty') }}"
             <th
                 scope="col"
                 class="{{ theme_style($theme, 'table.header.th') }}"
-                style="{{ theme_style($theme, 'table.header.th.1') }}"
                 wire:key="show-collapse-{{ $tableName }}"
             >
             </th>
@@ -32,7 +30,6 @@ class="{{ theme_style($theme, 'table.header.th') }}"
                 fixed
                 x-show="hasHiddenElements"
                 class="{{ theme_style($theme, 'table.header.th') }}"
-                style="{{ theme_style($theme, 'table.header.th.1') }}"
             >
             </th>
         @endisset
@@ -40,7 +37,6 @@ class="{{ theme_style($theme, 'table.header.th') }}"
         @if ($radio)
             <th
                 class="{{ theme_style($theme, 'table.header.th') }}"
-                style="{{ theme_style($theme, 'table.header.th.1') }}"
             >
             </th>
         @endif