From f33ac1a5cfc48d2d3092e1abfb4b27258347208c Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 8 Apr 2024 13:49:53 +0300
Subject: [PATCH] Refactored chips and ac

---
 .../lib/autocomplete/style/AutoCompleteStyle.js  |  2 +-
 components/lib/chips/style/ChipsStyle.js         |  2 +-
 .../themes/primeone/base/autocomplete/index.js   | 16 ++++++++--------
 .../lib/themes/primeone/base/chips/index.js      | 14 +++++++-------
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.js b/components/lib/autocomplete/style/AutoCompleteStyle.js
index 8e939ca48..8ade747e3 100644
--- a/components/lib/autocomplete/style/AutoCompleteStyle.js
+++ b/components/lib/autocomplete/style/AutoCompleteStyle.js
@@ -19,7 +19,7 @@ const classes = {
     ],
     input: 'p-autocomplete-input',
     container: ({ props, instance }) => [
-        'p-autocomplete-chip-group',
+        'p-autocomplete-input-multiple',
         {
             'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
         }
diff --git a/components/lib/chips/style/ChipsStyle.js b/components/lib/chips/style/ChipsStyle.js
index 04afa58b3..0ffba8386 100644
--- a/components/lib/chips/style/ChipsStyle.js
+++ b/components/lib/chips/style/ChipsStyle.js
@@ -12,7 +12,7 @@ const classes = {
         }
     ],
     container: ({ props, instance }) => [
-        'p-inputchips-group',
+        'p-inputchips-input',
         {
             'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
         }
diff --git a/components/lib/themes/primeone/base/autocomplete/index.js b/components/lib/themes/primeone/base/autocomplete/index.js
index ba9a87b34..a22dc47a1 100644
--- a/components/lib/themes/primeone/base/autocomplete/index.js
+++ b/components/lib/themes/primeone/base/autocomplete/index.js
@@ -21,7 +21,7 @@ export default {
 }
 
 .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,
-.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-chip-group {
+.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
@@ -131,7 +131,7 @@ export default {
     font-weight: 600;
 }
 
-.p-autocomplete-chip-group {
+.p-autocomplete-input-multiple {
     margin: 0;
     padding: 0;
     list-style-type: none;
@@ -152,28 +152,28 @@ export default {
     box-shadow: ${dt('autocomplete.input.multiple.box.shadow')};
 }
 
-.p-autocomplete:not(.p-disabled):hover .p-autocomplete-chip-group {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {
     border-color: ${dt('autocomplete.input.multiple.hover.border.color')};
 }
 
-.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-chip-group {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {
     border-color: ${dt('autocomplete.input.multiple.focus.border.color')};
     outline: 0 none;
 }
 
-.p-autocomplete.p-invalid .p-autocomplete-chip-group {
+.p-autocomplete.p-invalid .p-autocomplete-input-multiple {
     border-color: ${dt('autocomplete.input.multiple.invalid.border.color')};
 }
 
-.p-variant-filled.p-autocomplete-chip-group {
+.p-variant-filled.p-autocomplete-input-multiple {
     background: ${dt('autocomplete.input.multiple.filled.background')};
 }
 
-.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-chip-group  {
+.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple  {
     background: ${dt('autocomplete.input.multiple.filled.focus.background')};
 }
 
-.p-autocomplete.p-disabled .p-autocomplete-chip-group {
+.p-autocomplete.p-disabled .p-autocomplete-input-multiple {
     opacity: 1;
     background: ${dt('autocomplete.input.multiple.disabled.background')};
     color: ${dt('autocomplete.input.multiple.disabled.color')};
diff --git a/components/lib/themes/primeone/base/chips/index.js b/components/lib/themes/primeone/base/chips/index.js
index 0a81cfbe9..c8fcdc56c 100644
--- a/components/lib/themes/primeone/base/chips/index.js
+++ b/components/lib/themes/primeone/base/chips/index.js
@@ -4,7 +4,7 @@ export default {
     display: inline-flex;
 }
 
-.p-inputchips-group {
+.p-inputchips-input {
     margin: 0;
     padding: 0;
     list-style-type: none;
@@ -25,28 +25,28 @@ export default {
     box-shadow: ${dt('chips.box.shadow')};
 }
 
-.p-inputchips:not(.p-disabled):hover .p-inputchips-group {
+.p-inputchips:not(.p-disabled):hover .p-inputchips-input {
     border-color: ${dt('chips.hover.border.color')};
 }
 
-.p-inputchips:not(.p-disabled).p-focus .p-inputchips-group {
+.p-inputchips:not(.p-disabled).p-focus .p-inputchips-input {
     border-color: ${dt('chips.focus.border.color')};
     outline: 0 none;
 }
 
-.p-inputchips.p-invalid .p-inputchips-group {
+.p-inputchips.p-invalid .p-inputchips-input {
     border-color: ${dt('chips.invalid.border.color')};
 }
 
-.p-variant-filled.p-inputchips-group {
+.p-variant-filled.p-inputchips-input {
     background: ${dt('chips.filled.background')};
 }
 
-.p-inputchips:not(.p-disabled).p-focus .p-variant-filled.p-inputchips-group  {
+.p-inputchips:not(.p-disabled).p-focus .p-variant-filled.p-inputchips-input  {
     background: ${dt('chips.filled.focus.background')};
 }
 
-.p-inputchips.p-disabled .p-inputchips-group {
+.p-inputchips.p-disabled .p-inputchips-input {
     opacity: 1;
     background: ${dt('chips.disabled.background')};
     color: ${dt('chips.disabled.color')};