@cloudscape-design/components 3.0.0

package/internal/components/button-trigger/styles.scoped.css

@@ -0,0 +1,289 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_button-trigger_18eso_18zxg_97 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+  transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_button-trigger_18eso_18zxg_97 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_button-trigger_18eso_18zxg_97 > .awsui_arrow_18eso_18zxg_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_18zxg_97 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_button-trigger_18eso_18zxg_97:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  position: relative;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 12px;
+  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
+  background-color: #ffffff;
+  background-color: var(--color-background-input-default-u57378, #ffffff);
+  border-radius: 8px;
+  border-radius: var(--border-field-radius-t0kudr, 8px);
+  border: 2px solid #9ba7b6;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
+  min-height: 34px;
+  min-height: var(--size-vertical-input-js5hfh, 34px);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_has-caret_18eso_18zxg_135:not(#\9) {
+  padding-right: 36px;
+  padding-right: var(--space-field-icon-offset-25xih0, 36px);
+}
+.awsui_button-trigger_18eso_18zxg_97 > .awsui_placeholder_18eso_18zxg_138:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
+  font-style: italic;
+}
+.awsui_button-trigger_18eso_18zxg_97 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+  position: absolute;
+  right: 12px;
+  right: var(--space-field-horizontal-89h2yr, 12px);
+  top: calc(50% - 22px / 2);
+  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
+  color: #0972d3;
+  color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):hover > .awsui_arrow_18eso_18zxg_97 {
+  color: #033160;
+  color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_pressed_18eso_18zxg_151 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+  transform: rotate(-180deg);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_disabled_18eso_18zxg_154:not(#\9) {
+  background-color: #e9ebed;
+  background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
+  border: 2px solid #e9ebed;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
+  color: #9ba7b6;
+  color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
+  cursor: auto;
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_disabled_18eso_18zxg_154 > .awsui_arrow_18eso_18zxg_97:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_disabled_18eso_18zxg_154.awsui_in-filtering-token_18eso_18zxg_163:not(#\9) {
+  border-color: #d1d5db;
+  border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_disabled_18eso_18zxg_154 > .awsui_placeholder_18eso_18zxg_138:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_read-only_18eso_18zxg_169:not(#\9) {
+  background-color: #ffffff;
+  background-color: var(--color-background-input-default-u57378, #ffffff);
+  border: 2px solid #e9ebed;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):focus {
+  outline: none;
+  text-decoration: none;
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163)[data-awsui-focus-visible=true]:focus {
+  outline: 2px dotted transparent;
+  border: 2px solid #0972d3;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
+  border-radius: 8px;
+  border-radius: var(--border-field-radius-t0kudr, 8px);
+  box-shadow: 0 0 0 0px #0972d3;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163):invalid {
+  box-shadow: none;
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163).awsui_invalid_18eso_18zxg_186, .awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163).awsui_invalid_18eso_18zxg_186:focus {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+  border-color: #d91515;
+  border-color: var(--color-text-status-error-5sesl6, #d91515);
+  padding-left: calc(
+  12px - (8px - 2px)
+);
+  padding-left: calc(
+  var(--space-field-horizontal-89h2yr, 12px) - (var(--border-invalid-width-5jpdqn, 8px) - var(--border-field-width-idlekx, 2px))
+);
+  border-left-width: 8px;
+  border-left-width: var(--border-invalid-width-5jpdqn, 8px);
+}
+.awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163).awsui_invalid_18eso_18zxg_186:focus, .awsui_button-trigger_18eso_18zxg_97:not(#\9):not(.awsui_in-filtering-token_18eso_18zxg_163).awsui_invalid_18eso_18zxg_186:focus:focus {
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_in-filtering-token_18eso_18zxg_163:not(#\9) {
+  border-color: #0972d3;
+  border-color: var(--color-border-item-selected-ppkssz, #0972d3);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  height: 100%;
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_in-filtering-token_18eso_18zxg_163[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_in-filtering-token_18eso_18zxg_163[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(-5px - 1px);
+  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px) - 1px);
+}
+.awsui_button-trigger_18eso_18zxg_97.awsui_in-filtering-token_18eso_18zxg_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * -5px);
+  left: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px));
+  top: calc(-1 * -5px);
+  top: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px));
+  width: calc(100% + 2 * -5px);
+  width: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px));
+  height: calc(100% + 2 * -5px);
+  height: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px));
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}

package/internal/components/button-trigger/styles.selectors.js

@@ -0,0 +1,15 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "button-trigger": "awsui_button-trigger_18eso_18zxg_97",
+  "arrow": "awsui_arrow_18eso_18zxg_97",
+  "has-caret": "awsui_has-caret_18eso_18zxg_135",
+  "placeholder": "awsui_placeholder_18eso_18zxg_138",
+  "pressed": "awsui_pressed_18eso_18zxg_151",
+  "disabled": "awsui_disabled_18eso_18zxg_154",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_18zxg_163",
+  "read-only": "awsui_read-only_18eso_18zxg_169",
+  "invalid": "awsui_invalid_18eso_18zxg_186"
+};
+  

package/internal/components/cartesian-chart/axis-label.d.ts

@@ -0,0 +1,9 @@
+interface AxisLabelProps {
+    title?: string;
+    axis: 'x' | 'y';
+    position: 'left' | 'bottom';
+}
+declare const _default: typeof AxisLabel;
+export default _default;
+declare function AxisLabel({ title, axis, position }: AxisLabelProps): JSX.Element | null;
+//# sourceMappingURL=axis-label.d.ts.map

package/internal/components/cartesian-chart/axis-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis-label.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/axis-label.tsx"],"names":[],"mappings":"AASA,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC7B;;AAED,wBAAmD;AAEnD,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,sBAe3D"}

package/internal/components/cartesian-chart/axis-label.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { memo } from 'react';
+import clsx from 'clsx';
+import InternalBox from '../../../box/internal';
+import styles from './styles.css.js';
+export default memo(AxisLabel);
+function AxisLabel(_a) {
+    var title = _a.title, axis = _a.axis, position = _a.position;
+    if (!title) {
+        return null;
+    }
+    return (React.createElement(InternalBox, { className: clsx(styles['axis-label'], axis === 'x' ? styles['axis-label--x'] : styles['axis-label--y']), fontWeight: "bold", textAlign: position === 'left' ? 'left' : 'center', margin: { bottom: position === 'left' ? 'l' : 'n' } },
+        React.createElement("span", { "aria-hidden": "true" }, title)));
+}
+//# sourceMappingURL=axis-label.js.map

package/internal/components/cartesian-chart/axis-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis-label.js","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/axis-label.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAEhD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,eAAe,IAAI,CAAC,SAAS,CAAqB,CAAC;AAEnD,SAAS,SAAS,CAAC,EAAyC;QAAvC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;IACxC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EACvG,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAClD,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE;QAEnD,6CAAkB,MAAM,IAAE,KAAK,CAAQ,CAC3B,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\nimport clsx from 'clsx';\n\nimport InternalBox from '../../../box/internal';\n\nimport styles from './styles.css.js';\n\ninterface AxisLabelProps {\n  title?: string;\n  axis: 'x' | 'y';\n  position: 'left' | 'bottom';\n}\n\nexport default memo(AxisLabel) as typeof AxisLabel;\n\nfunction AxisLabel({ title, axis, position }: AxisLabelProps) {\n  if (!title) {\n    return null;\n  }\n\n  return (\n    <InternalBox\n      className={clsx(styles['axis-label'], axis === 'x' ? styles['axis-label--x'] : styles['axis-label--y'])}\n      fontWeight=\"bold\"\n      textAlign={position === 'left' ? 'left' : 'center'}\n      margin={{ bottom: position === 'left' ? 'l' : 'n' }}\n    >\n      <span aria-hidden=\"true\">{title}</span>\n    </InternalBox>\n  );\n}\n"]}

package/internal/components/cartesian-chart/bottom-labels.d.ts

@@ -0,0 +1,19 @@
+import { ChartDataTypes } from './interfaces';
+import { ChartScale, NumericChartScale } from './scales';
+interface BottomLabelsProps {
+    axis?: 'x' | 'y';
+    width: number;
+    height: number;
+    scale: ChartScale | NumericChartScale;
+    ticks: readonly ChartDataTypes[];
+    tickFormatter?: (value: ChartDataTypes) => string;
+    title?: string;
+    ariaRoleDescription?: string;
+    autoHeight: (value: number) => void;
+    offsetLeft?: number;
+    offsetRight?: number;
+}
+declare const _default: typeof BottomLabels;
+export default _default;
+declare function BottomLabels({ axis, width, height, scale, ticks, tickFormatter, title, ariaRoleDescription, autoHeight, offsetLeft, offsetRight, }: BottomLabelsProps): JSX.Element;
+//# sourceMappingURL=bottom-labels.d.ts.map

package/internal/components/cartesian-chart/bottom-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-labels.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/bottom-labels.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAMzD,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;AAED,wBAAyD;AAGzD,iBAAS,YAAY,CAAC,EACpB,IAAU,EACV,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,aAAa,EACb,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,UAAc,EACd,WAAe,GAChB,EAAE,iBAAiB,eAgFnB"}

package/internal/components/cartesian-chart/bottom-labels.js

@@ -0,0 +1,56 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { memo, useEffect, useRef } from 'react';
+import clsx from 'clsx';
+import { TICK_LENGTH, TICK_LINE_HEIGHT, TICK_MARGIN } from './constants';
+import styles from './styles.css.js';
+import { formatTicks, getVisibleTicks } from './label-utils';
+export default memo(BottomLabels);
+// Renders the visible tick labels on the bottom axis, as well as their grid lines.
+function BottomLabels(_a) {
+    var _b = _a.axis, axis = _b === void 0 ? 'x' : _b, width = _a.width, height = _a.height, scale = _a.scale, ticks = _a.ticks, tickFormatter = _a.tickFormatter, title = _a.title, ariaRoleDescription = _a.ariaRoleDescription, autoHeight = _a.autoHeight, _c = _a.offsetLeft, offsetLeft = _c === void 0 ? 0 : _c, _d = _a.offsetRight, offsetRight = _d === void 0 ? 0 : _d;
+    var virtualTextRef = useRef(null);
+    var xOffset = scale.isCategorical() && axis === 'x' ? Math.max(0, scale.d3Scale.bandwidth() - 1) / 2 : 0;
+    var cacheRef = useRef({});
+    var getLabelSpace = function (label) {
+        if (cacheRef.current[label] !== undefined) {
+            return cacheRef.current[label];
+        }
+        if (virtualTextRef.current && virtualTextRef.current.getComputedTextLength) {
+            virtualTextRef.current.textContent = label;
+            cacheRef.current[label] = virtualTextRef.current.getComputedTextLength();
+            return cacheRef.current[label];
+        }
+        return 0;
+    };
+    var formattedTicks = formatTicks({ ticks: ticks, scale: scale, getLabelSpace: getLabelSpace, tickFormatter: tickFormatter });
+    if (virtualTextRef.current) {
+        virtualTextRef.current.textContent = '';
+    }
+    var from = 0 - offsetLeft - xOffset;
+    var until = width + offsetRight - xOffset;
+    var balanceLabels = axis === 'x' && scale.scaleType !== 'log';
+    var visibleTicks = getVisibleTicks(formattedTicks, from, until, balanceLabels);
+    var maxHeight = TICK_LENGTH + TICK_MARGIN;
+    for (var _i = 0, formattedTicks_1 = formattedTicks; _i < formattedTicks_1.length; _i++) {
+        var lines = formattedTicks_1[_i].lines;
+        maxHeight = Math.max(maxHeight, TICK_LENGTH + TICK_MARGIN + lines.length * TICK_LINE_HEIGHT);
+    }
+    // Tell elements's height to the parent.
+    useEffect(function () {
+        autoHeight(maxHeight);
+    }, [autoHeight, maxHeight]);
+    return (React.createElement("g", { transform: "translate(0,".concat(height, ")"), className: styles['labels-bottom'], focusable: false, "aria-label": title, role: "list", "aria-roledescription": ariaRoleDescription, "aria-hidden": true },
+        visibleTicks.map(function (_a, index) {
+            var _b;
+            var position = _a.position, lines = _a.lines;
+            return isFinite(position) && (React.createElement("g", { key: index, transform: "translate(".concat(position + xOffset, ",0)"), className: clsx(styles.ticks, styles['ticks--bottom'], (_b = {},
+                    _b[styles['ticks--x']] = axis === 'x',
+                    _b[styles['ticks--y']] = axis === 'y',
+                    _b)), role: "listitem", "aria-label": lines.join('\n') },
+                React.createElement("line", { className: styles.ticks__line, x1: 0, x2: 0, y1: 0, y2: TICK_LENGTH, "aria-hidden": "true" }),
+                lines.map(function (line, lineIndex) { return (React.createElement("text", { className: styles.ticks__text, key: lineIndex, x: 0, y: TICK_LENGTH + TICK_MARGIN + lineIndex * TICK_LINE_HEIGHT }, line)); })));
+        }),
+        React.createElement("text", { ref: virtualTextRef, x: 0, y: 0, style: { visibility: 'hidden' }, "aria-hidden": "true" })));
+}
+//# sourceMappingURL=bottom-labels.js.map

package/internal/components/cartesian-chart/bottom-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-labels.js","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/bottom-labels.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartDataTypes } from './interfaces';\nimport { ChartScale, NumericChartScale } from './scales';\nimport { TICK_LENGTH, TICK_LINE_HEIGHT, TICK_MARGIN } from './constants';\n\nimport styles from './styles.css.js';\nimport { formatTicks, getVisibleTicks } from './label-utils';\n\ninterface BottomLabelsProps {\n  axis?: 'x' | 'y';\n  width: number;\n  height: number;\n  scale: ChartScale | NumericChartScale;\n  ticks: readonly ChartDataTypes[];\n  tickFormatter?: (value: ChartDataTypes) => string;\n  title?: string;\n  ariaRoleDescription?: string;\n  autoHeight: (value: number) => void;\n  offsetLeft?: number;\n  offsetRight?: number;\n}\n\nexport default memo(BottomLabels) as typeof BottomLabels;\n\n// Renders the visible tick labels on the bottom axis, as well as their grid lines.\nfunction BottomLabels({\n  axis = 'x',\n  width,\n  height,\n  scale,\n  ticks,\n  tickFormatter,\n  title,\n  ariaRoleDescription,\n  autoHeight,\n  offsetLeft = 0,\n  offsetRight = 0,\n}: BottomLabelsProps) {\n  const virtualTextRef = useRef<SVGTextElement>(null);\n\n  const xOffset = scale.isCategorical() && axis === 'x' ? Math.max(0, scale.d3Scale.bandwidth() - 1) / 2 : 0;\n\n  const cacheRef = useRef<{ [label: string]: number }>({});\n  const getLabelSpace = (label: string) => {\n    if (cacheRef.current[label] !== undefined) {\n      return cacheRef.current[label];\n    }\n    if (virtualTextRef.current && virtualTextRef.current.getComputedTextLength) {\n      virtualTextRef.current.textContent = label;\n      cacheRef.current[label] = virtualTextRef.current.getComputedTextLength();\n      return cacheRef.current[label];\n    }\n    return 0;\n  };\n\n  const formattedTicks = formatTicks({ ticks, scale, getLabelSpace, tickFormatter });\n\n  if (virtualTextRef.current) {\n    virtualTextRef.current.textContent = '';\n  }\n\n  const from = 0 - offsetLeft - xOffset;\n  const until = width + offsetRight - xOffset;\n  const balanceLabels = axis === 'x' && scale.scaleType !== 'log';\n  const visibleTicks = getVisibleTicks(formattedTicks, from, until, balanceLabels);\n\n  let maxHeight = TICK_LENGTH + TICK_MARGIN;\n  for (const { lines } of formattedTicks) {\n    maxHeight = Math.max(maxHeight, TICK_LENGTH + TICK_MARGIN + lines.length * TICK_LINE_HEIGHT);\n  }\n\n  // Tell elements's height to the parent.\n  useEffect(() => {\n    autoHeight(maxHeight);\n  }, [autoHeight, maxHeight]);\n\n  return (\n    <g\n      transform={`translate(0,${height})`}\n      className={styles['labels-bottom']}\n      focusable={false}\n      aria-label={title}\n      role=\"list\"\n      aria-roledescription={ariaRoleDescription}\n      aria-hidden={true}\n    >\n      {visibleTicks.map(\n        ({ position, lines }, index) =>\n          isFinite(position) && (\n            <g\n              key={index}\n              transform={`translate(${position + xOffset},0)`}\n              className={clsx(styles.ticks, styles['ticks--bottom'], {\n                [styles['ticks--x']]: axis === 'x',\n                [styles['ticks--y']]: axis === 'y',\n              })}\n              role=\"listitem\"\n              aria-label={lines.join('\\n')}\n            >\n              <line className={styles.ticks__line} x1={0} x2={0} y1={0} y2={TICK_LENGTH} aria-hidden=\"true\" />\n              {lines.map((line, lineIndex) => (\n                <text\n                  className={styles.ticks__text}\n                  key={lineIndex}\n                  x={0}\n                  y={TICK_LENGTH + TICK_MARGIN + lineIndex * TICK_LINE_HEIGHT}\n                >\n                  {line}\n                </text>\n              ))}\n            </g>\n          )\n      )}\n\n      <text ref={virtualTextRef} x={0} y={0} style={{ visibility: 'hidden' }} aria-hidden=\"true\"></text>\n    </g>\n  );\n}\n"]}

package/internal/components/cartesian-chart/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const TICK_LENGTH = 8;
+export declare const TICK_MARGIN = 4;
+export declare const TICK_LINE_HEIGHT = 16;
+export declare const X_TICK_COUNT_RATIO = 100;
+export declare const Y_TICK_COUNT_RATIO = 50;
+//# sourceMappingURL=constants.d.ts.map

package/internal/components/cartesian-chart/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,kBAAkB,KAAK,CAAC"}

package/internal/components/cartesian-chart/constants.js

@@ -0,0 +1,8 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export var TICK_LENGTH = 8;
+export var TICK_MARGIN = 4;
+export var TICK_LINE_HEIGHT = 16;
+export var X_TICK_COUNT_RATIO = 100;
+export var Y_TICK_COUNT_RATIO = 50;
+//# sourceMappingURL=constants.js.map

package/internal/components/cartesian-chart/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/constants.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,MAAM,CAAC,IAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,IAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,IAAM,kBAAkB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const TICK_LENGTH = 8;\nexport const TICK_MARGIN = 4;\nexport const TICK_LINE_HEIGHT = 16;\nexport const X_TICK_COUNT_RATIO = 100;\nexport const Y_TICK_COUNT_RATIO = 50;\n"]}

package/internal/components/cartesian-chart/emphasized-baseline.d.ts

@@ -0,0 +1,11 @@
+import { NumericChartScale } from './scales';
+interface EmphasizedBaselineProps {
+    axis?: 'x' | 'y';
+    width: number;
+    height: number;
+    scale: NumericChartScale;
+}
+declare const _default: typeof EmphasizedBaseline;
+export default _default;
+declare function EmphasizedBaseline({ axis, width, height, scale }: EmphasizedBaselineProps): JSX.Element | null;
+//# sourceMappingURL=emphasized-baseline.d.ts.map

package/internal/components/cartesian-chart/emphasized-baseline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emphasized-baseline.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/emphasized-baseline.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAK7C,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,iBAAiB,CAAC;CAC1B;;AAED,wBAAqE;AAErE,iBAAS,kBAAkB,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,uBAAuB,sBAgCxF"}

package/internal/components/cartesian-chart/emphasized-baseline.js

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { memo } from 'react';
+import clsx from 'clsx';
+import { TICK_MARGIN, TICK_LENGTH } from './constants';
+import styles from './styles.css.js';
+export default memo(EmphasizedBaseline);
+function EmphasizedBaseline(_a) {
+    var _b;
+    var _c = _a.axis, axis = _c === void 0 ? 'x' : _c, width = _a.width, height = _a.height, scale = _a.scale;
+    // Y position of the zero baseline, if it exists
+    var baselineY = (_b = scale.d3Scale(0)) !== null && _b !== void 0 ? _b : NaN;
+    var showYBaseline = axis === 'x' && isFinite(baselineY) && baselineY <= height;
+    if (showYBaseline) {
+        return (React.createElement("line", { className: clsx(styles.axis, styles['axis--emphasized']), x1: -TICK_MARGIN, x2: width, y1: baselineY, y2: baselineY, "aria-hidden": "true" }));
+    }
+    if (axis === 'y') {
+        return (React.createElement("line", { className: clsx(styles.axis, styles['axis--emphasized']), x1: 0, y1: 0, x2: 0, y2: height + TICK_LENGTH, "aria-hidden": "true" }));
+    }
+    return null;
+}
+//# sourceMappingURL=emphasized-baseline.js.map

package/internal/components/cartesian-chart/emphasized-baseline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emphasized-baseline.js","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/emphasized-baseline.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,eAAe,IAAI,CAAC,kBAAkB,CAA8B,CAAC;AAErE,SAAS,kBAAkB,CAAC,EAA6D;;QAA3D,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAC5D,gDAAgD;IAChD,IAAM,SAAS,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,GAAG,CAAC;IAC1C,IAAM,aAAa,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,MAAM,CAAC;IAEjF,IAAI,aAAa,EAAE;QACjB,OAAO,CACL,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,EACxD,EAAE,EAAE,CAAC,WAAW,EAChB,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,SAAS,iBACD,MAAM,GAClB,CACH,CAAC;KACH;IAED,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,OAAO,CACL,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,EACxD,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,GAAG,WAAW,iBACZ,MAAM,GAClB,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\nimport clsx from 'clsx';\n\nimport { NumericChartScale } from './scales';\nimport { TICK_MARGIN, TICK_LENGTH } from './constants';\n\nimport styles from './styles.css.js';\n\ninterface EmphasizedBaselineProps {\n  axis?: 'x' | 'y';\n  width: number;\n  height: number;\n  scale: NumericChartScale;\n}\n\nexport default memo(EmphasizedBaseline) as typeof EmphasizedBaseline;\n\nfunction EmphasizedBaseline({ axis = 'x', width, height, scale }: EmphasizedBaselineProps) {\n  // Y position of the zero baseline, if it exists\n  const baselineY = scale.d3Scale(0) ?? NaN;\n  const showYBaseline = axis === 'x' && isFinite(baselineY) && baselineY <= height;\n\n  if (showYBaseline) {\n    return (\n      <line\n        className={clsx(styles.axis, styles['axis--emphasized'])}\n        x1={-TICK_MARGIN}\n        x2={width}\n        y1={baselineY}\n        y2={baselineY}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n\n  if (axis === 'y') {\n    return (\n      <line\n        className={clsx(styles.axis, styles['axis--emphasized'])}\n        x1={0}\n        y1={0}\n        x2={0}\n        y2={height + TICK_LENGTH}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n\n  return null;\n}\n"]}

package/internal/components/cartesian-chart/highlighted-point.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface SeriesPoint {
+    key: string;
+    x: number;
+    y: number;
+    color: string;
+}
+export interface HighlightedPointProps {
+    point: null | SeriesPoint;
+    role?: 'group' | 'button';
+    ariaLabel?: string;
+    ariaHasPopup?: boolean;
+    ariaExpanded?: boolean;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<HighlightedPointProps & React.RefAttributes<SVGGElement>>>;
+export default _default;
+//# sourceMappingURL=highlighted-point.d.ts.map

package/internal/components/cartesian-chart/highlighted-point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighted-point.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/highlighted-point.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;AAED,wBAAkD"}

package/internal/components/cartesian-chart/highlighted-point.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { forwardRef, memo } from 'react';
+import styles from './styles.css.js';
+export default memo(forwardRef(HighlightedPoint));
+function HighlightedPoint(_a, ref) {
+    var point = _a.point, _b = _a.role, role = _b === void 0 ? 'group' : _b, ariaLabel = _a.ariaLabel, ariaHasPopup = _a.ariaHasPopup, ariaExpanded = _a.ariaExpanded;
+    if (!point) {
+        return null;
+    }
+    return (React.createElement("g", { ref: ref, role: role, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-expanded": ariaExpanded },
+        React.createElement("circle", { key: point.key, "aria-hidden": "true", className: styles['vertical-marker-circle-active'], cx: point.x, cy: point.y, r: 4, stroke: point.color, fill: point.color })));
+}
+//# sourceMappingURL=highlighted-point.js.map

package/internal/components/cartesian-chart/highlighted-point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighted-point.js","sourceRoot":"","sources":["../../../../../src/internal/components/cartesian-chart/highlighted-point.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC,eAAe,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAElD,SAAS,gBAAgB,CACvB,EAAuF,EACvF,GAA2B;QADzB,KAAK,WAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IAG9D,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,2BAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,gBAAc,SAAS,mBAAiB,YAAY,mBAAiB,YAAY;QACtG,gCACE,GAAG,EAAE,KAAK,CAAC,GAAG,iBACF,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,+BAA+B,CAAC,EAClD,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,KAAK,GACjB,CACA,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, memo } from 'react';\n\nimport styles from './styles.css.js';\n\ninterface SeriesPoint {\n  key: string;\n  x: number;\n  y: number;\n  color: string;\n}\n\nexport interface HighlightedPointProps {\n  point: null | SeriesPoint;\n  role?: 'group' | 'button';\n  ariaLabel?: string;\n  ariaHasPopup?: boolean;\n  ariaExpanded?: boolean;\n}\n\nexport default memo(forwardRef(HighlightedPoint));\n\nfunction HighlightedPoint(\n  { point, role = 'group', ariaLabel, ariaHasPopup, ariaExpanded }: HighlightedPointProps,\n  ref: React.Ref<SVGGElement>\n) {\n  if (!point) {\n    return null;\n  }\n\n  return (\n    <g ref={ref} role={role} aria-label={ariaLabel} aria-haspopup={ariaHasPopup} aria-expanded={ariaExpanded}>\n      <circle\n        key={point.key}\n        aria-hidden=\"true\"\n        className={styles['vertical-marker-circle-active']}\n        cx={point.x}\n        cy={point.y}\n        r={4}\n        stroke={point.color}\n        fill={point.color}\n      />\n    </g>\n  );\n}\n"]}