@automattic/charts 1.5.3 → 1.7.0

package/dist/index.css

@@ -1,270 +1,289 @@
-/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
-.a8ccharts-89ApsU {
+.a8ccharts-04TogW-legend {
   align-self: stretch;
 }
-.a8ccharts-Vflwq8 {
+
+.a8ccharts-04TogW-legend-item {
   font-size: var(--wpds-typography-font-size-md, 13px);
 }
-.a8ccharts-qGsavM {
+
+.a8ccharts-04TogW-legend-item--interactive {
   cursor: pointer;
   user-select: none;
-  transition: opacity 0.2s ease;
+  transition: opacity .2s;
 }
-.a8ccharts-qGsavM:hover {
-  opacity: 0.8;
+
+.a8ccharts-04TogW-legend-item--interactive:hover {
+  opacity: .8;
 }
-.a8ccharts-qGsavM:focus {
-  outline: 2px solid currentColor;
+
+.a8ccharts-04TogW-legend-item--interactive:focus {
   outline-offset: 2px;
   border-radius: var(--wpds-border-radius-md, 4px);
+  outline: 2px solid;
 }
-.a8ccharts-qGsavM:focus:not(:focus-visible) {
+
+.a8ccharts-04TogW-legend-item--interactive:focus:not(:focus-visible) {
   outline: none;
 }
-.a8ccharts-ZtDY-Q {
-  opacity: 0.4;
+
+.a8ccharts-04TogW-legend-item--inactive {
+  opacity: .4;
 }
-.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
+
+.a8ccharts-04TogW-legend-item--inactive .a8ccharts-04TogW-legend-item-label {
   text-decoration: line-through;
 }
-.a8ccharts-faSDBI {
+
+.a8ccharts-04TogW-legend-item-text--wrap {
   overflow-wrap: break-word;
   white-space: normal;
   hyphens: auto;
 }
-.a8ccharts-FISUIO {
+
+.a8ccharts-04TogW-legend-item-text--ellipsis {
   white-space: nowrap;
-  overflow: hidden;
   text-overflow: ellipsis;
   flex-shrink: 1;
   min-width: 0;
+  overflow: hidden;
 }
-.a8ccharts-DTZlT- {
+
+.a8ccharts-04TogW-legend-item-value {
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   flex-shrink: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss */
-.a8ccharts-OfX6nd {
+.a8ccharts--zY0xG-tooltip {
   padding: var(--wpds-dimension-padding-sm, 8px);
-  background-color: rgba(0, 0, 0, 0.85);
   color: #fff;
   border-radius: var(--wpds-border-radius-md, 4px);
   font-size: var(--wpds-typography-font-size-md, 13px);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  position: absolute;
   pointer-events: none;
+  background-color: #000000d9;
+  position: absolute;
   transform: translate(-50%, -100%);
+  box-shadow: 0 1px 2px #0000001a;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/private/chart-layout/chart-layout.module.scss */
-.a8ccharts-gXtQZk {
+.a8ccharts-fpNVAq-chart-layout__content {
   flex: 1;
-  min-height: 0;
   min-width: 0;
+  min-height: 0;
 }
-.a8ccharts-gXtQZk svg {
+
+.a8ccharts-fpNVAq-chart-layout__content svg {
   display: block;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/private/svg-empty-state/svg-empty-state.module.scss */
-.a8ccharts-tGXBHV {
+.a8ccharts-udGPVq-svg-empty-state {
   text-align: center;
   width: 100%;
   height: 100%;
   font-size: var(--wpds-typography-font-size-md, 13px);
   color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss */
-.a8ccharts-GSKfBD {
+.a8ccharts-sP1gHa-container {
   min-width: 0;
   min-height: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/private/x-zoom.module.scss */
-.a8ccharts-KeNSrO {
-  fill: var(--charts-zoom-selection-fill, rgba(56, 88, 233, 0.16));
-  stroke: var(--charts-zoom-selection-stroke, rgba(56, 88, 233, 0.65));
+.a8ccharts-y6bXNq-x-zoom__selection {
+  fill: var(--charts-zoom-selection-fill, #3858e929);
+  stroke: var(--charts-zoom-selection-stroke, #3858e9a6);
   stroke-width: var(--wpds-border-width-xs, 1px);
   pointer-events: none;
 }
-.a8ccharts-gg6Kte {
-  position: absolute;
+
+.a8ccharts-y6bXNq-x-zoom__reset {
   top: var(--wpds-dimension-gap-sm, 8px);
   right: var(--wpds-dimension-gap-sm, 8px);
   z-index: 2;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  background: var(--charts-zoom-reset-bg, #ffffffeb);
   width: 28px;
   height: 28px;
-  padding: 0;
-  background: var(--charts-zoom-reset-bg, rgba(255, 255, 255, 0.92));
   color: var(--charts-zoom-reset-fg, #1e1e1e);
-  border: var(--wpds-border-width-xs, 1px) solid var(--charts-zoom-reset-border, rgba(0, 0, 0, 0.16));
+  border: var(--wpds-border-width-xs, 1px) solid var(--charts-zoom-reset-border, #00000029);
   border-radius: var(--wpds-border-radius-md, 4px);
   cursor: pointer;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+  position: absolute;
+  box-shadow: 0 1px 2px #00000014;
 }
-.a8ccharts-gg6Kte:hover {
-  background: var(--charts-zoom-reset-bg-hover, rgb(255, 255, 255));
+
+.a8ccharts-y6bXNq-x-zoom__reset:hover {
+  background: var(--charts-zoom-reset-bg-hover, #fff);
 }
-.a8ccharts-gg6Kte:focus-visible {
+
+.a8ccharts-y6bXNq-x-zoom__reset:focus-visible {
   outline: 2px solid var(--charts-zoom-reset-focus, #3858e9);
   outline-offset: 1px;
 }
-.a8ccharts-bQEoeo {
+
+.a8ccharts-y6bXNq-x-zoom__reset-icon {
+  flex-shrink: 0;
   width: 16px;
   height: 16px;
-  flex-shrink: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss */
-.a8ccharts-v-oO8E {
+.a8ccharts-inuQka-line-chart {
   position: relative;
 }
-.a8ccharts-QrkuTW path {
+
+.a8ccharts-inuQka-line-chart--animated path {
   transform-origin: 0 95%;
+  animation: 1s ease-out forwards a8ccharts-inuQka-rise;
   transform: scaleY(0);
-  animation: a8ccharts--rxDU3 1s ease-out forwards;
 }
-.a8ccharts-v-oO8E svg {
+
+.a8ccharts-inuQka-line-chart svg {
   overflow: visible;
 }
-.a8ccharts-Tu0rR-,
-.a8ccharts--RSWXi {
-  background: #fff;
+
+.a8ccharts-inuQka-line-chart__tooltip, .a8ccharts-inuQka-line-chart__annotation-label-popover {
   padding: var(--wpds-dimension-padding-sm, 8px);
+  background: #fff;
 }
-.a8ccharts-Q-b5A1 {
+
+.a8ccharts-inuQka-line-chart__tooltip-date {
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   padding-bottom: var(--wpds-dimension-padding-md, 12px);
 }
-.a8ccharts-19N7T9 {
+
+.a8ccharts-inuQka-line-chart__tooltip-row {
   padding: var(--wpds-dimension-padding-xs, 4px) 0;
 }
-.a8ccharts-HOAXrD {
+
+.a8ccharts-inuQka-line-chart__tooltip-label {
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   padding-right: var(--wpds-dimension-padding-lg, 16px);
 }
-.a8ccharts-rQiY8O {
+
+.a8ccharts-inuQka-line-chart__annotations-overlay {
+  pointer-events: none;
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
   overflow: visible;
-  pointer-events: none;
 }
-.a8ccharts-8AKWOe {
+
+.a8ccharts-inuQka-line-chart__annotation-label {
   pointer-events: auto;
 }
-.a8ccharts-7mh3Cl {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+
+.a8ccharts-inuQka-line-chart__annotation-label-trigger-button {
   pointer-events: auto;
   cursor: pointer;
-  border: none;
   background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
   padding: 0;
+  display: flex;
 }
-.a8ccharts--RSWXi {
-  min-width: 125px;
-  background: #fff;
-  border: none;
+
+.a8ccharts-inuQka-line-chart__annotation-label-popover {
   border-radius: var(--wpds-border-radius-md, 4px);
+  min-width: 125px;
   font-size: var(--wpds-typography-font-size-md, 13px);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  position: fixed;
   margin: var(--wpds-dimension-gap-sm, 8px);
   visibility: hidden;
+  background: #fff;
+  border: none;
+  position: fixed;
+  box-shadow: 0 1px 2px #0000001a;
 }
-.a8ccharts-VAeVuJ {
+
+.a8ccharts-inuQka-line-chart__annotation-label-popover--visible {
   visibility: visible;
 }
-.a8ccharts-TEe-iV {
+
+.a8ccharts-inuQka-line-chart__annotation-label-popover--safari {
   position: initial;
   margin: auto;
 }
-.a8ccharts-b76gEu {
+
+.a8ccharts-inuQka-line-chart__annotation-label-popover-content {
   padding: var(--wpds-dimension-padding-sm, 8px);
 }
-.a8ccharts-LIpFoS {
+
+.a8ccharts-inuQka-line-chart__annotation-label-popover-close-button {
+  cursor: pointer;
   background: none;
   border: none;
-  cursor: pointer;
+  justify-content: center;
+  align-items: center;
   width: 44px;
   height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   padding: 0;
+  display: flex;
 }
+
 .visx-tooltip-glyph svg {
   width: 10px;
   height: 10px;
 }
-@keyframes a8ccharts--rxDU3 {
+
+@keyframes a8ccharts-inuQka-rise {
   to {
     transform: scaleY(1);
   }
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/area-chart/area-chart.module.scss */
-.a8ccharts-cBqM5n {
+.a8ccharts-jlynaq-area-chart {
   position: relative;
 }
-.a8ccharts-sciJcS path {
+
+.a8ccharts-jlynaq-area-chart--animated path {
   transform-origin: 0 95%;
+  animation: 1s ease-out forwards a8ccharts-jlynaq-rise;
   transform: scaleY(0);
-  animation: a8ccharts-UUsTq6 1s ease-out forwards;
 }
-.a8ccharts-cBqM5n svg {
+
+.a8ccharts-jlynaq-area-chart svg {
   overflow: visible;
 }
-@keyframes a8ccharts-UUsTq6 {
+
+@keyframes a8ccharts-jlynaq-rise {
   to {
     transform: scaleY(1);
   }
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/bar-chart/bar-chart.module.scss */
-.a8ccharts-3gflnB svg {
+.a8ccharts-97yN9W-bar-chart svg {
   overflow: visible;
 }
-.a8ccharts-98W-yu rect {
+
+.a8ccharts-97yN9W-bar-chart--animated rect {
   transform-origin: bottom;
   transform-box: fill-box;
+  animation: 1s ease-out forwards a8ccharts-97yN9W-rise;
   transform: scaleY(0);
-  animation: a8ccharts-z6AsiQ 1s ease-out forwards;
 }
-@keyframes a8ccharts-z6AsiQ {
+
+@keyframes a8ccharts-97yN9W-rise {
   to {
     transform: scaleY(1);
   }
 }
-.a8ccharts-HFA3FF rect {
-  transform-origin: left;
+
+.a8ccharts-97yN9W-bar-chart--animated-horizontal rect {
+  transform-origin: 0;
   transform-box: fill-box;
+  animation: 1s ease-out forwards a8ccharts-97yN9W-stretch;
   transform: scaleX(0);
-  animation: a8ccharts-DQp37O 1s ease-out forwards;
 }
-@keyframes a8ccharts-DQp37O {
+
+@keyframes a8ccharts-97yN9W-stretch {
   to {
     transform: scaleX(1);
   }
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss */
-.a8ccharts-Qicx1p {
-  opacity: 0.6;
+.a8ccharts-mGEVca-conversion-funnel-chart--loading {
+  opacity: .6;
   pointer-events: none;
 }
-.a8ccharts-61WPYr {
+
+.a8ccharts-mGEVca-main-metric {
   height: 20px;
 }
-.a8ccharts-RRRI6x {
-  overflow: hidden;
+
+.a8ccharts-mGEVca-main-rate {
   color: #1e1e1e;
   text-overflow: ellipsis;
   font-size: var(--wpds-typography-font-size-xl, 18px);
@@ -272,157 +291,184 @@
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   line-height: var(--wpds-typography-line-height-sm, 20px);
   margin: 0;
-}
-.a8ccharts-661iwx {
   overflow: hidden;
+}
+
+.a8ccharts-mGEVca-change-indicator {
   text-overflow: ellipsis;
   font-size: var(--wpds-typography-font-size-md, 13px);
   font-style: normal;
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   line-height: var(--wpds-typography-line-height-sm, 20px);
   margin: 0;
+  overflow: hidden;
 }
-.a8ccharts-Z7EGnW {
+
+.a8ccharts-mGEVca-funnel-container {
   flex: 1;
-  min-height: 200px;
   width: 100%;
+  min-height: 200px;
 }
-.a8ccharts-VqFY0l {
+
+.a8ccharts-mGEVca-funnel-step {
   flex: 1 1 0;
   min-width: 0;
   height: 100%;
 }
-.a8ccharts-fk-hCl {
-  transition: opacity 0.3s ease;
+
+.a8ccharts-mGEVca-funnel-step--animated {
+  transition: opacity .3s;
 }
-.a8ccharts-1zOc9c {
-  opacity: 0.3;
+
+.a8ccharts-mGEVca-funnel-step--blurred {
+  opacity: .3;
 }
-.a8ccharts-6OabC4 {
+
+.a8ccharts-mGEVca-step-label {
   color: #757575;
   font-size: var(--wpds-typography-font-size-sm, 12px);
   font-weight: var(--wpds-typography-font-weight-regular, 400);
   line-height: var(--wpds-typography-line-height-xs, 16px);
   white-space: nowrap;
-  overflow: hidden;
   text-overflow: ellipsis;
+  overflow: hidden;
 }
-.a8ccharts-9wSZ6n {
+
+.a8ccharts-mGEVca-step-rate {
   color: #1e1e1e;
   font-size: var(--wpds-typography-font-size-md, 13px);
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   line-height: var(--wpds-typography-line-height-xs, 16px);
 }
-.a8ccharts-sSmCTi {
-  flex: 1;
+
+.a8ccharts-mGEVca-bar-container {
   border-radius: var(--wpds-border-radius-md, 4px);
-  position: relative;
   cursor: pointer;
+  flex: 1;
+  position: relative;
 }
-.a8ccharts-EzczI- {
+
+.a8ccharts-mGEVca-funnel-bar {
+  border-radius: var(--wpds-border-radius-md, 4px) var(--wpds-border-radius-md, 4px) 0 0;
   width: 100%;
   min-height: 4px;
-  border-radius: var(--wpds-border-radius-md, 4px) var(--wpds-border-radius-md, 4px) 0 0;
 }
-.a8ccharts-68HQJl {
+
+.a8ccharts-mGEVca-funnel-bar--animated {
   transform-origin: bottom;
   transform-box: fill-box;
+  animation: 1s ease-out forwards a8ccharts-mGEVca-stretch;
   transform: scaleY(0);
-  animation: a8ccharts-CmtieZ 1s ease-out forwards;
 }
-@keyframes a8ccharts-CmtieZ {
+
+@keyframes a8ccharts-mGEVca-stretch {
   to {
     transform: scaleY(1);
   }
 }
-.a8ccharts-2TeoCn {
+
+.a8ccharts-mGEVca-tooltip-wrapper {
   border-bottom: var(--wpds-border-width-xs, 1px) solid var(--Gray-Gray-5, #dcdcde);
   background: var(--black-white-white, #fff);
   border-radius: var(--wpds-border-radius-md, 4px) !important;
   padding: var(--wpds-dimension-padding-md, 12px) !important;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0 1px 3px #00000026, 0 3px 9px #0000001f !important;
 }
-.a8ccharts-jkRitH {
+
+.a8ccharts-mGEVca-tooltip-title {
   color: #1e1e1e;
   font-size: var(--wpds-typography-font-size-sm, 12px);
   font-style: normal;
   font-weight: var(--wpds-typography-font-weight-regular, 400);
   line-height: var(--wpds-typography-line-height-xs, 16px);
 }
-.a8ccharts-8jgT-3 {
+
+.a8ccharts-mGEVca-tooltip-content {
   color: #1e1e1e;
   font-size: var(--wpds-typography-font-size-md, 13px);
   font-style: normal;
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   line-height: var(--wpds-typography-line-height-sm, 20px);
 }
-.a8ccharts-Ml6MMr {
+
+.a8ccharts-mGEVca-empty-state {
   text-align: center;
   color: #6b7280;
   font-size: var(--wpds-typography-font-size-lg, 16px);
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/geo-chart/geo-chart.module.scss */
-.a8ccharts-JvcqOz {
+.a8ccharts-8hS2IW-container {
   position: relative;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss */
-.a8ccharts-V3NYDq {
-  transition: opacity 0.3s ease-in-out;
+.a8ccharts-GovfoW-leaderboardChart {
+  transition: opacity .3s ease-in-out;
 }
-.a8ccharts-WHNERS {
-  height: 100%;
+
+.a8ccharts-GovfoW-leaderboardChart--responsive {
   width: 100%;
+  height: 100%;
 }
-.a8ccharts-JQbl6A {
-  opacity: 0.5;
+
+.a8ccharts-GovfoW-leaderboardChart--loading {
+  opacity: .5;
 }
-.a8ccharts-Ml1kKc {
+
+.a8ccharts-GovfoW-leaderboardChart__content {
   flex: 1;
   min-height: 0;
   overflow: auto;
 }
-.a8ccharts-ETItHW {
-  display: grid;
-  align-items: center;
+
+.a8ccharts-GovfoW-barWithLabelContainer {
+  isolation: isolate;
   grid-template-columns: 1fr;
+  align-items: center;
   row-gap: 6px;
-  isolation: isolate;
+  display: grid;
 }
-.a8ccharts-ETItHW.a8ccharts-oA4hdH {
-  grid-template: "overlap" 1fr/1fr;
+
+.a8ccharts-GovfoW-barWithLabelContainer.a8ccharts-GovfoW-is-overlay {
+  grid-template: "a8ccharts-GovfoW-overlap" 1fr
+  / 1fr;
 }
-.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {
-  grid-area: overlap;
+
+.a8ccharts-GovfoW-barWithLabelContainer.a8ccharts-GovfoW-is-overlay > * {
+  grid-area: a8ccharts-GovfoW-overlap;
 }
-.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {
+
+.a8ccharts-GovfoW-barWithLabelContainer.a8ccharts-GovfoW-is-overlay .a8ccharts-GovfoW-label {
   padding-left: var(--wpds-dimension-padding-sm, 8px);
 }
-.a8ccharts-ETItHW .a8ccharts-np8f0T {
+
+.a8ccharts-GovfoW-barWithLabelContainer .a8ccharts-GovfoW-bar {
   height: 100%;
   min-height: 6px;
+  min-width: var(--wpds-dimension-size-5xs, 4px);
   border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);
   z-index: -1;
 }
-.a8ccharts-ETItHW .a8ccharts-zq3CmS {
-  transform-origin: left;
+
+.a8ccharts-GovfoW-barWithLabelContainer .a8ccharts-GovfoW-bar--animated {
+  transform-origin: 0;
   transform-box: fill-box;
+  animation: 1s ease-out forwards a8ccharts-GovfoW-stretch;
   transform: scaleX(0);
-  animation: a8ccharts-D0Q3w1 1s ease-out forwards;
 }
-@keyframes a8ccharts-D0Q3w1 {
+
+@keyframes a8ccharts-GovfoW-stretch {
   to {
     transform: scaleX(1);
   }
 }
-.a8ccharts-B6VcRn {
+
+.a8ccharts-GovfoW-valueContainer {
   justify-content: flex-end;
 }
-.a8ccharts-GB7tyM {
+
+.a8ccharts-GovfoW-overlayLabel {
   align-items: center;
 }
-.a8ccharts-E0K4Hr {
+
+.a8ccharts-GovfoW-emptyState {
   padding: var(--wpds-dimension-padding-3xl, 32px) var(--wpds-dimension-padding-lg, 16px);
   text-align: center;
   color: #666;
@@ -430,77 +476,147 @@
   font-style: italic;
 }
 
-/* esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss */
-.a8ccharts-C-n-Gu {
-  overflow: hidden;
-}
-.a8ccharts-IQVR6j {
-  height: 100%;
+.a8ccharts-GovfoW-interactiveRow {
+  --focus-ring-width: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+  box-sizing: border-box;
+  appearance: none;
   width: 100%;
+  padding: var(--focus-ring-width);
+  color: inherit;
+  font: inherit;
+  text-align: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  align-items: center;
+  margin: 0;
+  display: grid;
+  position: relative;
 }
-.a8ccharts-eGV3AE {
-  width: 100%;
-  height: 100%;
+
+.a8ccharts-GovfoW-interactiveRow .a8ccharts-GovfoW-bar {
+  transition: opacity .15s, width .15s;
 }
 
-/* esbuild-sass-plugin:css-chunk:src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss */
-.a8ccharts-V0wiEb {
-  height: 100%;
+.a8ccharts-GovfoW-interactiveRow .a8ccharts-GovfoW-valueContainer {
+  transition: transform .15s;
+}
+
+.a8ccharts-GovfoW-interactiveRow:hover, .a8ccharts-GovfoW-interactiveRow:focus-visible {
+  --a8c--charts--leaderboard--bar--hover-inset: var(--wpds-dimension-gap-2xl, 32px);
+}
+
+.a8ccharts-GovfoW-interactiveRow:hover .a8ccharts-GovfoW-bar, .a8ccharts-GovfoW-interactiveRow:focus-visible .a8ccharts-GovfoW-bar {
+  opacity: .5;
+}
+
+.a8ccharts-GovfoW-interactiveRow:hover .a8ccharts-GovfoW-valueContainer, .a8ccharts-GovfoW-interactiveRow:focus-visible .a8ccharts-GovfoW-valueContainer {
+  transform: translateX(calc(var(--a8c--charts--leaderboard--bar--hover-inset) * -1));
+}
+
+.a8ccharts-GovfoW-interactiveRow:hover .a8ccharts-GovfoW-chevron, .a8ccharts-GovfoW-interactiveRow:focus-visible .a8ccharts-GovfoW-chevron {
+  opacity: 1;
+}
+
+[dir="rtl"] .a8ccharts-GovfoW-interactiveRow:hover .a8ccharts-GovfoW-valueContainer, [dir="rtl"] .a8ccharts-GovfoW-interactiveRow:focus-visible .a8ccharts-GovfoW-valueContainer {
+  transform: translateX(var(--a8c--charts--leaderboard--bar--hover-inset));
+}
+
+.a8ccharts-GovfoW-interactiveRow:focus-visible {
+  border-radius: var(--wpds-border-radius-sm, 2px);
+  outline: var(--focus-ring-width) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
+  outline-offset: calc(-1 * var(--focus-ring-width));
+}
+
+.a8ccharts-GovfoW-chevron {
+  inset-inline-end: var(--wpds-dimension-padding-xs, 4px);
+  opacity: 0;
+  color: var(--wpds-color-fg-content-neutral-weak, #707070);
+  pointer-events: none;
+  margin-block: auto;
+  transition: opacity .15s;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+[dir="rtl"] .a8ccharts-GovfoW-chevron {
+  transform: scaleX(-1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .a8ccharts-GovfoW-interactiveRow .a8ccharts-GovfoW-bar, .a8ccharts-GovfoW-interactiveRow .a8ccharts-GovfoW-valueContainer, .a8ccharts-GovfoW-interactiveRow .a8ccharts-GovfoW-chevron {
+    transition: none;
+  }
+}
+.a8ccharts-gnszbG-pie-chart {
+  overflow: hidden;
+}
+
+.a8ccharts-gnszbG-pie-chart--responsive, .a8ccharts-gnszbG-pie-chart__centering {
   width: 100%;
+  height: 100%;
 }
-.a8ccharts-1khYG1 {
+.a8ccharts-YtTOxW-pie-semi-circle-chart--responsive, .a8ccharts-YtTOxW-pie-semi-circle-chart__centering {
   width: 100%;
   height: 100%;
 }
-.a8ccharts-8tyaQj .a8ccharts-EKZS3j {
+
+.a8ccharts-YtTOxW-pie-semi-circle-chart .a8ccharts-YtTOxW-label {
   font-weight: var(--wpds-typography-font-weight-medium, 499);
   font-size: var(--wpds-typography-font-size-lg, 16px);
 }
-.a8ccharts-8tyaQj .a8ccharts-v85A8- {
+
+.a8ccharts-YtTOxW-pie-semi-circle-chart .a8ccharts-YtTOxW-note {
   font-size: var(--wpds-typography-font-size-md, 13px);
 }
-
-/* esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss */
-.a8ccharts-o-3Z8B {
-  display: inline-block;
+.a8ccharts-GtgAVa-sparkline {
   vertical-align: middle;
   line-height: 1;
+  display: inline-block;
 }
-.a8ccharts-o-3Z8B svg {
+
+.a8ccharts-GtgAVa-sparkline svg {
   display: block;
   overflow: visible;
 }
-.a8ccharts-o-3Z8B path {
+
+.a8ccharts-GtgAVa-sparkline path {
   vector-effect: non-scaling-stroke;
 }
-.a8ccharts-CbLbcd {
+
+.a8ccharts-GtgAVa-sparkline--empty {
   display: inline-block;
 }
-
-/* esbuild-sass-plugin:css-chunk:src/components/trend-indicator/trend-indicator.module.scss */
-.a8ccharts-tGw1PY {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.125em;
+.a8ccharts-zR7F7G-trend-indicator {
   font-size: var(--wpds-typography-font-size-md, 13px);
   font-weight: var(--wpds-typography-font-weight-medium, 499);
+  align-items: center;
+  gap: .125em;
   line-height: 1;
+  display: inline-flex;
 }
-.a8ccharts-Fn-D1W {
+
+.a8ccharts-zR7F7G-trend-indicator--up {
   color: var(--charts-trend-up-color, #1a8917);
 }
-.a8ccharts-HqtGQO {
+
+.a8ccharts-zR7F7G-trend-indicator--down {
   color: var(--charts-trend-down-color, #d63638);
 }
-.a8ccharts-S10nvO {
+
+.a8ccharts-zR7F7G-trend-indicator--neutral {
   color: var(--charts-trend-neutral-color, #646970);
 }
-.a8ccharts-5HjpOT {
+
+.a8ccharts-zR7F7G-trend-indicator__icon {
+  flex-shrink: 0;
   width: 1em;
   height: 1em;
-  flex-shrink: 0;
 }
-.a8ccharts-muLL2Q {
+
+.a8ccharts-zR7F7G-trend-indicator__value {
   white-space: nowrap;
 }
-/*# sourceMappingURL=index.css.map */