Refactor #6636 - For MultiSelect

primefaces · Oct 24, 2024 · 3e81b84 · 3e81b84
1 parent bcbb004
commit 3e81b84
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/primevue/src/multiselect/style/MultiSelectStyle.js b/packages/primevue/src/multiselect/style/MultiSelectStyle.js
@@ -56,8 +56,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('multiselect.dropdown.color')};
     width: ${dt('multiselect.dropdown.width')};
-    border-top-right-radius: ${dt('multiselect.border.radius')};
-    border-bottom-right-radius: ${dt('multiselect.border.radius')};
+    border-start-end-radius: ${dt('multiselect.border.radius')};
+    border-end-end-radius: ${dt('multiselect.border.radius')};
 }
 
 .p-multiselect-label-container {
@@ -68,7 +68,7 @@ const theme = ({ dt }) => `
 
 .p-multiselect-label {
     display: flex;
-    align-items-center;
+    align-items: center;
     gap: calc(${dt('multiselect.padding.y')} / 2);
     white-space: nowrap;
     cursor: pointer;
@@ -113,7 +113,7 @@ const theme = ({ dt }) => `
 }
 
 .p-multiselect-header .p-checkbox {
-    margin-right: ${dt('multiselect.option.gap')};
+    margin-inline-end: ${dt('multiselect.option.gap')};
 }
 
 .p-multiselect-filter-container {
@@ -135,7 +135,7 @@ const theme = ({ dt }) => `
     padding: ${dt('multiselect.list.padding')};
     display: flex;
     flex-direction: column;
-    gap: ${dt('multiselect.list.gap')}
+    gap: ${dt('multiselect.list.gap')};
 }
 
 .p-multiselect-option {
@@ -154,7 +154,7 @@ const theme = ({ dt }) => `
     transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt(
     'multiselect.transition.duration'
 )};
-    border-radius: ${dt('multiselect.option.border.radius')}
+    border-radius: ${dt('multiselect.option.border.radius')};
 }
 
 .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
@@ -186,8 +186,8 @@ const theme = ({ dt }) => `
 }
 
 .p-multiselect-label .p-chip {
-    padding-top: calc(${dt('multiselect.padding.y')} / 2);
-    padding-bottom: calc(${dt('multiselect.padding.y')} / 2);
+    padding-block-start: calc(${dt('multiselect.padding.y')} / 2);
+    padding-block-end: calc(${dt('multiselect.padding.y')} / 2);
     border-radius: ${dt('multiselect.chip.border.radius')};
 }