docs(css): replace text-wrap directive with class (#19144)

rtpHarry · brandyscarney · commit d4db3af881af · 2019-08-26T15:27:00.000-04:00
diff --git a/core/src/components/item/readme.md b/core/src/components/item/readme.md
@@ -131,14 +131,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
@@ -455,14 +455,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
@@ -778,14 +778,14 @@ const Example: React.FC<{}> = () => (
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
         Multiline text that should wrap when it is too long
         to fit on one line in the item.
         </IonLabel>
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
           <IonText color="primary">
             <h3>H3 Primary Title</h3>
           </IonText>
@@ -1098,14 +1098,14 @@ List Items
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
       Multiline text that should wrap when it is too long
       to fit on one line in the item.
       </ion-label>
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
         <ion-text color="primary">
           <h3>H3 Primary Title</h3>
         </ion-text>
diff --git a/core/src/components/item/usage/angular.md b/core/src/components/item/usage/angular.md
@@ -68,14 +68,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
diff --git a/core/src/components/item/usage/javascript.md b/core/src/components/item/usage/javascript.md
@@ -68,14 +68,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
diff --git a/core/src/components/item/usage/react.md b/core/src/components/item/usage/react.md
@@ -67,14 +67,14 @@ const Example: React.FC<{}> = () => (
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
         Multiline text that should wrap when it is too long
         to fit on one line in the item.
         </IonLabel>
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
           <IonText color="primary">
             <h3>H3 Primary Title</h3>
           </IonText>
diff --git a/core/src/components/item/usage/vue.md b/core/src/components/item/usage/vue.md
@@ -73,14 +73,14 @@ List Items
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
       Multiline text that should wrap when it is too long
       to fit on one line in the item.
       </ion-label>
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
         <ion-text color="primary">
           <h3>H3 Primary Title</h3>
         </ion-text>
diff --git a/core/src/components/label/readme.md b/core/src/components/label/readme.md
@@ -27,7 +27,7 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-text-wrap">
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
@@ -90,7 +90,7 @@ export const LabelExample: React.FC = () => (
     </IonItem>
 
     <IonItem>
-      <IonLabel text-wrap>
+      <IonLabel class="ion-text-wrap">
         Multi-line text that should wrap when it is too long
         to fit on one line in the item.
       </IonLabel>
@@ -151,7 +151,7 @@ export const LabelExample: React.FC = () => (
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       Multi-line text that should wrap when it is too long
       to fit on one line in the item.
     </ion-label>
diff --git a/core/src/components/label/usage/angular.md b/core/src/components/label/usage/angular.md
@@ -15,7 +15,7 @@
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-text-wrap">
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
diff --git a/core/src/components/label/usage/javascript.md b/core/src/components/label/usage/javascript.md
@@ -15,7 +15,7 @@
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-text-wrap">
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
diff --git a/core/src/components/label/usage/react.md b/core/src/components/label/usage/react.md
@@ -20,7 +20,7 @@ export const LabelExample: React.FC = () => (
     </IonItem>
 
     <IonItem>
-      <IonLabel text-wrap>
+      <IonLabel class="ion-text-wrap">
         Multi-line text that should wrap when it is too long
         to fit on one line in the item.
       </IonLabel>
diff --git a/core/src/components/label/usage/vue.md b/core/src/components/label/usage/vue.md
@@ -16,7 +16,7 @@
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       Multi-line text that should wrap when it is too long
       to fit on one line in the item.
     </ion-label>
diff --git a/core/src/components/select-popover/select-popover.tsx b/core/src/components/select-popover/select-popover.tsx
@@ -41,7 +41,7 @@ export class SelectPopover implements ComponentInterface {
           {this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>}
           { (this.subHeader !== undefined || this.message !== undefined) &&
             <ion-item>
-              <ion-label text-wrap>
+              <ion-label class="ion-text-wrap">
                 {this.subHeader !== undefined && <h3>{this.subHeader}</h3>}
                 {this.message !== undefined && <p>{this.message}</p>}
               </ion-label>
