fix: update all micro journey cta to use bolt link over text

boltdesignsystem · Oct 2, 2019 · 228f659 · 228f659
1 parent 78d3af1
commit 228f659
Show file tree

Hide file tree

Showing 11 changed files with 30 additions and 30 deletions.
diff --git a/packages/editor/src/setup-bolt.js b/packages/editor/src/setup-bolt.js
@@ -62,10 +62,10 @@ const cta = {
   content: `
       <bolt-cta>
         <bolt-icon size="medium" slot="icon" name="asset-presentation"></bolt-icon>
-        <bolt-text font-size="xsmall" slot="link" display="inline">
+        <bolt-link slot="link" display="inline">
           CTA Text
           <bolt-icon name="chevron-right"></bolt-icon>
-        </bolt-text>
+        </bolt-link>
       </bolt-cta>
       `,
 };
@@ -611,10 +611,10 @@ export function setupBolt(editor) {
     },
     initialContent: [
       `<bolt-icon size="medium" slot="icon" name="asset-presentation"></bolt-icon>`,
-      `<bolt-text font-size="xsmall" slot="link" display="inline">
+      `<bolt-link slot="link" display="inline">
         CTA Text
         <bolt-icon name="chevron-right"></bolt-icon>
-      </bolt-text>`,
+      </bolt-link>`,
     ],
     extraTraits: [],
   });

diff --git a/packages/micro-journeys/starters/cta-text-2.html b/packages/micro-journeys/starters/cta-text-2.html
@@ -6,9 +6,9 @@
     <bolt-icon name="asset-presentation"></bolt-icon>
   </bolt-animate>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
       See this in action
       <bolt-icon name="chevron-right"></bolt-icon>
-    </bolt-text>
+    </bolt-link>
   </bolt-animate>
 </bolt-cta>
diff --git a/packages/micro-journeys/starters/cta-text-3.html b/packages/micro-journeys/starters/cta-text-3.html
@@ -3,9 +3,9 @@
 </bolt-text>
 <bolt-cta>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
       What do we mean by “next best action”?
       <bolt-icon name="chevron-right"></bolt-icon>
-    </bolt-text>
+    </bolt-link>
   </bolt-animate>
 </bolt-cta>
diff --git a/packages/micro-journeys/starters/cta-text-4.html b/packages/micro-journeys/starters/cta-text-4.html
@@ -3,9 +3,9 @@
 </bolt-text>
 <bolt-cta>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
       Find out how Cisco cut AHT in half
       <bolt-icon name="chevron-right"></bolt-icon>
-    </bolt-text>
+    </bolt-link>
   </bolt-animate>
 </bolt-cta>
diff --git a/packages/micro-journeys/starters/cta-text-5.html b/packages/micro-journeys/starters/cta-text-5.html
@@ -7,10 +7,10 @@
     <bolt-icon size="medium" name="co-browse"></bolt-icon>
   </bolt-animate>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
     Explore our industry-leading software
     <bolt-icon name="chevron-right"></bolt-icon>
-  </bolt-text>
+  </bolt-link>
   </bolt-animate>
 </bolt-cta>
 <br>
@@ -19,10 +19,10 @@
     <bolt-icon size="medium" name="customer-service"></bolt-icon>
   </bolt-animate>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
     Learn more about intelligent guidance
     <bolt-icon name="chevron-right"></bolt-icon>
-  </bolt-text>
+  </bolt-link>
   </bolt-animate>
 </bolt-cta>
 <br>
@@ -31,9 +31,9 @@
     <bolt-icon size="medium" name="eye"></bolt-icon>
   </bolt-animate>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
     Sign up for an upcoming demo
     <bolt-icon name="chevron-right"></bolt-icon>
-  </bolt-text>
+  </bolt-link>
   </bolt-animate>
 </bolt-cta>
diff --git a/packages/micro-journeys/starters/cta-text-lorem.html b/packages/micro-journeys/starters/cta-text-lorem.html
@@ -6,9 +6,9 @@
     <bolt-icon size="medium" name="asset-presentation"></bolt-icon>
   </bolt-animate>
   <bolt-animate slot="link">
-    <bolt-text font-size="xsmall" display="inline">
+    <bolt-link display="inline">
       Ab animi atque consectetur
       <bolt-icon name="chevron-right"></bolt-icon>
-    </bolt-text>
+    </bolt-link>
   </bolt-animate>
 </bolt-cta>
diff --git a/packages/micro-journeys/starters/one-character-1.html b/packages/micro-journeys/starters/one-character-1.html
@@ -13,10 +13,10 @@
               <bolt-icon name="eye"></bolt-icon>
             </bolt-animate>
             <bolt-animate slot="link">
-              <bolt-text font-size="xsmall" display="inline">
+              <bolt-link display="inline">
                 Customer billing view
                 <bolt-icon name="chevron-right"></bolt-icon>
-              </bolt-text>
+              </bolt-link>
             </bolt-animate>
           </bolt-cta>
         </bolt-animate>

diff --git a/packages/micro-journeys/starters/one-character-lorem.html b/packages/micro-journeys/starters/one-character-lorem.html
@@ -13,10 +13,10 @@
               <bolt-icon name="eye"></bolt-icon>
             </bolt-animate>
             <bolt-animate slot="link">
-              <bolt-text font-size="xsmall" display="inline">
+              <bolt-link font-size="xsmall" display="inline">
                 Lorem ipsum dolor sit amet
                 <bolt-icon name="chevron-right"></bolt-icon>
-              </bolt-text>
+              </bolt-link>
             </bolt-animate>
           </bolt-cta>
         </bolt-animate>

diff --git a/packages/micro-journeys/starters/steo-one-character-lorem.html b/packages/micro-journeys/starters/steo-one-character-lorem.html
@@ -16,10 +16,10 @@
               <bolt-icon name="eye"></bolt-icon>
             </bolt-animate>
             <bolt-animate slot="link">
-              <bolt-text font-size="xsmall" display="inline">
+              <bolt-link display="inline">
                 Lorem ipsum dolor sit amet
                 <bolt-icon name="chevron-right"></bolt-icon>
-              </bolt-text>
+              </bolt-link>
             </bolt-animate>
           </bolt-cta>
         </bolt-animate>
@@ -36,10 +36,10 @@
         <bolt-icon size="medium" name="asset-presentation"></bolt-icon>
       </bolt-animate>
       <bolt-animate slot="link">
-        <bolt-text font-size="xsmall" display="inline">
+        <bolt-link display="inline">
           Ab animi atque consectetur
           <bolt-icon name="chevron-right"></bolt-icon>
-        </bolt-text>
+        </bolt-link>
       </bolt-animate>
     </bolt-cta>
   </bolt-animate>

diff --git a/packages/micro-journeys/starters/steo-two-character-lorem.html b/packages/micro-journeys/starters/steo-two-character-lorem.html
@@ -41,10 +41,10 @@
         <bolt-icon size="medium" name="asset-presentation"></bolt-icon>
       </bolt-animate>
       <bolt-animate slot="link">
-        <bolt-text font-size="xsmall" display="inline">
+        <bolt-link display="inline">
           Ab animi atque consectetur
           <bolt-icon name="chevron-right"></bolt-icon>
-        </bolt-text>
+        </bolt-link>
       </bolt-animate>
     </bolt-cta>
   </bolt-animate>

diff --git a/packages/micro-journeys/starters/two-characters-3.html b/packages/micro-journeys/starters/two-characters-3.html
@@ -14,10 +14,10 @@
             <bolt-icon name="eye"></bolt-icon>
           </bolt-animate>
           <bolt-animate slot="link">
-            <bolt-text font-size="xsmall" display="inline">
+            <bolt-link display="inline">
               Agent view of billing charges
               <bolt-icon name="chevron-right"></bolt-icon>
-            </bolt-text>
+            </bolt-link>
           </bolt-animate>
         </bolt-cta>
       </bolt-animate>