Merge pull request #390 from mashmatrix/fix-pill-contaier-bem

fix pill container BEM to single underscore

Author: stomita

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lightning-design-system",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "Salesforce Lightning Design System components built with React",
   "main": "lib/scripts/index.js",
   "module": "module/scripts/index.js",

src/scripts/Lookup.tsx

@@ -93,7 +93,7 @@ export class LookupSelection<LookupEntry extends Entry> extends Component<
     const lookupClassNames = classnames({ 'slds-hide': hidden });
     return (
       <div ref={lookupSelectionRef} className={lookupClassNames}>
-        <div className='slds-pill__container'>
+        <div className='slds-pill_container'>
           {selected ? this.renderPill(selected) : undefined}
         </div>
       </div>

stories/PillStories.tsx

@@ -37,7 +37,7 @@ storiesOf('Pill', module)
     'truncate',
     () => (
       <div style={{ width: '200px' }}>
-        <div className='slds-pill__container'>
+        <div className='slds-pill_container'>
           <Pill
             label='Pill Label that is longer than the area that contains it'
             truncate

test/storyshots/__snapshots__/storyshots.test.js.snap

@@ -40135,7 +40135,7 @@ exports[`Storyshots Lookup With selection 1`] = `
             className=""
           >
             <div
-              className="slds-pill__container"
+              className="slds-pill_container"
             >
               <a
                 className="slds-pill slds-truncate"
@@ -50892,7 +50892,7 @@ exports[`Storyshots Pill truncate 1`] = `
       }
     >
       <div
-        className="slds-pill__container"
+        className="slds-pill_container"
       >
         <a
           className="slds-pill slds-truncate"