@carbon/charts 1.11.16 → 1.11.18

package/dist/demo/styles.css

@@ -1787,21 +1787,6 @@ em {
   --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
 }
 
-:root {
-  --cds-layout-size-height-xs: 1.5rem;
-  --cds-layout-size-height-sm: 2rem;
-  --cds-layout-size-height-md: 2.5rem;
-  --cds-layout-size-height-lg: 3rem;
-  --cds-layout-size-height-xl: 4rem;
-  --cds-layout-size-height-2xl: 5rem;
-  --cds-layout-size-height-min: 0px;
-  --cds-layout-size-height-max: 999999999px;
-  --cds-layout-density-padding-inline-condensed: 0.5rem;
-  --cds-layout-density-padding-inline-normal: 1rem;
-  --cds-layout-density-padding-inline-min: 0px;
-  --cds-layout-density-padding-inline-max: 999999999px;
-}
-
 .cds--layout--size-xs {
   --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
   --cds-layout-size-height: var(--cds-layout-size-height-context);
@@ -1938,6 +1923,21 @@ em {
   --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
+:root {
+  --cds-layout-size-height-xs: 1.5rem;
+  --cds-layout-size-height-sm: 2rem;
+  --cds-layout-size-height-md: 2.5rem;
+  --cds-layout-size-height-lg: 3rem;
+  --cds-layout-size-height-xl: 4rem;
+  --cds-layout-size-height-2xl: 5rem;
+  --cds-layout-size-height-min: 0px;
+  --cds-layout-size-height-max: 999999999px;
+  --cds-layout-density-padding-inline-condensed: 0.5rem;
+  --cds-layout-density-padding-inline-normal: 1rem;
+  --cds-layout-density-padding-inline-min: 0px;
+  --cds-layout-density-padding-inline-max: 999999999px;
+}
+
 .cds--white {
   background: var(--cds-background);
   color: var(--cds-text-primary);
@@ -3120,31 +3120,31 @@ li.cds--accordion__item--disabled:last-of-type {
   display: block;
 }
 
-.cds--popover--tab-tip .cds--popover .cds--popover-caret {
+.cds--popover--tab-tip > .cds--popover .cds--popover-caret {
   display: none;
 }
 
-.cds--popover--bottom .cds--popover-content {
+.cds--popover--bottom > .cds--popover .cds--popover-content {
   bottom: 0;
   left: 50%;
   transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom-left .cds--popover-content {
+.cds--popover--bottom-left > .cds--popover .cds--popover-content {
   bottom: 0;
   left: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom-right .cds--popover-content {
+.cds--popover--bottom-right > .cds--popover .cds--popover-content {
   right: 0;
   bottom: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom .cds--popover-content::before,
-.cds--popover--bottom-left .cds--popover-content::before,
-.cds--popover--bottom-right .cds--popover-content::before {
+.cds--popover--bottom > .cds--popover .cds--popover-content::before,
+.cds--popover--bottom-left > .cds--popover .cds--popover-content::before,
+.cds--popover--bottom-right > .cds--popover .cds--popover-content::before {
   top: 0;
   right: 0;
   left: 0;
@@ -3152,9 +3152,9 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translateY(-100%);
 }
 
-.cds--popover--bottom .cds--popover-caret,
-.cds--popover--bottom-left .cds--popover-caret,
-.cds--popover--bottom-right .cds--popover-caret {
+.cds--popover--bottom > .cds--popover .cds--popover-caret,
+.cds--popover--bottom-left > .cds--popover .cds--popover-caret,
+.cds--popover--bottom-right > .cds--popover .cds--popover-caret {
   bottom: 0;
   left: 50%;
   width: var(--cds-popover-caret-width, 0.75rem);
@@ -3163,27 +3163,27 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(-50%, var(--cds-popover-offset, 0rem));
 }
 
-.cds--popover--top .cds--popover-content {
+.cds--popover--top > .cds--popover .cds--popover-content {
   top: 0;
   left: 50%;
   transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--top-left .cds--popover-content {
+.cds--popover--top-left > .cds--popover .cds--popover-content {
   top: 0;
   left: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--top-right .cds--popover-content {
+.cds--popover--top-right > .cds--popover .cds--popover-content {
   top: 0;
   right: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--top .cds--popover-content::before,
-.cds--popover--top-left .cds--popover-content::before,
-.cds--popover--top-right .cds--popover-content::before {
+.cds--popover--top > .cds--popover .cds--popover-content::before,
+.cds--popover--top-left > .cds--popover .cds--popover-content::before,
+.cds--popover--top-right > .cds--popover .cds--popover-content::before {
   right: 0;
   bottom: 0;
   left: 0;
@@ -3191,9 +3191,9 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translateY(100%);
 }
 
-.cds--popover--top .cds--popover-caret,
-.cds--popover--top-left .cds--popover-caret,
-.cds--popover--top-right .cds--popover-caret {
+.cds--popover--top > .cds--popover .cds--popover-caret,
+.cds--popover--top-left > .cds--popover .cds--popover-caret,
+.cds--popover--top-right > .cds--popover .cds--popover-caret {
   top: 0;
   left: 50%;
   width: var(--cds-popover-caret-width, 0.75rem);
@@ -3202,27 +3202,27 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--right .cds--popover-content {
+.cds--popover--right > .cds--popover .cds--popover-content {
   top: 50%;
   left: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), -50%);
 }
 
-.cds--popover--right-top .cds--popover-content {
+.cds--popover--right-top > .cds--popover .cds--popover-content {
   top: 50%;
   left: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
 }
 
-.cds--popover--right-bottom .cds--popover-content {
+.cds--popover--right-bottom > .cds--popover .cds--popover-content {
   bottom: 50%;
   left: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
-.cds--popover--right .cds--popover-content::before,
-.cds--popover--right-top .cds--popover-content::before,
-.cds--popover--right-bottom .cds--popover-content::before {
+.cds--popover--right > .cds--popover .cds--popover-content::before,
+.cds--popover--right-top > .cds--popover .cds--popover-content::before,
+.cds--popover--right-bottom > .cds--popover .cds--popover-content::before {
   top: 0;
   bottom: 0;
   left: 0;
@@ -3230,9 +3230,9 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translateX(-100%);
 }
 
-.cds--popover--right .cds--popover-caret,
-.cds--popover--right-top .cds--popover-caret,
-.cds--popover--right-bottom .cds--popover-caret {
+.cds--popover--right > .cds--popover .cds--popover-caret,
+.cds--popover--right-top > .cds--popover .cds--popover-caret,
+.cds--popover--right-bottom > .cds--popover .cds--popover-caret {
   top: 50%;
   left: 100%;
   width: var(--cds-popover-caret-height, 0.375rem);
@@ -3241,27 +3241,27 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
 }
 
-.cds--popover--left .cds--popover-content {
+.cds--popover--left > .cds--popover .cds--popover-content {
   top: 50%;
   right: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
 }
 
-.cds--popover--left-top .cds--popover-content {
+.cds--popover--left-top > .cds--popover .cds--popover-content {
   top: -50%;
   right: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
-.cds--popover--left-bottom .cds--popover-content {
+.cds--popover--left-bottom > .cds--popover .cds--popover-content {
   right: 100%;
   bottom: -50%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
 }
 
-.cds--popover--left .cds--popover-content::before,
-.cds--popover--left-top .cds--popover-content::before,
-.cds--popover--left-bottom .cds--popover-content::before {
+.cds--popover--left > .cds--popover .cds--popover-content::before,
+.cds--popover--left-top > .cds--popover .cds--popover-content::before,
+.cds--popover--left-bottom > .cds--popover .cds--popover-content::before {
   top: 0;
   right: 0;
   bottom: 0;
@@ -3269,9 +3269,9 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translateX(100%);
 }
 
-.cds--popover--left .cds--popover-caret,
-.cds--popover--left-top .cds--popover-caret,
-.cds--popover--left-bottom .cds--popover-caret {
+.cds--popover--left > .cds--popover .cds--popover-caret,
+.cds--popover--left-top > .cds--popover .cds--popover-caret,
+.cds--popover--left-bottom > .cds--popover .cds--popover-caret {
   top: 50%;
   right: 100%;
   width: var(--cds-popover-caret-height, 0.375rem);
@@ -3280,7 +3280,7 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
 
-.cds--popover--tab-tip .cds--popover-content {
+.cds--popover--tab-tip > .cds--popover .cds--popover-content {
   border-radius: 0;
 }
 
@@ -7952,6 +7952,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--contained-list-item {
   position: relative;
+  display: list-item;
   list-style: none;
 }
 
@@ -9730,6 +9731,7 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--table-toolbar {
   position: relative;
+  z-index: 1;
   display: flex;
   width: 100%;
   min-height: 3rem;
@@ -10072,6 +10074,7 @@ tr.cds--data-table--selected:last-of-type td {
   justify-content: space-between;
   background-color: var(--cds-background-brand, #0f62fe);
   clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
+  opacity: 0;
   pointer-events: none;
   transform: translate3d(0, 48px, 0);
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -10088,7 +10091,9 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--batch-actions--active {
-  clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
+  z-index: 1;
+  clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);
+  opacity: 1;
   pointer-events: all;
   transform: translate3d(0, 0, 0);
 }
@@ -10325,7 +10330,7 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {
 }
 
 tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
-  padding-left: 4rem;
+  padding-left: 3.5rem;
   border-bottom: 1px solid var(--cds-border-subtle);
   transition: padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -14257,6 +14262,7 @@ button.cds--dropdown-text:focus {
   cursor: pointer;
   font-family: inherit;
   opacity: 1;
+  text-overflow: ellipsis;
   transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--select-input:hover {
@@ -27226,8 +27232,8 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -27667,8 +27673,8 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -28108,8 +28114,8 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -28549,8 +28555,8 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -29005,8 +29011,8 @@ html {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -29446,8 +29452,8 @@ html[data-carbon-theme=white] {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -29887,8 +29893,8 @@ html[data-carbon-theme=g10] {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -30328,8 +30334,8 @@ html[data-carbon-theme=g90] {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -30769,8 +30775,8 @@ html[data-carbon-theme=g100] {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;