@carbon/charts 0.58.0 → 0.58.1

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

@@ -6,49 +6,49 @@
 -->
 <div class="bx--form-item">
   <div class="bx--dropdown__wrapper ">
-    <span id="example-bi7xbskkgv-label" class="bx--label">Dropdown label</span>
+    <span id="example-w5dduczz7bn-label" class="bx--label">Dropdown label</span>
     <div data-dropdown data-value
       class="bx--dropdown   ">
       <button class="bx--dropdown-text" aria-haspopup="true" aria-expanded="false"
-        aria-controls="example-bi7xbskkgv-menu"
-        aria-labelledby="example-bi7xbskkgv-label example-bi7xbskkgv-value" type="button">
-        <span class="bx--dropdown-text__inner" id="example-bi7xbskkgv-value"> Dropdown
+        aria-controls="example-w5dduczz7bn-menu"
+        aria-labelledby="example-w5dduczz7bn-label example-w5dduczz7bn-value" type="button">
+        <span class="bx--dropdown-text__inner" id="example-w5dduczz7bn-value"> Dropdown
           option </span>
         <span class="bx--dropdown__arrow-container">
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__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>
         </span>
       </button>
-      <ul class="bx--dropdown-list" id="example-bi7xbskkgv-menu" role="menu" tabindex="-1"
-        id="example-bi7xbskkgv-menu" aria-hidden="true" aria-labelledby="example-bi7xbskkgv-label">
+      <ul class="bx--dropdown-list" id="example-w5dduczz7bn-menu" role="menu" tabindex="-1"
+        id="example-w5dduczz7bn-menu" aria-hidden="true" aria-labelledby="example-w5dduczz7bn-label">
         <li data-option data-value="all" class="bx--dropdown-item" title="Option 1">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="true"
-            id="example-bi7xbskkgv-item0">Option 1</a>
+            id="example-w5dduczz7bn-item0">Option 1</a>
         </li>
         <li data-option data-value="cloudFoundry" class="bx--dropdown-item" title="Option 2">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item1">Option 2</a>
+            id="example-w5dduczz7bn-item1">Option 2</a>
         </li>
         <li data-option data-value="staging" class="bx--dropdown-item" title="Option 3">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item2">Option 3</a>
+            id="example-w5dduczz7bn-item2">Option 3</a>
         </li>
         <li data-option data-value="dea" class="bx--dropdown-item" title="Option 4">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item3">Option 4</a>
+            id="example-w5dduczz7bn-item3">Option 4</a>
         </li>
         <li data-option data-value="router" class="bx--dropdown-item" title="Option 5">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item4">Option 5</a>
+            id="example-w5dduczz7bn-item4">Option 5</a>
         </li>
         <li data-option data-value="loremipsum" class="bx--dropdown-item" title="An example option that is really long to show what should be done to handle long text">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item5">An example option that is really long to show what should be done to handle long text</a>
+            id="example-w5dduczz7bn-item5">An example option that is really long to show what should be done to handle long text</a>
         </li>
       </ul>
     </div>
@@ -58,49 +58,49 @@
 
 <div class="bx--form-item">
   <div class="bx--dropdown__wrapper ">
-    <span id="example-fvzds9esr7s-label" class="bx--label">Dropdown label</span>
+    <span id="example-5kq4yc0snfu-label" class="bx--label">Dropdown label</span>
     <div data-dropdown data-value
       class="bx--dropdown   ">
       <button class="bx--dropdown-text" aria-haspopup="true" aria-expanded="false"
-        aria-controls="example-fvzds9esr7s-menu" aria-labelledby="example-fvzds9esr7s-label example-fvzds9esr7s-value"
+        aria-controls="example-5kq4yc0snfu-menu" aria-labelledby="example-5kq4yc0snfu-label example-5kq4yc0snfu-value"
         type="button">
-        <span class="bx--dropdown-text__inner" id="example-fvzds9esr7s-value"> Dropdown
+        <span class="bx--dropdown-text__inner" id="example-5kq4yc0snfu-value"> Dropdown
           option </span>
         <span class="bx--dropdown__arrow-container">
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__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>
         </span>
       </button>
-      <ul class="bx--dropdown-list" role="menu" tabindex="-1" id="example-fvzds9esr7s-menu"
-        aria-hidden="true" aria-labelledby="example-fvzds9esr7s-label">
+      <ul class="bx--dropdown-list" role="menu" tabindex="-1" id="example-5kq4yc0snfu-menu"
+        aria-hidden="true" aria-labelledby="example-5kq4yc0snfu-label">
         <li data-option data-value="all" class="bx--dropdown-item" title="Option 1">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="true"
-            id="example-fvzds9esr7s-item0">Option 1</a>
+            id="example-5kq4yc0snfu-item0">Option 1</a>
         </li>
         <li data-option data-value="cloudFoundry" class="bx--dropdown-item" title="Option 2">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-fvzds9esr7s-item1">Option 2</a>
+            id="example-5kq4yc0snfu-item1">Option 2</a>
         </li>
         <li data-option data-value="staging" class="bx--dropdown-item" title="Option 3">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-fvzds9esr7s-item2">Option 3</a>
+            id="example-5kq4yc0snfu-item2">Option 3</a>
         </li>
         <li data-option data-value="dea" class="bx--dropdown-item" title="Option 4">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-fvzds9esr7s-item3">Option 4</a>
+            id="example-5kq4yc0snfu-item3">Option 4</a>
         </li>
         <li data-option data-value="router" class="bx--dropdown-item" title="Option 5">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-fvzds9esr7s-item4">Option 5</a>
+            id="example-5kq4yc0snfu-item4">Option 5</a>
         </li>
         <li data-option data-value="loremipsum" class="bx--dropdown-item" title="An example option that is really long to show what should be done to handle long text">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-fvzds9esr7s-item5">An example option that is really long to show what should be done to handle long text</a>
+            id="example-5kq4yc0snfu-item5">An example option that is really long to show what should be done to handle long text</a>
         </li>
       </ul>
     </div>
@@ -111,51 +111,51 @@
 
 <div class="bx--form-item">
   <div class="bx--dropdown__wrapper ">
-    <span id="example-cotg8n7ekyb-label" class="bx--label bx--label--disabled"
+    <span id="example-ojwuq4mmwgm-label" class="bx--label bx--label--disabled"
       aria-disabled="true">Dropdown label</span>
     <div data-dropdown data-value
       class="bx--dropdown bx--dropdown--disabled">
       <button disabled class="bx--dropdown-text" aria-haspopup="true" aria-expanded="false"
-        aria-controls="example-cotg8n7ekyb-menu"
-        aria-labelledby="example-cotg8n7ekyb-label example-cotg8n7ekyb-value" type="button">
-        <span class="bx--dropdown-text__inner" id="example-cotg8n7ekyb-value">
+        aria-controls="example-ojwuq4mmwgm-menu"
+        aria-labelledby="example-ojwuq4mmwgm-label example-ojwuq4mmwgm-value" type="button">
+        <span class="bx--dropdown-text__inner" id="example-ojwuq4mmwgm-value">
           Dropdown option </span>
         <span class="bx--dropdown__arrow-container">
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__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>
         </span>
       </button>
       <!-- Note: remove `tabindex` from disabled dropdown lists -->
-      <ul class="bx--dropdown-list" id="example-cotg8n7ekyb-menu" role="menu"
-        id="example-cotg8n7ekyb-menu" aria-hidden="true" aria-labelledby="example-cotg8n7ekyb-label">
+      <ul class="bx--dropdown-list" id="example-ojwuq4mmwgm-menu" role="menu"
+        id="example-ojwuq4mmwgm-menu" aria-hidden="true" aria-labelledby="example-ojwuq4mmwgm-label">
         <li data-option data-value="all" class="bx--dropdown-item" title="Option 1">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="true"
-            id="example-cotg8n7ekyb-item0">Option 1</a>
+            id="example-ojwuq4mmwgm-item0">Option 1</a>
         </li>
         <li data-option data-value="cloudFoundry" class="bx--dropdown-item" title="Option 2">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-cotg8n7ekyb-item1">Option 2</a>
+            id="example-ojwuq4mmwgm-item1">Option 2</a>
         </li>
         <li data-option data-value="staging" class="bx--dropdown-item" title="Option 3">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-cotg8n7ekyb-item2">Option 3</a>
+            id="example-ojwuq4mmwgm-item2">Option 3</a>
         </li>
         <li data-option data-value="dea" class="bx--dropdown-item" title="Option 4">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-cotg8n7ekyb-item3">Option 4</a>
+            id="example-ojwuq4mmwgm-item3">Option 4</a>
         </li>
         <li data-option data-value="router" class="bx--dropdown-item" title="Option 5">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-cotg8n7ekyb-item4">Option 5</a>
+            id="example-ojwuq4mmwgm-item4">Option 5</a>
         </li>
         <li data-option data-value="loremipsum" class="bx--dropdown-item" title="An example option that is really long to show what should be done to handle long text">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-cotg8n7ekyb-item5">An example option that is really long to show what should be done to handle long text</a>
+            id="example-ojwuq4mmwgm-item5">An example option that is really long to show what should be done to handle long text</a>
         </li>
       </ul>
     </div>
@@ -169,51 +169,51 @@
 <div class="bx--form-item">
   <div
     class="bx--dropdown__wrapper ">
-    <span id="example-dd769vzo7y9-label" class="bx--label">Dropdown label</span>
+    <span id="example-odozku67ew-label" class="bx--label">Dropdown label</span>
     <div data-dropdown data-value
       class="bx--dropdown bx--dropdown--invalid  "
       data-invalid>
       <button class="bx--dropdown-text" aria-haspopup="true" aria-expanded="false"
-        aria-controls="example-dd769vzo7y9-menu"
-        aria-labelledby="example-dd769vzo7y9-label example-dd769vzo7y9-value" type="button">
+        aria-controls="example-odozku67ew-menu"
+        aria-labelledby="example-odozku67ew-label example-odozku67ew-value" type="button">
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__invalid-icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8,1C4.2,1,1,4.2,1,8s3.2,7,7,7s7-3.1,7-7S11.9,1,8,1z M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2	c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z"></path><path d="M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8	c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z" data-icon-path="inner-path" opacity="0"></path></svg>
-        <span class="bx--dropdown-text__inner" id="example-dd769vzo7y9-value"> Dropdown
+        <span class="bx--dropdown-text__inner" id="example-odozku67ew-value"> Dropdown
           option </span>
         <span class="bx--dropdown__arrow-container">
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__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>
         </span>
       </button>
-      <ul class="bx--dropdown-list" id="example-dd769vzo7y9-menu" role="menu" tabindex="-1"
-        id="example-dd769vzo7y9-menu" aria-hidden="true" aria-labelledby="example-dd769vzo7y9-label">
+      <ul class="bx--dropdown-list" id="example-odozku67ew-menu" role="menu" tabindex="-1"
+        id="example-odozku67ew-menu" aria-hidden="true" aria-labelledby="example-odozku67ew-label">
         <li data-option data-value="all" class="bx--dropdown-item" title="Option 1">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="true"
-            id="example-dd769vzo7y9-item0">Option 1</a>
+            id="example-odozku67ew-item0">Option 1</a>
         </li>
         <li data-option data-value="cloudFoundry" class="bx--dropdown-item" title="Option 2">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-dd769vzo7y9-item1">Option 2</a>
+            id="example-odozku67ew-item1">Option 2</a>
         </li>
         <li data-option data-value="staging" class="bx--dropdown-item" title="Option 3">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-dd769vzo7y9-item2">Option 3</a>
+            id="example-odozku67ew-item2">Option 3</a>
         </li>
         <li data-option data-value="dea" class="bx--dropdown-item" title="Option 4">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-dd769vzo7y9-item3">Option 4</a>
+            id="example-odozku67ew-item3">Option 4</a>
         </li>
         <li data-option data-value="router" class="bx--dropdown-item" title="Option 5">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-dd769vzo7y9-item4">Option 5</a>
+            id="example-odozku67ew-item4">Option 5</a>
         </li>
         <li data-option data-value="loremipsum" class="bx--dropdown-item" title="An example option that is really long to show what should be done to handle long text">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-dd769vzo7y9-item5">An example option that is really long to show what should be done to handle long text</a>
+            id="example-odozku67ew-item5">An example option that is really long to show what should be done to handle long text</a>
         </li>
       </ul>
     </div>
@@ -225,54 +225,54 @@
 
 <div class="bx--form-item">
   <div class="bx--dropdown__wrapper ">
-    <span id="example-bi7xbskkgv-label" class="bx--label">Dropdown label</span>
+    <span id="example-w5dduczz7bn-label" class="bx--label">Dropdown label</span>
     <div data-dropdown data-value
       class="bx--dropdown  bx--dropdown--show-selected   ">
       <button class="bx--dropdown-text" aria-haspopup="true" aria-expanded="false"
-        aria-controls="example-bi7xbskkgv-menu"
-        aria-labelledby="example-bi7xbskkgv-label example-bi7xbskkgv-value" type="button">
-        <span class="bx--dropdown-text__inner" id="example-bi7xbskkgv-value"> Dropdown
+        aria-controls="example-w5dduczz7bn-menu"
+        aria-labelledby="example-w5dduczz7bn-label example-w5dduczz7bn-value" type="button">
+        <span class="bx--dropdown-text__inner" id="example-w5dduczz7bn-value"> Dropdown
           option </span>
         <span class="bx--dropdown__arrow-container">
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--dropdown__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>
         </span>
       </button>
-      <ul class="bx--dropdown-list" id="example-bi7xbskkgv-menu" role="menu" tabindex="-1"
-        id="example-bi7xbskkgv-menu" aria-hidden="true" aria-labelledby="example-bi7xbskkgv-label">
+      <ul class="bx--dropdown-list" id="example-w5dduczz7bn-menu" role="menu" tabindex="-1"
+        id="example-w5dduczz7bn-menu" aria-hidden="true" aria-labelledby="example-w5dduczz7bn-label">
         <li data-option data-value="all" class="bx--dropdown-item" title="Option 1">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="true"
-            id="example-bi7xbskkgv-item0">Option 1</a>
+            id="example-w5dduczz7bn-item0">Option 1</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
         <li data-option data-value="cloudFoundry" class="bx--dropdown-item" title="Option 2">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item1">Option 2</a>
+            id="example-w5dduczz7bn-item1">Option 2</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
         <li data-option data-value="staging" class="bx--dropdown-item" title="Option 3">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item2">Option 3</a>
+            id="example-w5dduczz7bn-item2">Option 3</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
         <li data-option data-value="dea" class="bx--dropdown-item" title="Option 4">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item3">Option 4</a>
+            id="example-w5dduczz7bn-item3">Option 4</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
         <li data-option data-value="router" class="bx--dropdown-item" title="Option 5">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item4">Option 5</a>
+            id="example-w5dduczz7bn-item4">Option 5</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
         <li data-option data-value="loremipsum" class="bx--dropdown-item" title="An example option that is really long to show what should be done to handle long text">
           <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio"
             aria-checked="false"
-            id="example-bi7xbskkgv-item5">An example option that is really long to show what should be done to handle long text</a>
+            id="example-w5dduczz7bn-item5">An example option that is really long to show what should be done to handle long text</a>
           <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="bx--list-box__menu-item__selected-icon" width="16" height="16" viewBox="0 0 32 32"><path d="M13 24L4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"></path></svg>
         </li>
       </ul>

package/styles/vendor/carbon-components/html/modal/modal--danger.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--danger" type="button" data-modal-target="#modal-w3gawzadl6">Show
+<button class="bx--btn bx--btn--danger" type="button" data-modal-target="#modal-5qrrwemr84a">Show
   modal</button>
 
-<div data-modal id="modal-w3gawzadl6" class="bx--modal bx--modal--danger" role="dialog"
-  aria-modal="true" aria-labelledby="modal-w3gawzadl6-label" aria-describedby="modal-w3gawzadl6-heading" tabindex="-1">
+<div data-modal id="modal-5qrrwemr84a" class="bx--modal bx--modal--danger" role="dialog"
+  aria-modal="true" aria-labelledby="modal-5qrrwemr84a-label" aria-describedby="modal-5qrrwemr84a-heading" tabindex="-1">
   <div class="bx--modal-container">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-w3gawzadl6-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-w3gawzadl6-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-5qrrwemr84a-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-5qrrwemr84a-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" >
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--input.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-n7cgy9lizg">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-gj6g1izq516">Show
   modal</button>
 
-<div data-modal id="modal-n7cgy9lizg" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-n7cgy9lizg-label" aria-describedby="modal-n7cgy9lizg-heading" tabindex="-1">
+<div data-modal id="modal-gj6g1izq516" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-gj6g1izq516-label" aria-describedby="modal-gj6g1izq516-heading" tabindex="-1">
   <div class="bx--modal-container">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-n7cgy9lizg-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-n7cgy9lizg-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-gj6g1izq516-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-gj6g1izq516-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" >
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>
@@ -23,8 +23,8 @@
 
     <div class="bx--modal-content bx--modal-content--with-form" >
       <div class="bx--form-item">
-        <label for="text-input-n7cgy9lizg" class="bx--label">Text Input label</label>
-        <input id="text-input-n7cgy9lizg" type="text" class="bx--text-input" placeholder="Optional placeholder text"
+        <label for="text-input-gj6g1izq516" class="bx--label">Text Input label</label>
+        <input id="text-input-gj6g1izq516" type="text" class="bx--text-input" placeholder="Optional placeholder text"
           data-modal-primary-focus>
       </div>
     </div>

package/styles/vendor/carbon-components/html/modal/modal--lg.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-mczby7erzre">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-iyukc30hrzk">Show
   modal</button>
 
-<div data-modal id="modal-mczby7erzre" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-mczby7erzre-label" aria-describedby="modal-mczby7erzre-heading" tabindex="-1">
+<div data-modal id="modal-iyukc30hrzk" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-iyukc30hrzk-label" aria-describedby="modal-iyukc30hrzk-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--lg">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-mczby7erzre-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-mczby7erzre-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-iyukc30hrzk-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-iyukc30hrzk-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" >
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--nofooter-lg.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-20gorm5bvnp">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-8yfb7z7i8j">Show
   modal</button>
 
-<div data-modal id="modal-20gorm5bvnp" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-20gorm5bvnp-label" aria-describedby="modal-20gorm5bvnp-heading" tabindex="-1">
+<div data-modal id="modal-8yfb7z7i8j" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-8yfb7z7i8j-label" aria-describedby="modal-8yfb7z7i8j-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--lg">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-20gorm5bvnp-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-20gorm5bvnp-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-8yfb7z7i8j-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-8yfb7z7i8j-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--nofooter-sm.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-onkswk0w4d">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-p4mhgue4uk">Show
   modal</button>
 
-<div data-modal id="modal-onkswk0w4d" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-onkswk0w4d-label" aria-describedby="modal-onkswk0w4d-heading" tabindex="-1">
+<div data-modal id="modal-p4mhgue4uk" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-p4mhgue4uk-label" aria-describedby="modal-p4mhgue4uk-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--sm">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-onkswk0w4d-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-onkswk0w4d-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-p4mhgue4uk-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-p4mhgue4uk-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--nofooter-xs.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-lguouebknu9">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-2dkg2ja00uu">Show
   modal</button>
 
-<div data-modal id="modal-lguouebknu9" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-lguouebknu9-label" aria-describedby="modal-lguouebknu9-heading" tabindex="-1">
+<div data-modal id="modal-2dkg2ja00uu" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-2dkg2ja00uu-label" aria-describedby="modal-2dkg2ja00uu-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--xs">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-lguouebknu9-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-lguouebknu9-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-2dkg2ja00uu-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-2dkg2ja00uu-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--nofooter.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-qxxv0v80nhg">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-dpffrj0cul9">Show
   modal</button>
 
-<div data-modal id="modal-qxxv0v80nhg" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-qxxv0v80nhg-label" aria-describedby="modal-qxxv0v80nhg-heading" tabindex="-1">
+<div data-modal id="modal-dpffrj0cul9" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-dpffrj0cul9-label" aria-describedby="modal-dpffrj0cul9-heading" tabindex="-1">
   <div class="bx--modal-container">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-qxxv0v80nhg-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-qxxv0v80nhg-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-dpffrj0cul9-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-dpffrj0cul9-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--scrolling.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-hvesxvk49zp">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-jnehebs0r3m">Show
   modal</button>
 
-<div data-modal id="modal-hvesxvk49zp" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-hvesxvk49zp-label" aria-describedby="modal-hvesxvk49zp-heading" tabindex="-1">
+<div data-modal id="modal-jnehebs0r3m" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-jnehebs0r3m-label" aria-describedby="modal-jnehebs0r3m-heading" tabindex="-1">
   <div class="bx--modal-container">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-hvesxvk49zp-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-hvesxvk49zp-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-jnehebs0r3m-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-jnehebs0r3m-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" >
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--sm.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-1lqxdzq3usx">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-dluluetkfgp">Show
   modal</button>
 
-<div data-modal id="modal-1lqxdzq3usx" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-1lqxdzq3usx-label" aria-describedby="modal-1lqxdzq3usx-heading" tabindex="-1">
+<div data-modal id="modal-dluluetkfgp" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-dluluetkfgp-label" aria-describedby="modal-dluluetkfgp-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--sm">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-1lqxdzq3usx-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-1lqxdzq3usx-heading">Modal heading</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-dluluetkfgp-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-dluluetkfgp-heading">Modal heading</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" >
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--titleonly-nofooter-sm.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-rjftctpgqor">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-4gf2xn0wfpi">Show
   modal</button>
 
-<div data-modal id="modal-rjftctpgqor" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-rjftctpgqor-label" aria-describedby="modal-rjftctpgqor-heading" tabindex="-1">
+<div data-modal id="modal-4gf2xn0wfpi" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-4gf2xn0wfpi-label" aria-describedby="modal-4gf2xn0wfpi-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--sm">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-rjftctpgqor-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-rjftctpgqor-heading">Passive modal title as the message. Should be direct and 3 lines or less.</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-4gf2xn0wfpi-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-4gf2xn0wfpi-heading">Passive modal title as the message. Should be direct and 3 lines or less.</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>

package/styles/vendor/carbon-components/html/modal/modal--titleonly-nofooter-xs.html

@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-xgdvd60u6n">Show
+<button class="bx--btn bx--btn--primary" type="button" data-modal-target="#modal-hwh7uoe4h6">Show
   modal</button>
 
-<div data-modal id="modal-xgdvd60u6n" class="bx--modal " role="dialog"
-  aria-modal="true" aria-labelledby="modal-xgdvd60u6n-label" aria-describedby="modal-xgdvd60u6n-heading" tabindex="-1">
+<div data-modal id="modal-hwh7uoe4h6" class="bx--modal " role="dialog"
+  aria-modal="true" aria-labelledby="modal-hwh7uoe4h6-label" aria-describedby="modal-hwh7uoe4h6-heading" tabindex="-1">
   <div class="bx--modal-container bx--modal-container--xs">
     <div class="bx--modal-header">
-      <p class="bx--modal-header__label bx--type-delta" id="modal-xgdvd60u6n-label">Optional label</p>
-      <p class="bx--modal-header__heading bx--type-beta" id="modal-xgdvd60u6n-heading">Passive modal title as the message. Should be direct and 3 lines or less.</p>
+      <p class="bx--modal-header__label bx--type-delta" id="modal-hwh7uoe4h6-label">Optional label</p>
+      <p class="bx--modal-header__heading bx--type-beta" id="modal-hwh7uoe4h6-heading">Passive modal title as the message. Should be direct and 3 lines or less.</p>
       <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
         <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg>
       </button>