@carbon/charts 0.41.91 → 0.41.95

package/styles/vendor/carbon-components/html/overflow-menu/overflow-menu.html

@@ -7,186 +7,196 @@
 <div data-overflow-menu class="bx--overflow-menu">
   <button
     class="bx--overflow-menu__trigger bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--right bx--tooltip--align-start"
-    aria-haspopup="true" aria-expanded="false" id="example-6b2de2vj3z7-trigger" aria-controls="example-6b2de2vj3z7">
+    aria-haspopup="true" aria-expanded="false" id="example-7nnxxk2aiut-trigger" aria-controls="example-7nnxxk2aiut">
     <span class="bx--assistive-text">Overflow</span>
-    <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="3" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="8" cy="13" r="1"></circle></svg>
+    <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>
   </button>
-  <ul class="bx--overflow-menu-options" tabindex="-1" role="menu"
-    aria-labelledby="example-6b2de2vj3z7-trigger" data-floating-menu-direction="bottom"
-    id="example-6b2de2vj3z7">
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"  title="An example option that is really long to show what should be done to handle long text"
-          data-floating-menu-primary-focus  >
-        <span class="bx--overflow-menu-options__option-content">
-          An example option that is really long to show what should be done to handle long text
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 2
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 3
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 4
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  bx--overflow-menu-options__option--disabled  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"    disabled >
-        <span class="bx--overflow-menu-options__option-content">
-          Disabled
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option   bx--overflow-menu-options__option--danger ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Danger option
-        </span>
-      </button>
-    </li>
-  </ul>
+  <div class="bx--overflow-menu-options" tabindex="-1" role="menu"
+    aria-labelledby="example-7nnxxk2aiut-trigger" data-floating-menu-direction="bottom"
+    id="example-7nnxxk2aiut">
+    <ul  class="bx--overflow-menu-options__content">
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"  title="An example option that is really long to show what should be done to handle long text"
+            data-floating-menu-primary-focus  >
+          <span class="bx--overflow-menu-options__option-content">
+            An example option that is really long to show what should be done to handle long text
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 2
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 3
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 4
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  bx--overflow-menu-options__option--disabled  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"    disabled >
+          <span class="bx--overflow-menu-options__option-content">
+            Disabled
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option   bx--overflow-menu-options__option--danger ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Danger option
+          </span>
+        </button>
+      </li>
+    </ul>
+    <!-- Note: focusable span allows for focus wrap feature within Overflow Menus -->
+    <span tabindex="0"></span>
+  </div>
 </div>
 
 <div data-overflow-menu class="bx--overflow-menu">
   <button
     class="bx--overflow-menu__trigger bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--left bx--tooltip--align-start"
-    aria-haspopup="true" aria-expanded="false" id="example-q1mi3g7fjjp-trigger" aria-controls="example-q1mi3g7fjjp">
+    aria-haspopup="true" aria-expanded="false" id="example-k413agotqxb-trigger" aria-controls="example-k413agotqxb">
     <span class="bx--assistive-text">Overflow</span>
-    <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="3" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="8" cy="13" r="1"></circle></svg>
+    <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>
   </button>
-  <ul class="bx--overflow-menu-options bx--overflow-menu--flip" tabindex="-1"
-    data-floating-menu-direction="bottom" role="menu" aria-labelledby="example-q1mi3g7fjjp-trigger"
-    id="example-q1mi3g7fjjp">
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"  title="An example option that is really long to show what should be done to handle long text"
-          data-floating-menu-primary-focus  >
-        <span class="bx--overflow-menu-options__option-content">
-          An example option that is really long to show what should be done to handle long text
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 2
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 3
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 4
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option  bx--overflow-menu-options__option--disabled  ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"    disabled >
-        <span class="bx--overflow-menu-options__option-content">
-          Disabled
-        </span>
-      </button>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option   bx--overflow-menu-options__option--danger ">
-      <button class="bx--overflow-menu-options__btn" role="menuitem"   >
-        <span class="bx--overflow-menu-options__option-content">
-          Danger option
-        </span>
-      </button>
-    </li>
-  </ul>
+  <div class="bx--overflow-menu-options bx--overflow-menu--flip" tabindex="-1"
+    data-floating-menu-direction="bottom" role="menu" aria-labelledby="example-k413agotqxb-trigger"
+    id="example-k413agotqxb">
+    <ul  class="bx--overflow-menu-options__content">
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"  title="An example option that is really long to show what should be done to handle long text"
+            data-floating-menu-primary-focus  >
+          <span class="bx--overflow-menu-options__option-content">
+            An example option that is really long to show what should be done to handle long text
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 2
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 3
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 4
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option  bx--overflow-menu-options__option--disabled  ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"    disabled >
+          <span class="bx--overflow-menu-options__option-content">
+            Disabled
+          </span>
+        </button>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option   bx--overflow-menu-options__option--danger ">
+        <button class="bx--overflow-menu-options__btn" role="menuitem"   >
+          <span class="bx--overflow-menu-options__option-content">
+            Danger option
+          </span>
+        </button>
+      </li>
+    </ul>
+    <span tabindex="0"></span>
+  </div>
 </div>
 
 <div data-overflow-menu class="bx--overflow-menu">
   <button
     class="bx--overflow-menu__trigger bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--left bx--tooltip--align-start"
-    aria-haspopup="true" aria-expanded="false" id="example-3lyjvfopxeh-trigger" aria-controls="example-3lyjvfopxeh">
+    aria-haspopup="true" aria-expanded="false" id="example-v6qrtp7cfn-trigger" aria-controls="example-v6qrtp7cfn">
     <span class="bx--assistive-text">Overflow</span>
-    <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="3" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="8" cy="13" r="1"></circle></svg>
+    <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><circle cx="16" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="16" cy="24" r="2"></circle></svg>
   </button>
-  <ul class="bx--overflow-menu-options bx--overflow-menu--flip" tabindex="-1"
-    data-floating-menu-direction="bottom" role="menu" aria-labelledby="example-3lyjvfopxeh-trigger"
-    id="example-3lyjvfopxeh">
-    <li
-      class="bx--overflow-menu-options__option">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem" 
-        title="An example option that is really long to show what should be done to handle long text"   data-floating-menu-primary-focus>
-        <span class="bx--overflow-menu-options__option-content">
-          An example option that is really long to show what should be done to handle long text
-        </span>
-      </a>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 2
-        </span>
-      </a>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 3
-        </span>
-      </a>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
-        <span class="bx--overflow-menu-options__option-content">
-          Option 4
-        </span>
-      </a>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option bx--overflow-menu-options__option--disabled">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  
-        tabindex="-1" aria-disabled="true" >
-        <span class="bx--overflow-menu-options__option-content">
-          Disabled
-        </span>
-      </a>
-    </li>
-    <li
-      class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger">
-      <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
-        <span class="bx--overflow-menu-options__option-content">
-          Danger option
-        </span>
-      </a>
-    </li>
-  </ul>
+  <div class="bx--overflow-menu-options bx--overflow-menu--flip" tabindex="-1"
+    data-floating-menu-direction="bottom" role="menu" aria-labelledby="example-v6qrtp7cfn-trigger"
+    id="example-v6qrtp7cfn">
+    <ul  class="bx--overflow-menu-options__content">
+      <li
+        class="bx--overflow-menu-options__option">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem" 
+          title="An example option that is really long to show what should be done to handle long text"   data-floating-menu-primary-focus>
+          <span class="bx--overflow-menu-options__option-content">
+            An example option that is really long to show what should be done to handle long text
+          </span>
+        </a>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 2
+          </span>
+        </a>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 3
+          </span>
+        </a>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
+          <span class="bx--overflow-menu-options__option-content">
+            Option 4
+          </span>
+        </a>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option bx--overflow-menu-options__option--disabled">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  
+          tabindex="-1" aria-disabled="true" >
+          <span class="bx--overflow-menu-options__option-content">
+            Disabled
+          </span>
+        </a>
+      </li>
+      <li
+        class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger">
+        <a href="https://www.ibm.com" class="bx--overflow-menu-options__btn" role="menuitem"  >
+          <span class="bx--overflow-menu-options__option-content">
+            Danger option
+          </span>
+        </a>
+      </li>
+    </ul>
+    <span tabindex="0"></span>
+  </div>
 </div>

package/styles/vendor/carbon-components/html/pagination/pagination--disabled-pagination-buttons.html

@@ -20,7 +20,7 @@
           10
         </option>
       </select>
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
     </div>
     <span class="bx--pagination__text">
       <span data-displayed-item-range>1 – 10</span> of
@@ -38,7 +38,7 @@
           1
         </option>
       </select>
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
     </div>
     <label id="select-id-pagination-page-label--disabled-example"
       class="bx--pagination__text"
@@ -48,12 +48,12 @@
     <button
       class="bx--pagination__button bx--pagination__button--backward bx--pagination__button--no-index"
       tabindex="0" data-page-backward aria-label="previous page">
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M19 23l-8-7 8-7v14z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M20 24L10 16 20 8z"></path></svg>
     </button>
     <button
       class="bx--pagination__button bx--pagination__button--forward bx--pagination__button--no-index"
       tabindex="0" data-page-forward aria-label="next page">
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M13 9l8 7-8 7V9z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M12 8L22 16 12 24z"></path></svg>
     </button>
   </div>
 </div>

package/styles/vendor/carbon-components/html/pagination/pagination.html

@@ -32,7 +32,7 @@
           50
         </option>
       </select>
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
     </div>
     <span class="bx--pagination__text">
       <span data-displayed-item-range>1 – 10</span> of
@@ -62,7 +62,7 @@
           5
         </option>
       </select>
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
     </div>
     <label id="select-id-pagination-page-label"
       class="bx--pagination__text"
@@ -72,12 +72,12 @@
     <button
       class="bx--pagination__button bx--pagination__button--backward "
       tabindex="0" data-page-backward aria-label="previous page">
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M19 23l-8-7 8-7v14z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M20 24L10 16 20 8z"></path></svg>
     </button>
     <button
       class="bx--pagination__button bx--pagination__button--forward "
       tabindex="0" data-page-forward aria-label="next page">
-      <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M13 9l8 7-8 7V9z"></path></svg>
+      <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination__nav-arrow" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M12 8L22 16 12 24z"></path></svg>
     </button>
   </div>
 </div>

package/styles/vendor/carbon-components/html/pagination-nav/pagination-nav--default--as-anchor.html

@@ -15,7 +15,7 @@
               aria-disabled="true"
           >
           <span class="bx--pagination-nav__accessibility-label">Previous page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4l5-4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4 5 0z"></path></svg>
           </a>
       </li>
       <li class="bx--pagination-nav__list-item">
@@ -78,7 +78,7 @@
             href="javascript:void(0)"
           >
           <span class="bx--pagination-nav__accessibility-label">Next page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0l5 4-5 4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0L5 4 0 8z"></path></svg>
           </a>
       </li>
   </ul>

package/styles/vendor/carbon-components/html/pagination-nav/pagination-nav--default--with-select.html

@@ -13,7 +13,7 @@
             data-page-previous
           >
           <span class="bx--pagination-nav__accessibility-label">Previous page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4l5-4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4 5 0z"></path></svg>
           </button>
       </li>
       <li class="bx--pagination-nav__list-item">
@@ -103,7 +103,7 @@
                 </option>
             </select>
             <div class="bx--pagination-nav__select-icon-wrapper">
-              <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__select-icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="3" cy="8" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="13" cy="8" r="1"></circle></svg>
+              <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__select-icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>
             </div>
           </div>
       </li>
@@ -122,7 +122,7 @@
             data-page-next
           >
           <span class="bx--pagination-nav__accessibility-label">Next page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0l5 4-5 4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0L5 4 0 8z"></path></svg>
           </button>
       </li>
   </ul>

package/styles/vendor/carbon-components/html/pagination-nav/pagination-nav.html

@@ -14,7 +14,7 @@
               aria-disabled="true"
           >
           <span class="bx--pagination-nav__accessibility-label">Previous page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4l5-4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M5 8L0 4 5 0z"></path></svg>
           </button>
       </li>
       <li class="bx--pagination-nav__list-item">
@@ -71,7 +71,7 @@
             data-page-next
           >
           <span class="bx--pagination-nav__accessibility-label">Next page </span>
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0l5 4-5 4z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--pagination-nav__icon" width="5" height="8" viewBox="0 0 5 8" aria-hidden="true"><path d="M0 0L5 4 0 8z"></path></svg>
           </button>
       </li>
   </ul>

package/styles/vendor/carbon-components/html/progress-indicator/progress-indicator--vertical.html

@@ -7,7 +7,7 @@
 
 <ul data-progress data-progress-current class="bx--progress bx--progress--vertical">
     <li class="bx--progress-step bx--progress-step--complete "  >
-        <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"></path><path d="M7 10.8L4.5 8.3l.8-.8L7 9.2l3.7-3.7.8.8z"></path></svg>
+        <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M14 21.414L9 16.413 10.413 15 14 18.586 21.585 11 23 12.415 14 21.414z"></path><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"></path></svg>
       <p tabindex="0" class="bx--progress-label">
           First step
       </p>
@@ -22,10 +22,10 @@
         <svg>
           <path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0" ></path>
         </svg>
-      <p tabindex="0" class="bx--progress-label" aria-describedby="label-tooltiprl89k5yg7v">
+      <p tabindex="0" class="bx--progress-label" aria-describedby="label-tooltipr80j13edh8">
             Second Step
       </p>
-      <div id="label-tooltiprl89k5yg7v" role="tooltip" data-floating-menu-direction="bottom" class="bx--tooltip" data-avoid-focus-on-open>
+      <div id="label-tooltipr80j13edh8" role="tooltip" data-floating-menu-direction="bottom" class="bx--tooltip" data-avoid-focus-on-open>
         <span class="bx--tooltip__caret"></span>
         <p class="bx--tooltip__text">Overflow Ex.1</p>
       </div>
@@ -35,17 +35,17 @@
           <svg>
             <path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"></path>
           </svg>
-      <p tabindex="0" class="bx--progress-label" aria-describedby="label-tooltip5sapz5tcqxx">
+      <p tabindex="0" class="bx--progress-label" aria-describedby="label-tooltip4mrom9dmosp">
             Third Step
       </p>
-      <div id="label-tooltip5sapz5tcqxx" role="tooltip" data-floating-menu-direction="bottom" class="bx--tooltip" data-avoid-focus-on-open>
+      <div id="label-tooltip4mrom9dmosp" role="tooltip" data-floating-menu-direction="bottom" class="bx--tooltip" data-avoid-focus-on-open>
         <span class="bx--tooltip__caret"></span>
         <p class="bx--tooltip__text">Overflow Ex. 2 Multi Line</p>
       </div>
       <span class="bx--progress-line"></span>
     </li>
     <li class="bx--progress-step bx--progress-step--incomplete "  data-invalid  >
-          <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--progress__warning" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"></path><path d="M7.5 4h1v5h-1zm.5 6.2c-.4 0-.8.3-.8.8s.3.8.8.8c.4 0 .8-.3.8-.8s-.4-.8-.8-.8z"></path></svg>
+          <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--progress__warning" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"></path><path d="M7.5 4H8.5V9H7.5zM8 10.2c-.4 0-.8.3-.8.8s.3.8.8.8c.4 0 .8-.3.8-.8S8.4 10.2 8 10.2z"></path></svg>
       <p tabindex="0" class="bx--progress-label">
           Fourth step
       </p>