fix(icons): update xlink:href to use carbon-icons (#2451)

* fix(icons): update xlink:href to use carbon-icons * test(copy-button): update xlink:href to use carbon-icons
carbon-design-system · Mar 24, 2017 · 85cabc4 · 85cabc4
1 parent f276311
commit 85cabc4
Show file tree

Hide file tree

Showing 32 changed files with 128 additions and 128 deletions.
diff --git a/src/components/accordion/accordion.html b/src/components/accordion/accordion.html
@@ -2,7 +2,7 @@
   <li tabindex="0" data-accordion-item class="bx--accordion__item">
     <div class="bx--accordion__heading">
       <svg class="bx--accordion__arrow">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--chevron--right"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--chevron--right"></use>
       </svg>
       <p class="bx--accordion__title">Label</p>
     </div>
@@ -13,7 +13,7 @@
   <li tabindex="0" data-accordion-item class="bx--accordion__item">
     <div class="bx--accordion__heading">
       <svg class="bx--accordion__arrow">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--chevron--right"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--chevron--right"></use>
       </svg>
       <p class="bx--accordion__title">Label with multiple words</p>
     </div>
@@ -24,7 +24,7 @@
   <li tabindex="0" data-accordion-item class="bx--accordion__item">
     <div class="bx--accordion__heading">
       <svg class="bx--accordion__arrow">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--chevron--right"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--chevron--right"></use>
       </svg>
       <p class="bx--accordion__title">Label</p>
     </div>
@@ -35,7 +35,7 @@
   <li tabindex="0" data-accordion-item class="bx--accordion__item">
     <div class="bx--accordion__heading">
       <svg class="bx--accordion__arrow">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--chevron--right"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--chevron--right"></use>
       </svg>
       <p class="bx--accordion__title">Label</p>
     </div>

diff --git a/src/components/accordion/migrate-to-7.x.md b/src/components/accordion/migrate-to-7.x.md
@@ -6,7 +6,7 @@ Update `<use xlink:href>` to a local path of bluemix-icons.svg, which should loo
 
 ```html
 <svg class="bx--accordion__arrow">
-  <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#chevron--right"></use>
+  <use xlink:href="/carbon-icons/bluemix-icons.svg#chevron--right"></use>
 </svg>
 ```
 

diff --git a/src/components/button/README.md b/src/components/button/README.md
@@ -34,7 +34,7 @@ Be aware that only `--glyph` icons should be used with buttons.
 <button class="bx--btn bx--btn--secondary" type="button">
   Secondary
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#add--glyph"></use>
   </svg>
 </button>
 ```
diff --git a/src/components/button/danger-button.html b/src/components/button/danger-button.html
@@ -3,13 +3,13 @@
 <button class="bx--btn bx--btn--danger" type="button">
   Danger
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
 <button class="bx--btn bx--btn--danger bx--btn--sm" type="button">Danger button</button>
 <button class="bx--btn bx--btn--danger bx--btn--sm" type="button">
   Danger button
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
diff --git a/src/components/button/primary-button.html b/src/components/button/primary-button.html
@@ -3,13 +3,13 @@
 <button class="bx--btn bx--btn--primary" type="button">
   Primary
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
 <button class="bx--btn bx--btn--primary bx--btn--sm" type="button">Primary button</button>
 <button class="bx--btn bx--btn--primary bx--btn--sm" type="button">
   Primary button
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
diff --git a/src/components/button/secondary-button.html b/src/components/button/secondary-button.html
@@ -3,13 +3,13 @@
 <button class="bx--btn bx--btn--secondary" type="button">
   Secondary
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
 <button class="bx--btn bx--btn--secondary bx--btn--sm" type="button">Secondary button</button>
 <button class="bx--btn bx--btn--secondary bx--btn--sm" type="button">
   Secondary button
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
 </button>
diff --git a/src/components/card/card--with-status.html b/src/components/card/card--with-status.html
@@ -3,7 +3,7 @@
     <!-- OverflowMenu -->
     <div data-overflow-menu class="bx--overflow-menu" tabindex="0" aria-label="List of options">
       <svg class="bx--overflow-menu__icon">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--overflow-menu"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--overflow-menu"></use>
       </svg>
       <ul class="bx--overflow-menu-options">
         <li class="bx--overflow-menu-options__option">
@@ -48,12 +48,12 @@ <h3 id="card-title" class="bx--about__title--name">Card Name</h3>
     <div class="bx--card-footer__app-actions">
       <button class="bx--app-actions__button" id="restart-app" aria-label="restart-app">
         <svg class="bx--app-actions__button--icon">
-          <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--restart--glyph"></use>
+          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--restart--glyph"></use>
         </svg>
       </button>
       <button class="bx--app-actions__button" id="load-app" aria-label="load-app">
         <svg class="bx--app-actions__button--icon">
-          <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--launch--glyph"></use>
+          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--launch--glyph"></use>
         </svg>
       </button>
     </div>

diff --git a/src/components/card/card.html b/src/components/card/card.html
@@ -3,7 +3,7 @@
     <!-- OverflowMenu -->
     <div data-overflow-menu class="bx--overflow-menu" tabindex="0" aria-label="List of options">
       <svg class="bx--overflow-menu__icon">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--overflow-menu"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--overflow-menu"></use>
       </svg>
       <ul class="bx--overflow-menu-options">
         <li class="bx--overflow-menu-options__option">

diff --git a/src/components/checkbox/README.md b/src/components/checkbox/README.md
@@ -22,7 +22,7 @@ With `input` and `label` as siblings
   <label for="bx--checkbox" class="bx--checkbox-label">
     <span class="bx--checkbox-appearance">
       <svg class="bx--checkbox-checkmark">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#checkmark"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#checkmark"></use>
       </svg>
     </span>
     Checkbox (input + label)
@@ -38,7 +38,7 @@ With `label` wrapping `input`
     <input class="bx--checkbox" type="checkbox" value="yellow" name="checkbox">
     <span class="bx--checkbox-appearance">
       <svg class="bx--checkbox-checkmark">
-        <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#checkmark"></use>
+        <use xlink:href="/carbon-icons/bluemix-icons.svg#checkmark"></use>
       </svg>
     </span>
     <span class="bx--checkbox-label-text">Checkbox (label > input)</span>

diff --git a/src/components/checkbox/checkbox.html b/src/components/checkbox/checkbox.html
@@ -6,7 +6,7 @@
     <label for="bx--checkbox-red" class="bx--checkbox-label">
       <span class="bx--checkbox-appearance">
         <svg class="bx--checkbox-checkmark">
-          <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--checkmark"></use>
+          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--checkmark"></use>
         </svg>
       </span>
       Red
@@ -18,7 +18,7 @@
       <input id="bx--checkbox-blue" class="bx--checkbox" type="checkbox" value="yellow" name="checkbox">
       <span class="bx--checkbox-appearance">
         <svg class="bx--checkbox-checkmark">
-          <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--checkmark"></use>
+          <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--checkmark"></use>
         </svg>
       </span>
       <span class="bx--checkbox-label-text">Blue</span>

diff --git a/src/components/code-snippet/code-snippet--code.html b/src/components/code-snippet/code-snippet--code.html
@@ -24,7 +24,7 @@
   </div>
   <button data-copy-btn class="bx--snippet-button">
     <svg class="bx--snippet__icon">
-      <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--copy"></use>
+      <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--copy"></use>
     </svg>
     <div class="bx--btn--copy__feedback" data-feedback="Copied!"></div>
   </button>

diff --git a/src/components/code-snippet/code-snippet--terminal.html b/src/components/code-snippet/code-snippet--terminal.html
@@ -4,7 +4,7 @@
   </div>
   <button data-copy-btn class="bx--snippet-button">
     <svg class="bx--snippet__icon">
-      <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--copy"></use>
+      <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--copy"></use>
     </svg>
     <div class="bx--btn--copy__feedback" data-feedback="Copied!"></div>
   </button>

diff --git a/src/components/copy-button/copy-button.html b/src/components/copy-button/copy-button.html
@@ -1,7 +1,7 @@
 <button data-copy-btn class="bx--btn bx--btn--primary bx--btn--copy bx--btn--sm">
   Copy button
   <svg class="bx--btn__icon">
-    <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--add--glyph"></use>
+    <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--add--glyph"></use>
   </svg>
   <div class="bx--btn--copy__feedback" data-feedback="Copied!"></div>
 </button>
diff --git a/src/components/data-table/data-table--simple.html b/src/components/data-table/data-table--simple.html
@@ -5,19 +5,19 @@
         <th class="bx--table-header bx--table-sort" data-event="sort">
           <span>First Name</span>
           <svg class="bx--table-sort__svg">
-            <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--caret--down"></use>
+            <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--caret--down"></use>
           </svg>
         </th>
         <th class="bx--table-header bx--table-sort" data-event="sort">
           Last Name
           <svg class="bx--table-sort__svg">
-            <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--caret--down"></use>
+            <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--caret--down"></use>
           </svg>
         </th>
         <th class="bx--table-header bx--table-sort" data-event="sort">
           House
           <svg class="bx--table-sort__svg">
-            <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#icon--caret--down"></use>
+            <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--caret--down"></use>
           </svg>
         </th>
       </tr>
-Original file line number
+Diff line change
@@ Expand Up @@
     ```html
     <svg class="bx--accordion__arrow">
-      <use xlink:href="/@console/bluemix-icons/bluemix-icons.svg#chevron--right"></use>
+      <use xlink:href="/carbon-icons/bluemix-icons.svg#chevron--right"></use>
     </svg>
     ```
@@ Expand Down @@