Padding token for empty message

components/lib/autocomplete/style/AutoCompleteStyle.js

@@ -214,6 +214,10 @@ const theme = ({ dt }) => `
     color: ${dt('autocomplete.placeholder.color')};
 }
 
+.p-autocomplete-empty-message {
+    padding: ${dt('autocomplete.empty.message.padding')};
+}
+
 .p-fluid .p-autocomplete {
     display: flex;
 }

components/lib/listbox/style/ListboxStyle.js

@@ -94,7 +94,7 @@ const theme = ({ dt }) => `
 }
 
 .p-listbox-empty-message {
-    padding: ${dt('listbox.option.padding')};
+    padding: ${dt('listbox.empty.message.padding')};
 }
 `;
 

components/lib/multiselect/style/MultiSelectStyle.js

@@ -174,8 +174,7 @@ const theme = ({ dt }) => `
 }
 
 .p-multiselect-empty-message {
-    padding: ${dt('multiselect.option.padding')};
+    padding: ${dt('multiselect.empty.message.padding')};
-    background: transparent;
 }
 
 .p-multiselect-label .p-chip {

components/lib/select/style/SelectStyle.js

@@ -183,8 +183,7 @@ input.p-select-label {
 }
 
 .p-select-empty-message {
-    padding: ${dt('select.option.padding')};
+    padding: ${dt('select.empty.message.padding')};
-    background: transparent;
 }
 
 .p-fluid .p-select {

components/lib/themes/aura/autocomplete/index.js

@@ -65,5 +65,8 @@ export default {
     },
     chip: {
         borderRadius: '{border.radius.sm}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/aura/listbox/index.js

@@ -41,5 +41,8 @@ export default {
         color: '{list.option.group.color}',
         fontWeight: '{list.option.group.font.weight}',
         padding: '{list.option.group.padding}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/aura/multiselect/index.js

@@ -61,5 +61,8 @@ export default {
     },
     chip: {
         borderRadius: '{border.radius.sm}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/aura/select/index.js

@@ -63,5 +63,8 @@ export default {
     },
     checkmark: {
         color: '{list.option.color}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/lara/autocomplete/index.js

@@ -28,7 +28,7 @@ export default {
         borderColor: '{overlay.select.border.color}',
         borderRadius: '{overlay.select.border.radius}',
         color: '{overlay.select.color}',
-        shadow: '{overlay.select.shadow}',
+        shadow: '{overlay.select.shadow}'
     },
     list: {
         padding: '{list.padding}',
@@ -65,5 +65,8 @@ export default {
     },
     chip: {
         borderRadius: '{border.radius.xs}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/lara/listbox/index.js

@@ -41,5 +41,8 @@ export default {
         color: '{list.option.group.color}',
         fontWeight: '{list.option.group.font.weight}',
         padding: '{list.option.group.padding}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/lara/multiselect/index.js

@@ -63,5 +63,8 @@ export default {
     },
     chip: {
         borderRadius: '{border.radius.xs}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };

components/lib/themes/lara/select/index.js

@@ -60,5 +60,8 @@ export default {
     },
     checkmark: {
         color: '{list.option.color}'
+    },
+    emptyMessage: {
+        padding: '{list.option.padding}'
     }
 };