Updated styles to reflect slds changes

Author: rapsacnz

src/aura/DualSelect/DualSelect.cmp

@@ -6,19 +6,20 @@
 
     <div class="slds">
 
-        <div class="slds-picklist--draggable slds-grid">
+          <div class="slds-dueling-list slds-grid">
+          
             <div class="slds-assistive-text" id="drag-live-region" aria-live="assertive"></div>
             <div class="slds-assistive-text" id="option-drag-label">Press space bar when on an item, to move it within the list. CMD plus left and right arrow keys, to move items between lists.</div>
 
             <c:OrderedList aura:id="left" fieldName="{!v.fieldName}" values="{!v.leftValues}" position="left" />   
 
-            <div class="slds-grid slds-grid--vertical">
-                <button class="slds-button slds-button--icon-container slds-button--icon-small" title="Right" onclick="{!c.moveRightToLeft}">
-                    <lightning:icon iconName="utility:left" size="small" class="slds-button__icon slds-button__icon--large" />
+            <div class="slds-dueling-list__column">
+                <button class="slds-button slds-button_icon-container slds-button_icon-small" title="Right" onclick="{!c.moveRightToLeft}">
+                    <lightning:icon iconName="utility:left" size="small" class="slds-button__icon slds-button__icon_large" />
                     <span class="slds-assistive-text">Move Selection to Second Category</span>
                 </button>
-                <button class="slds-button slds-button--icon-container slds-button--icon-small" title="Left" onclick="{!c.moveLeftToRight}">
-                    <lightning:icon iconName="utility:right" size="small" class="slds-button__icon slds-button__icon--large" />
+                <button class="slds-button slds-button_icon-container slds-button_icon-small" title="Left" onclick="{!c.moveLeftToRight}">
+                    <lightning:icon iconName="utility:right" size="small" class="slds-button__icon slds-button__icon_large" />
                     <span class="slds-assistive-text">Move Selection to First Category</span>
                 </button>
             </div>