@carbon/charts 0.58.0 → 0.58.1

package/styles/vendor/carbon-components/src/components/tag/_tokens.scss

@@ -25,11 +25,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__red-80,
+        value: $carbon__red-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__red-80,
+        value: $carbon__red-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -50,11 +50,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__red-30,
+        value: $carbon__red-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__red-30,
+        value: $carbon__red-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -75,11 +75,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__red-70,
+        value: $red-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__red-70,
+        value: $red-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -102,11 +102,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__magenta-80,
+        value: $carbon__magenta-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__magenta-80,
+        value: $carbon__magenta-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -127,11 +127,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__magenta-30,
+        value: $carbon__magenta-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__magenta-30,
+        value: $carbon__magenta-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -152,11 +152,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__magenta-70,
+        value: $magenta-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__magenta-70,
+        value: $magenta-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -179,11 +179,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__purple-80,
+        value: $carbon__purple-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__purple-80,
+        value: $carbon__purple-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -204,11 +204,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__purple-30,
+        value: $carbon__purple-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__purple-30,
+        value: $carbon__purple-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -229,11 +229,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__purple-70,
+        value: $purple-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__purple-70,
+        value: $purple-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -256,11 +256,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__blue-80,
+        value: $carbon__blue-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__blue-80,
+        value: $carbon__blue-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -281,11 +281,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__blue-30,
+        value: $carbon__blue-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__blue-30,
+        value: $carbon__blue-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -306,11 +306,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__blue-70,
+        value: $blue-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__blue-70,
+        value: $blue-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -333,11 +333,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cyan-80,
+        value: $carbon__cyan-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cyan-80,
+        value: $carbon__cyan-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -358,11 +358,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cyan-30,
+        value: $carbon__cyan-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cyan-30,
+        value: $carbon__cyan-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -383,11 +383,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cyan-70,
+        value: $cyan-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cyan-70,
+        value: $cyan-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -410,11 +410,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__teal-80,
+        value: $carbon__teal-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__teal-80,
+        value: $carbon__teal-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -435,11 +435,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__teal-30,
+        value: $carbon__teal-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__teal-30,
+        value: $carbon__teal-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -460,11 +460,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__teal-70,
+        value: $teal-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__teal-70,
+        value: $teal-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -487,11 +487,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__green-80,
+        value: $carbon__green-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__green-80,
+        value: $carbon__green-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -512,11 +512,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__green-30,
+        value: $carbon__green-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__green-30,
+        value: $carbon__green-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -537,11 +537,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__green-70,
+        value: $green-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__green-70,
+        value: $green-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -564,11 +564,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__gray-80,
+        value: $carbon__gray-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__gray-80,
+        value: $carbon__gray-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -589,11 +589,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__gray-30,
+        value: $carbon__gray-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__gray-30,
+        value: $carbon__gray-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -614,11 +614,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__gray-70,
+        value: $gray-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__gray-70,
+        value: $gray-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -641,11 +641,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cool-gray-80,
+        value: $carbon__cool-gray-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cool-gray-80,
+        value: $carbon__cool-gray-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -666,11 +666,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cool-gray-30,
+        value: $carbon__cool-gray-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cool-gray-30,
+        value: $carbon__cool-gray-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -691,11 +691,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__cool-gray-70,
+        value: $cool-gray-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__cool-gray-70,
+        value: $cool-gray-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -718,11 +718,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__warm-gray-80,
+        value: $carbon__warm-gray-70,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__warm-gray-80,
+        value: $carbon__warm-gray-70,
       ),
       (
         theme: $carbon--theme--v9,
@@ -743,11 +743,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__warm-gray-30,
+        value: $carbon__warm-gray-20,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__warm-gray-30,
+        value: $carbon__warm-gray-20,
       ),
       (
         theme: $carbon--theme--v9,
@@ -768,11 +768,11 @@ $tag-colors: (
       ),
       (
         theme: $carbon--theme--g90,
-        value: $carbon__warm-gray-70,
+        value: $warm-gray-70-hover,
       ),
       (
         theme: $carbon--theme--g100,
-        value: $carbon__warm-gray-70,
+        value: $warm-gray-70-hover,
       ),
       (
         theme: $carbon--theme--v9,
@@ -780,4 +780,4 @@ $tag-colors: (
       ),
     ),
   ),
-);
+) !default;

package/styles/vendor/carbon-components/src/components/text-area/_text-area.scss

@@ -99,6 +99,12 @@
       color: transparent;
     }
   }
+
+  .#{$prefix}--text-area__label-wrapper {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+  }
 }
 
 @include exports('text-area') {

package/styles/vendor/carbon-components/src/components/text-area/migrate-to-10.x.md

@@ -37,7 +37,7 @@ bx--form-item
 
 ### SCSS
 
-One change to an exisiting selector and two new selectors.
+One change to an existing selector and two new selectors.
 
 | v9                       | v10                                    | Note                                                                                           |
 | ------------------------ | -------------------------------------- | ---------------------------------------------------------------------------------------------- |

package/styles/vendor/carbon-components/src/components/text-input/_text-input.scss

@@ -209,7 +209,7 @@
     @include focus-outline('reset');
 
     border-bottom: 1px solid transparent;
-    background-color: $field-disabled;
+    background-color: $field;
 
     color: $text-disabled;
     cursor: not-allowed;

package/styles/vendor/carbon-components/src/components/text-input/migrate-to-10.x.md

@@ -36,7 +36,7 @@ bx--form-item
 
 ### SCSS
 
-One change to an exisiting selector, two new selectors.
+One change to an existing selector, two new selectors.
 
 | v9                    | v10                                           | Note                                                                                        |
 | --------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------- |

package/styles/vendor/carbon-components/src/components/text-input/text-input.js

@@ -106,7 +106,7 @@ export default class TextInput extends mixin(
    * If `options` is specified in the constructor,
    * {@linkcode TextInput.create .create()},
    * or {@linkcode TextInput.init .init()},
-   * properties in this object are overriden for the instance being
+   * properties in this object are overridden for the instance being
    * created and how {@linkcode TextInput.init .init()} works.
    * @property {string} selectorInit The CSS selector to find text input UIs.
    */

package/styles/vendor/carbon-components/src/components/tile/_tile.scss

@@ -23,11 +23,10 @@
   }
 
   .#{$prefix}--tile {
-    position: relative;
     display: block;
     min-width: 8rem;
     min-height: 4rem;
-    padding: $carbon--spacing-05;
+    padding: $spacing-05;
     background-color: $ui-01;
     outline: 2px solid transparent;
     outline-offset: -2px;
@@ -102,6 +101,7 @@
   }
 
   .#{$prefix}--tile--selectable {
+    position: relative;
     padding-right: $carbon--spacing-09;
     border: 1px solid transparent;
   }
@@ -148,6 +148,10 @@
       transform-origin: center;
       transition: $duration--fast-02 motion(standard, productive);
 
+      @media screen and (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+
       // Windows, Firefox HCM Fix
       @media screen and (-ms-high-contrast: active),
         screen and (prefers-contrast) {
@@ -166,6 +170,7 @@
   }
 
   .#{$prefix}--tile--expandable {
+    position: relative;
     overflow: hidden;
     width: 100%;
     border: 0;
@@ -231,22 +236,6 @@
     }
   }
 
-  // Fix double border
-  .#{$prefix}--tile-input--checked + .#{$prefix}--tile--is-selected {
-    border-top: 1px solid $ui-01;
-  }
-
-  .#{$prefix}--tile:not(.#{$prefix}--tile--is-selected)
-    + .#{$prefix}--tile-input--checked
-    + .#{$prefix}--tile--is-selected {
-    border-top: 1px solid $ui-05;
-  }
-
-  .#{$prefix}--tile-input--checked:first-of-type
-    + .#{$prefix}--tile--is-selected {
-    border-top: 1px solid $ui-05;
-  }
-
   .#{$prefix}--tile-content {
     width: 100%;
     height: 100%;

package/styles/vendor/carbon-components/src/components/tile/tile.js

@@ -110,7 +110,7 @@ class Tile extends mixin(createComponent, initComponentBySearch) {
   /**
    * The component options.
    * If `options` is specified in the constructor,
-   * properties in this object are overriden for the instance being created.
+   * properties in this object are overridden for the instance being created.
    * @property {string} selectorInit The CSS selector to find Tile instances.
    */
   static get options() {

package/styles/vendor/carbon-components/src/components/time-picker/_time-picker.scss

@@ -42,7 +42,6 @@
     min-width: auto;
     padding-right: rem(48px);
     margin: 0;
-    line-height: 1;
   }
 
   .#{$prefix}--time-picker__input-field {