Tokens for PickList and OrderList

components/lib/orderlist/style/OrderListStyle.js

@@ -3,14 +3,14 @@ import BaseStyle from 'primevue/base/style';
 const theme = ({ dt }) => `
 .p-orderlist {
     display: flex;
-    gap: 1.125rem;
+    gap: ${dt('orderlist.gap')};
 }
 
 .p-orderlist-controls {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: 0.5rem;
+    gap: ${dt('orderlist.controls.gap')};
 }
 `;
 

components/lib/picklist/style/PickListStyle.js

@@ -3,14 +3,14 @@ import BaseStyle from 'primevue/base/style';
 const theme = ({ dt }) => `
 .p-picklist {
     display: flex;
-    gap: 1.125rem;
+    gap: ${dt('picklist.gap')};
 }
 
 .p-picklist-controls {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: 0.5rem;
+    gap: ${dt('picklist.controls.gap')};
 }
 
 .p-picklist-list-container {

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

@@ -1 +1,8 @@
-export default {};
+export default {
+    root: {
+        gap: '1.125rem'
+    },
+    controls: {
+        gap: '0.5rem'
+    }
+};

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

@@ -1 +1,8 @@
-export default {};
+export default {
+    root: {
+        gap: '1.125rem'
+    },
+    controls: {
+        gap: '0.5rem'
+    }
+};

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

@@ -1 +1,8 @@
-export default {};
+export default {
+    root: {
+        gap: '1.125rem'
+    },
+    controls: {
+        gap: '0.5rem'
+    }
+};

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

@@ -1 +1,8 @@
-export default {};
+export default {
+    root: {
+        gap: '1.125rem'
+    },
+    controls: {
+        gap: '0.5rem'
+    }
+};