@cloudscape-design/chart-components 1.0.27 → 1.0.29

package/core/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/core/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport type * as InternalComponentTypes from \"../internal/components/interfaces\";\nimport { type NonCancelableEventHandler } from \"../internal/events\";\n\n// All charts take `highcharts` instance, that can be served statically or dynamically.\n// Although it has to be of type Highcharts, the TS type we use is `null | object`, so\n// that it is ignored by the documenter.\n\n/**\n * This interface includes common public chart properties, applicable for all chart types.\n */\nexport interface BaseChartOptions {\n  /**\n   * The Highcharts instance, which can be obtained using `import Highcharts from \"highcharts\"`.\n   * Supported Highcharts versions: 12.\n   */\n  highcharts: null | object;\n\n  /**\n   * Custom content that renders when `highcharts=null`. It renders a spinner if not defined.\n   */\n  fallback?: React.ReactNode;\n\n  /**\n   * The height of the chart plot in pixels. It does not include legend and filter.\n   */\n  chartHeight?: number;\n\n  /**\n   * The chart automatically adjusts its height to fill the parent container when this property is set.\n   */\n  fitHeight?: boolean;\n\n  /**\n   * Defines the minimum allowed height of the chart plot. Use this when `fitHeight=true` to\n   * prevent the chart plot from becoming too small to display its content. When the parent\n   * container is shorter than the minimum height, a vertical scrollbar appears automatically.\n   */\n  chartMinHeight?: number;\n\n  /**\n   * Defines the minimum allowed width of the chart plot. When the parent container is narrower than the\n   * minimum width, the horizontal scrollbar is automatically added.\n   */\n  chartMinWidth?: number;\n\n  /**\n   * Defines the ARIA label for the chart container.\n   * This property corresponds to [lang.chartContainerLabel](https://api.highcharts.com/highcharts/lang.accessibility.chartContainerLabel),\n   * and requires the [accessibility module](https://www.highcharts.com/docs/accessibility/accessibility-module).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Defines the ARIA description of the chart container.\n   * This property corresponds to [accessibility.description](https://api.highcharts.com/highcharts/accessibility.description),\n   * and requires the [accessibility module](https://www.highcharts.com/docs/accessibility/accessibility-module).\n   */\n  ariaDescription?: string;\n\n  /**\n   * Defines chart legend options, including:\n   * * `enabled` (optional, boolean) - Hides legend when set to `false`.\n   * * `title` (optional, string) - Visible label, shown above the legend.\n   * * `actions` (optional, slot) - A slot before the legend that can be used to render custom actions.\n   */\n  legend?: BaseLegendOptions;\n\n  /**\n   * Defines options to represent empty, no-match, loading, and error state of the chart, including:\n   * * `statusType` (optional, \"finished\" | \"loading\" | \"error\") - Specifies the current status of loading data.\n   * * `empty` (optional, ReactNode) - Content displayed when the chart data is empty.\n   * * `noMatch` (optional, ReactNode) - Content displayed when there is no data to display due to the built-in filtering.\n   * * `loading` (optional, ReactNode) - Content displayed when `statusType=\"loading\"`. If omitted, the default loading state\n   * is shown, using `i18n.loadingText` or built-in i18n.\n   * * `error` (optional, ReactNode) - Content displayed when `statusType=\"error\"`. If omitted, the default error state\n   * is shown, using `i18n.errorText` and `i18n.recoveryText` (when `onRecoveryClick` is provided), or built-in i18n.\n   * * `onRecoveryClick` (optional, function) - Called when the user clicks the recovery button that appears when using default error\n   * state, and only if `onRecoveryClick` is provided. Use this to enable the user to retry a failed request or provide another option\n   * for the user to recover from the error.\n   */\n  noData?: BaseNoDataOptions;\n\n  /**\n   * Defines options for filtering in the chart, including:\n   * * `seriesFilter` (optional, boolean) - Displays default series filter at the top of the chart.\n   * * `additionalFilters` (optional, slot) - A slot for custom chart filters at the top of the chart.\n   */\n  filter?: BaseFilterOptions;\n}\n\nexport interface BaseLegendOptions {\n  enabled?: boolean;\n  title?: string;\n  actions?: React.ReactNode;\n}\n\nexport interface BaseNoDataOptions {\n  statusType?: \"finished\" | \"loading\" | \"error\";\n  empty?: React.ReactNode;\n  error?: React.ReactNode;\n  loading?: React.ReactNode;\n  noMatch?: React.ReactNode;\n  onRecoveryClick?: NonCancelableEventHandler;\n}\n\nexport interface BaseTooltipDetail {\n  key: React.ReactNode;\n  value: React.ReactNode;\n}\n\nexport interface BaseI18nStrings {\n  loadingText?: string;\n  errorText?: string;\n  recoveryText?: string;\n  seriesFilterLabel?: string;\n  seriesFilterPlaceholder?: string;\n  seriesFilterSelectedAriaLabel?: string;\n  legendAriaLabel?: string;\n  detailPopoverDismissAriaLabel?: string;\n  chartRoleDescription?: string;\n}\n\nexport interface CoreI18nStrings extends BaseI18nStrings {\n  /**\n   * ARIA label for the secondary legend when using dual axes charts.\n   *\n   * **Important**: When using dual axes, you should explicitly provide visible titles or ARIA labels\n   * for both the primary and secondary legends to ensure proper accessibility. The primary legend\n   * has built-in i18n support through `legendAriaLabel`, but the secondary legend currently requires\n   * this property to be explicitly provided.\n   */\n  secondaryLegendAriaLabel?: string;\n}\n\nexport interface WithCartesianI18nStrings {\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   *\n   * Available properties:\n   * * `loadingText` (optional, string) - Text, displayed when the chart is loading, i.e. when `noData.statusType` is set to \"loading\".\n   * * `errorText` (optional, string) - Text, displayed when the chart is in error state, i.e. when `noData.statusType` is set to \"error\".\n   * * `recoveryText` (optional, string) - Text for the recovery button, displayed next to the error text.\n   * * `seriesFilterLabel` (optional, string) - Text for the visible label of the default series filter.\n   * * `seriesFilterPlaceholder` (optional, string) - Text for the default series filter placeholder.\n   * * `seriesFilterSelectedAriaLabel` (optional, string) - ARIA label of the default series filter which is appended to any option that is selected.\n   * * `legendAriaLabel` (optional, string) - ARIA label that is associated with the legend in case there is no visible `legend.title` defined.\n   * * `detailPopoverDismissAriaLabel` (optional, string) - ARIA label for the details popover dismiss button.\n   * * `chartRoleDescription` (optional, string) - Accessible role description of the chart plot area, e.g. \"interactive chart\".\n   * * `xAxisRoleDescription` (optional, string) - Accessible role description of the x axis, e.g. \"x axis\".\n   * * `yAxisRoleDescription` (optional, string) - Accessible role description of the y axis, e.g. \"y axis\".\n   */\n  i18nStrings?: CartesianI18nStrings;\n}\n\nexport interface WithPieI18nStrings {\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   *\n   * Available properties:\n   * * `loadingText` (optional, string) - Text, displayed when the chart is loading, i.e. when `noData.statusType` is set to \"loading\".\n   * * `errorText` (optional, string) - Text, displayed when the chart is in error state, i.e. when `noData.statusType` is set to \"error\".\n   * * `recoveryText` (optional, string) - Text for the recovery button, displayed next to the error text.\n   * * `seriesFilterLabel` (optional, string) - Text for the visible label of the default series filter.\n   * * `seriesFilterPlaceholder` (optional, string) - Text for the default series filter placeholder.\n   * * `seriesFilterSelectedAriaLabel` (optional, string) - ARIA label of the default series filter which is appended to any option that is selected.\n   * * `legendAriaLabel` (optional, string) - ARIA label that is associated with the legend in case there is no visible `legend.title` defined.\n   * * `detailPopoverDismissAriaLabel` (optional, string) - ARIA label for the details popover dismiss button.\n   * * `chartRoleDescription` (optional, string) - Accessible role description of the chart plot area, e.g. \"interactive chart\".\n   * * `segmentRoleDescription` (optional, string) - Accessible role description of the segment.\n   */\n  i18nStrings?: PieI18nStrings;\n}\n\nexport interface CartesianI18nStrings extends BaseI18nStrings {\n  xAxisRoleDescription?: string;\n  yAxisRoleDescription?: string;\n}\n\nexport interface PieI18nStrings extends BaseI18nStrings {\n  segmentRoleDescription?: string;\n}\n\nexport interface BaseFilterOptions {\n  seriesFilter?: boolean;\n  additionalFilters?: React.ReactNode;\n}\n\nexport interface BaseTooltipPointFormatted {\n  key?: React.ReactNode;\n  value?: React.ReactNode;\n  description?: React.ReactNode;\n  expandable?: boolean;\n  subItems?: ReadonlyArray<{ key: React.ReactNode; value: React.ReactNode }>;\n}\n\nexport interface AreaSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"area\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface AreaSplineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"areaspline\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface ColumnSeriesOptions extends BaseCartesianSeriesOptions {\n  type: \"column\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface LineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"line\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface SplineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"spline\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface ScatterSeriesOptions extends BaseCartesianSeriesOptions {\n  type: \"scatter\";\n  data: readonly PointDataItemType[];\n  marker?: PointMarkerOptions;\n}\n\nexport interface ErrorBarSeriesOptions extends Omit<BaseCartesianSeriesOptions, \"name\"> {\n  type: \"errorbar\";\n  name?: string;\n  data: readonly RangeDataItemOptions[];\n  linkedTo: string;\n}\n\nexport interface XThresholdSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"x-threshold\";\n  value: number;\n}\n\nexport interface YThresholdSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"y-threshold\";\n  value: number;\n}\n\nexport interface PieSeriesOptions extends BaseSeriesOptions {\n  type: \"pie\";\n  data: readonly PieSegmentOptions[];\n}\n\nexport interface DonutSeriesOptions extends BaseSeriesOptions {\n  type: \"donut\";\n  data: readonly PieSegmentOptions[];\n}\n\nexport interface PieSegmentOptions {\n  y: number | null;\n  id?: string;\n  name: string;\n  color?: string;\n}\n\nexport type PointDataItemType = null | number | PointDataItemOptions;\n\nexport interface PointDataItemOptions {\n  x?: number;\n  y: number | null;\n}\n\nexport interface RangeDataItemOptions {\n  x?: number;\n  low: number;\n  high: number;\n}\n\ninterface BaseSeriesOptions {\n  id?: string;\n  name: string;\n  color?: string;\n}\n\ntype BaseCartesianSeriesOptions = BaseSeriesOptions;\n\ninterface BaseCartesianLineLikeOptions extends BaseCartesianSeriesOptions {\n  dashStyle?: Highcharts.DashStyleValue;\n}\n\n// The symbols union matches that of Highcharts.PointMarkerOptionsObject\ninterface PointMarkerOptions {\n  symbol?: \"circle\" | \"diamond\" | \"square\" | \"triangle\" | \"triangle-down\";\n}\n\nexport interface CoreCartesianOptions {\n  /**\n   * When set to `true`, adds a visual emphasis on the zero baseline axis.\n   */\n  emphasizeBaseline?: boolean;\n  /**\n   * Controls the placement of the vertical axis title.\n   * When set to \"side\", displays the title along the axis line.\n   */\n  verticalAxisTitlePlacement?: \"top\" | \"side\";\n}\n\nexport interface CoreChartProps\n  extends Pick<\n      BaseChartOptions,\n      | \"highcharts\"\n      | \"fallback\"\n      | \"fitHeight\"\n      | \"chartHeight\"\n      | \"chartMinHeight\"\n      | \"chartMinWidth\"\n      | \"ariaLabel\"\n      | \"ariaDescription\"\n      | \"filter\"\n      | \"noData\"\n    >,\n    CoreCartesianOptions {\n  /**\n   * The Highcharts options. Cloudscape injects custom styles and settings, but all can be\n   * overridden with explicitly provided options. An exception is event handlers - those are\n   * not overridden, but merged with Cloudscape event handlers so that both are getting called.\n   */\n  options: CoreChartProps.ChartOptions;\n  /**\n   * The Cloudscape tooltip, that comes with a vertical cursor when used on cartesian series.\n   * The tooltip content is only shown when `getContent` property is defined, which is called\n   * for each visited { x, y } point.\n   */\n  tooltip?: CoreChartProps.TooltipOptions;\n  /**\n   * A custom slot above the chart plot, chart's axis title, and filter.\n   */\n  header?: CoreChartProps.HeaderOptions;\n  /**\n   * Prop for passing a custom navigation control component to be rendered with the chart.\n   * Use this property to add timeline navigation, range selectors, or other custom navigation elements.\n   */\n  navigator?: React.ReactNode;\n  /**\n   * A custom slot below the chart plot and legend.\n   */\n  footer?: CoreChartProps.FooterOptions;\n  /**\n   * Chart legend options.\n   */\n  legend?: CoreChartProps.LegendOptions;\n  /**\n   * The callback to init the chart's API when it is ready. The API includes the Highcharts chart object, and\n   * additional Cloudscape methods.\n   */\n  callback?: (chart: CoreChartProps.ChartAPI) => void;\n  /**\n   * This is used to provide a test-utils selector. Do not use this property to provide custom styles.\n   */\n  className?: string;\n  /**\n   * IDs of visible series or points.\n   */\n  visibleItems?: readonly string[];\n  /**\n   * Called when a legend item is highlighted.\n   */\n  onLegendItemHighlight?: NonCancelableEventHandler<CoreChartProps.LegendItemHighlightDetail>;\n  /**\n   * Called when series/points visibility changes due to user interaction with legend or filter.\n   */\n  onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  /**\n   * Called whenever chart tooltip is rendered to provide content for tooltip's header, body, and (optional) footer.\n   */\n  getTooltipContent?: CoreChartProps.GetTooltipContent;\n  /**\n   * Called whenever a legend item is hovered to provide content for legend tooltip's header, body, and (optional) footer.\n   * If not provided, no tooltip will be displayed.\n   */\n  getLegendTooltipContent?: CoreChartProps.GetLegendTooltipContent;\n  /**\n   * Called whenever chart point or group is highlighted.\n   */\n  onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n  /**\n   * Called whenever chart point or group loses highlight.\n   */\n  onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n  /**\n   * Use Cloudscape keyboard navigation.\n   */\n  keyboardNavigation?: boolean;\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianI18nStrings & PieI18nStrings & CoreI18nStrings;\n}\n\nexport namespace CoreChartProps {\n  // The API methods allow programmatic triggering of chart's behaviors, some of which are not accessible via React state.\n  // This enables advanced integration scenarios, such as building a custom legend, or making multiple charts synchronized.\n  export interface ChartAPI {\n    chart: Highcharts.Chart;\n    highcharts: typeof Highcharts;\n    highlightItems(itemIds: readonly string[]): void;\n    setItemsVisible(itemIds: readonly string[]): void;\n    highlightChartPoint(point: Highcharts.Point): void;\n    highlightChartGroup(group: readonly Highcharts.Point[]): void;\n    clearChartHighlight(): void;\n  }\n\n  // The extended version of Highcharts.Options. The axes types are extended with Cloudscape value formatter.\n  // We use a custom formatter because we cannot use the built-in Highcharts formatter for our tooltip.\n  export type ChartOptions = Omit<Highcharts.Options, \"xAxis\" | \"yAxis\"> & {\n    xAxis?: XAxisOptions | XAxisOptions[];\n    yAxis?: YAxisOptions | YAxisOptions[];\n  };\n  export type XAxisOptions = Highcharts.XAxisOptions & { valueFormatter?: (value: null | number) => string };\n  export type YAxisOptions = Highcharts.YAxisOptions & { valueFormatter?: (value: null | number) => string };\n\n  export interface HeaderOptions {\n    content: React.ReactNode;\n  }\n  export interface FooterOptions {\n    content: React.ReactNode;\n  }\n\n  export interface LegendOptions extends BaseLegendOptions {\n    bottomMaxHeight?: number;\n    position?: \"bottom\" | \"side\";\n    /**\n     * This property only applies when there are secondary items.\n     */\n    secondaryLegendTitle?: string;\n    /**\n     * This property only applies when there are secondary items.\n     */\n    secondaryLegendActions?: React.ReactNode;\n    /**\n     * This property only applies when there are no secondary items and `position=\"bottom\"`.\n     */\n    horizontalAlignment?: LegendOptionsHorizontalAlignment;\n  }\n\n  export type LegendOptionsHorizontalAlignment = \"start\" | \"center\";\n\n  export type LegendItem = InternalComponentTypes.LegendItem;\n  export type LegendTooltipContent = InternalComponentTypes.LegendTooltipContent;\n  export type GetLegendTooltipContent = InternalComponentTypes.GetLegendTooltipContent;\n  export type GetLegendTooltipContentProps = InternalComponentTypes.GetLegendTooltipContentProps;\n\n  export interface TooltipOptions {\n    enabled?: boolean;\n    placement?: \"middle\" | \"outside\" | \"target\";\n    size?: \"small\" | \"medium\" | \"large\";\n    debounce?: number | boolean;\n  }\n\n  export type GetTooltipContent = (props: GetTooltipContentProps) => TooltipContentRenderer;\n  export interface GetTooltipContentProps {\n    point: null | Highcharts.Point;\n    group: readonly Highcharts.Point[];\n  }\n  export interface TooltipContentRenderer {\n    point?: (props: TooltipPointProps) => TooltipPointFormatted;\n    details?: (props: TooltipDetailsProps) => readonly TooltipDetail[];\n    header?: (props: TooltipSlotProps) => React.ReactNode;\n    body?: (props: TooltipSlotProps) => React.ReactNode;\n    footer?: (props: TooltipSlotProps) => React.ReactNode;\n  }\n  export type TooltipPointFormatted = BaseTooltipPointFormatted;\n  export interface TooltipContentItem {\n    point: Highcharts.Point;\n    errorRanges: Highcharts.Point[];\n  }\n  export interface TooltipPointProps {\n    item: TooltipContentItem;\n    hideTooltip: () => void;\n  }\n  export interface TooltipSlotProps {\n    x: number;\n    items: TooltipContentItem[];\n    hideTooltip: () => void;\n  }\n\n  export interface TooltipDetailsProps {\n    point: Highcharts.Point;\n    hideTooltip: () => void;\n  }\n\n  export type TooltipDetail = BaseTooltipDetail;\n\n  export interface LegendItemHighlightDetail {\n    item: LegendItem;\n  }\n  export interface VisibleItemsChangeDetail {\n    items: readonly LegendItem[];\n    isApiCall: boolean;\n  }\n  export interface HighlightChangeDetail {\n    point: null | Highcharts.Point;\n    group: readonly Highcharts.Point[];\n    isApiCall: boolean;\n  }\n  export interface HighlightClearDetail {\n    isApiCall: boolean;\n  }\n\n  export type I18nStrings = CartesianI18nStrings & PieI18nStrings;\n}\n\nexport interface CoreLegendProps {\n  items: readonly CoreLegendProps.Item[];\n  title?: string;\n  ariaLabel?: string;\n  actions?: React.ReactNode;\n  alignment?: \"horizontal\" | \"vertical\";\n  horizontalAlignment?: CoreChartProps.LegendOptionsHorizontalAlignment;\n  onClearHighlight?: NonCancelableEventHandler;\n  onItemHighlight?: NonCancelableEventHandler<CoreLegendProps.ItemHighlightDetail>;\n  onVisibleItemsChange?: NonCancelableEventHandler<CoreLegendProps.VisibleItemsChangeDetail>;\n  getLegendTooltipContent?: CoreLegendProps.GetTooltipContent;\n}\n\nexport namespace CoreLegendProps {\n  export type Item = InternalComponentTypes.LegendItem;\n  export type GetTooltipContent = InternalComponentTypes.GetLegendTooltipContent;\n  export interface ItemHighlightDetail {\n    item: Item;\n  }\n  export interface VisibleItemsChangeDetail {\n    items: readonly string[];\n  }\n}\n\n// Utility types\n\nexport interface Rect {\n  x: number;\n  y: number;\n  height: number;\n  width: number;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/core/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport type * as InternalComponentTypes from \"../internal/components/interfaces\";\nimport { type NonCancelableEventHandler } from \"../internal/events\";\n\n// All charts take `highcharts` instance, that can be served statically or dynamically.\n// Although it has to be of type Highcharts, the TS type we use is `null | object`, so\n// that it is ignored by the documenter.\n\n/**\n * This interface includes common public chart properties, applicable for all chart types.\n */\nexport interface BaseChartOptions {\n  /**\n   * The Highcharts instance, which can be obtained using `import Highcharts from \"highcharts\"`.\n   * Supported Highcharts versions: 12.\n   */\n  highcharts: null | object;\n\n  /**\n   * Custom content that renders when `highcharts=null`. It renders a spinner if not defined.\n   */\n  fallback?: React.ReactNode;\n\n  /**\n   * The height of the chart plot in pixels. It does not include legend and filter.\n   */\n  chartHeight?: number;\n\n  /**\n   * The chart automatically adjusts its height to fill the parent container when this property is set.\n   */\n  fitHeight?: boolean;\n\n  /**\n   * Defines the minimum allowed height of the chart plot. Use this when `fitHeight=true` to\n   * prevent the chart plot from becoming too small to display its content. When the parent\n   * container is shorter than the minimum height, a vertical scrollbar appears automatically.\n   */\n  chartMinHeight?: number;\n\n  /**\n   * Defines the minimum allowed width of the chart plot. When the parent container is narrower than the\n   * minimum width, the horizontal scrollbar is automatically added.\n   */\n  chartMinWidth?: number;\n\n  /**\n   * Defines the ARIA label for the chart container.\n   * This property corresponds to [lang.chartContainerLabel](https://api.highcharts.com/highcharts/lang.accessibility.chartContainerLabel),\n   * and requires the [accessibility module](https://www.highcharts.com/docs/accessibility/accessibility-module).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Defines the ARIA description of the chart container.\n   * This property corresponds to [accessibility.description](https://api.highcharts.com/highcharts/accessibility.description),\n   * and requires the [accessibility module](https://www.highcharts.com/docs/accessibility/accessibility-module).\n   */\n  ariaDescription?: string;\n\n  /**\n   * Defines chart legend options, including:\n   * * `enabled` (optional, boolean) - Hides legend when set to `false`.\n   * * `title` (optional, string) - Visible label, shown above the legend.\n   * * `actions` (optional, slot) - A slot before the legend that can be used to render custom actions.\n   */\n  legend?: BaseLegendOptions;\n\n  /**\n   * Defines options to represent empty, no-match, loading, and error state of the chart, including:\n   * * `statusType` (optional, \"finished\" | \"loading\" | \"error\") - Specifies the current status of loading data.\n   * * `empty` (optional, ReactNode) - Content displayed when the chart data is empty.\n   * * `noMatch` (optional, ReactNode) - Content displayed when there is no data to display due to the built-in filtering.\n   * * `loading` (optional, ReactNode) - Content displayed when `statusType=\"loading\"`. If omitted, the default loading state\n   * is shown, using `i18n.loadingText` or built-in i18n.\n   * * `error` (optional, ReactNode) - Content displayed when `statusType=\"error\"`. If omitted, the default error state\n   * is shown, using `i18n.errorText` and `i18n.recoveryText` (when `onRecoveryClick` is provided), or built-in i18n.\n   * * `onRecoveryClick` (optional, function) - Called when the user clicks the recovery button that appears when using default error\n   * state, and only if `onRecoveryClick` is provided. Use this to enable the user to retry a failed request or provide another option\n   * for the user to recover from the error.\n   */\n  noData?: BaseNoDataOptions;\n\n  /**\n   * Defines options for filtering in the chart, including:\n   * * `seriesFilter` (optional, boolean) - Displays default series filter at the top of the chart.\n   * * `additionalFilters` (optional, slot) - A slot for custom chart filters at the top of the chart.\n   */\n  filter?: BaseFilterOptions;\n}\n\nexport interface BaseLegendOptions {\n  enabled?: boolean;\n  title?: string;\n  actions?: React.ReactNode;\n}\n\nexport interface BaseNoDataOptions {\n  statusType?: \"finished\" | \"loading\" | \"error\";\n  empty?: React.ReactNode;\n  error?: React.ReactNode;\n  loading?: React.ReactNode;\n  noMatch?: React.ReactNode;\n  onRecoveryClick?: NonCancelableEventHandler;\n}\n\nexport interface BaseTooltipDetail {\n  key: React.ReactNode;\n  value: React.ReactNode;\n}\n\nexport interface BaseI18nStrings {\n  loadingText?: string;\n  errorText?: string;\n  recoveryText?: string;\n  seriesFilterLabel?: string;\n  seriesFilterPlaceholder?: string;\n  seriesFilterSelectedAriaLabel?: string;\n  legendAriaLabel?: string;\n  detailPopoverDismissAriaLabel?: string;\n  chartRoleDescription?: string;\n}\n\nexport interface CoreI18nStrings extends BaseI18nStrings {\n  /**\n   * ARIA label for the secondary legend when using dual axes charts.\n   *\n   * **Important**: When using dual axes, you should explicitly provide visible titles or ARIA labels\n   * for both the primary and secondary legends to ensure proper accessibility. The primary legend\n   * has built-in i18n support through `legendAriaLabel`, but the secondary legend currently requires\n   * this property to be explicitly provided.\n   */\n  secondaryLegendAriaLabel?: string;\n}\n\nexport interface WithCartesianI18nStrings {\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   *\n   * Available properties:\n   * * `loadingText` (optional, string) - Text, displayed when the chart is loading, i.e. when `noData.statusType` is set to \"loading\".\n   * * `errorText` (optional, string) - Text, displayed when the chart is in error state, i.e. when `noData.statusType` is set to \"error\".\n   * * `recoveryText` (optional, string) - Text for the recovery button, displayed next to the error text.\n   * * `seriesFilterLabel` (optional, string) - Text for the visible label of the default series filter.\n   * * `seriesFilterPlaceholder` (optional, string) - Text for the default series filter placeholder.\n   * * `seriesFilterSelectedAriaLabel` (optional, string) - ARIA label of the default series filter which is appended to any option that is selected.\n   * * `legendAriaLabel` (optional, string) - ARIA label that is associated with the legend in case there is no visible `legend.title` defined.\n   * * `detailPopoverDismissAriaLabel` (optional, string) - ARIA label for the details popover dismiss button.\n   * * `chartRoleDescription` (optional, string) - Accessible role description of the chart plot area, e.g. \"interactive chart\".\n   * * `xAxisRoleDescription` (optional, string) - Accessible role description of the x axis, e.g. \"x axis\".\n   * * `yAxisRoleDescription` (optional, string) - Accessible role description of the y axis, e.g. \"y axis\".\n   */\n  i18nStrings?: CartesianI18nStrings;\n}\n\nexport interface WithPieI18nStrings {\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   *\n   * Available properties:\n   * * `loadingText` (optional, string) - Text, displayed when the chart is loading, i.e. when `noData.statusType` is set to \"loading\".\n   * * `errorText` (optional, string) - Text, displayed when the chart is in error state, i.e. when `noData.statusType` is set to \"error\".\n   * * `recoveryText` (optional, string) - Text for the recovery button, displayed next to the error text.\n   * * `seriesFilterLabel` (optional, string) - Text for the visible label of the default series filter.\n   * * `seriesFilterPlaceholder` (optional, string) - Text for the default series filter placeholder.\n   * * `seriesFilterSelectedAriaLabel` (optional, string) - ARIA label of the default series filter which is appended to any option that is selected.\n   * * `legendAriaLabel` (optional, string) - ARIA label that is associated with the legend in case there is no visible `legend.title` defined.\n   * * `detailPopoverDismissAriaLabel` (optional, string) - ARIA label for the details popover dismiss button.\n   * * `chartRoleDescription` (optional, string) - Accessible role description of the chart plot area, e.g. \"interactive chart\".\n   * * `segmentRoleDescription` (optional, string) - Accessible role description of the segment.\n   */\n  i18nStrings?: PieI18nStrings;\n}\n\nexport interface CartesianI18nStrings extends BaseI18nStrings {\n  xAxisRoleDescription?: string;\n  yAxisRoleDescription?: string;\n}\n\nexport interface PieI18nStrings extends BaseI18nStrings {\n  segmentRoleDescription?: string;\n}\n\nexport interface BaseFilterOptions {\n  seriesFilter?: boolean;\n  additionalFilters?: React.ReactNode;\n}\n\nexport interface BaseTooltipPointFormatted {\n  key?: React.ReactNode;\n  value?: React.ReactNode;\n  description?: React.ReactNode;\n  expandable?: boolean;\n  subItems?: ReadonlyArray<{ key: React.ReactNode; value: React.ReactNode }>;\n}\n\nexport interface AreaSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"area\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface AreaSplineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"areaspline\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface ColumnSeriesOptions extends BaseCartesianSeriesOptions {\n  type: \"column\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface LineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"line\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface SplineSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"spline\";\n  data: readonly PointDataItemType[];\n}\n\nexport interface ScatterSeriesOptions extends BaseCartesianSeriesOptions {\n  type: \"scatter\";\n  data: readonly PointDataItemType[];\n  marker?: PointMarkerOptions;\n}\n\nexport interface ErrorBarSeriesOptions extends Omit<BaseCartesianSeriesOptions, \"name\"> {\n  type: \"errorbar\";\n  name?: string;\n  data: readonly RangeDataItemOptions[];\n  linkedTo: string;\n}\n\nexport interface XThresholdSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"x-threshold\";\n  value: number;\n}\n\nexport interface YThresholdSeriesOptions extends BaseCartesianLineLikeOptions {\n  type: \"y-threshold\";\n  value: number;\n}\n\nexport interface PieSeriesOptions extends BaseSeriesOptions {\n  type: \"pie\";\n  data: readonly PieSegmentOptions[];\n}\n\nexport interface DonutSeriesOptions extends BaseSeriesOptions {\n  type: \"donut\";\n  data: readonly PieSegmentOptions[];\n}\n\nexport interface PieSegmentOptions {\n  y: number | null;\n  id?: string;\n  name: string;\n  color?: string;\n}\n\nexport type PointDataItemType = null | number | PointDataItemOptions;\n\nexport interface PointDataItemOptions {\n  x?: number;\n  y: number | null;\n}\n\nexport interface RangeDataItemOptions {\n  x?: number;\n  low: number;\n  high: number;\n}\n\ninterface BaseSeriesOptions {\n  id?: string;\n  name: string;\n  color?: string;\n}\n\ntype BaseCartesianSeriesOptions = BaseSeriesOptions;\n\ninterface BaseCartesianLineLikeOptions extends BaseCartesianSeriesOptions {\n  dashStyle?: Highcharts.DashStyleValue;\n}\n\n// The symbols union matches that of Highcharts.PointMarkerOptionsObject\ninterface PointMarkerOptions {\n  symbol?: \"circle\" | \"diamond\" | \"square\" | \"triangle\" | \"triangle-down\";\n}\n\nexport interface CoreCartesianOptions {\n  /**\n   * When set to `true`, adds a visual emphasis on the zero baseline axis.\n   */\n  emphasizeBaseline?: boolean;\n  /**\n   * Controls the placement of the vertical axis title.\n   * When set to \"side\", displays the title along the axis line.\n   */\n  verticalAxisTitlePlacement?: \"top\" | \"side\";\n}\n\nexport interface CoreChartProps\n  extends Pick<\n      BaseChartOptions,\n      | \"highcharts\"\n      | \"fallback\"\n      | \"fitHeight\"\n      | \"chartHeight\"\n      | \"chartMinHeight\"\n      | \"chartMinWidth\"\n      | \"ariaLabel\"\n      | \"ariaDescription\"\n      | \"filter\"\n      | \"noData\"\n    >,\n    CoreCartesianOptions {\n  /**\n   * The Highcharts options. Cloudscape injects custom styles and settings, but all can be\n   * overridden with explicitly provided options. An exception is event handlers - those are\n   * not overridden, but merged with Cloudscape event handlers so that both are getting called.\n   */\n  options: CoreChartProps.ChartOptions;\n  /**\n   * The Cloudscape tooltip, that comes with a vertical cursor when used on cartesian series.\n   * The tooltip content is only shown when `getContent` property is defined, which is called\n   * for each visited { x, y } point.\n   */\n  tooltip?: CoreChartProps.TooltipOptions;\n  /**\n   * A custom slot above the chart plot, chart's axis title, and filter.\n   */\n  header?: CoreChartProps.HeaderOptions;\n  /**\n   * Prop for passing a custom navigation control component to be rendered with the chart.\n   * Use this property to add timeline navigation, range selectors, or other custom navigation elements.\n   */\n  navigator?: React.ReactNode;\n  /**\n   * A custom slot below the chart plot and legend.\n   */\n  footer?: CoreChartProps.FooterOptions;\n  /**\n   * Chart legend options.\n   */\n  legend?: CoreChartProps.LegendOptions;\n  /**\n   * The callback to init the chart's API when it is ready. The API includes the Highcharts chart object, and\n   * additional Cloudscape methods.\n   */\n  callback?: (chart: CoreChartProps.ChartAPI) => void;\n  /**\n   * This is used to provide a test-utils selector. Do not use this property to provide custom styles.\n   */\n  className?: string;\n  /**\n   * IDs of visible series or points.\n   */\n  visibleItems?: readonly string[];\n  /**\n   * Called when a legend item is highlighted.\n   */\n  onLegendItemHighlight?: NonCancelableEventHandler<CoreChartProps.LegendItemHighlightDetail>;\n  /**\n   * Called when series/points visibility changes due to user interaction with legend or filter.\n   */\n  onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  /**\n   * Called whenever chart tooltip is rendered to provide content for tooltip's header, body, and (optional) footer.\n   */\n  getTooltipContent?: CoreChartProps.GetTooltipContent;\n  /**\n   * Called whenever a legend item is hovered to provide content for legend tooltip's header, body, and (optional) footer.\n   * If not provided, no tooltip will be displayed.\n   */\n  getLegendTooltipContent?: CoreChartProps.GetLegendTooltipContent;\n  /**\n   * Called whenever chart point or group is highlighted.\n   */\n  onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n  /**\n   * Called whenever chart point or group loses highlight.\n   */\n  onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n  /**\n   * Use Cloudscape keyboard navigation.\n   */\n  keyboardNavigation?: boolean;\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianI18nStrings & PieI18nStrings & CoreI18nStrings;\n}\n\nexport namespace CoreChartProps {\n  // The API methods allow programmatic triggering of chart's behaviors, some of which are not accessible via React state.\n  // This enables advanced integration scenarios, such as building a custom legend, or making multiple charts synchronized.\n  export interface ChartAPI {\n    chart: Highcharts.Chart;\n    highcharts: typeof Highcharts;\n    highlightItems(itemIds: readonly string[]): void;\n    setItemsVisible(itemIds: readonly string[]): void;\n    highlightChartPoint(point: Highcharts.Point): void;\n    highlightChartGroup(group: readonly Highcharts.Point[]): void;\n    clearChartHighlight(): void;\n  }\n\n  // The extended version of Highcharts.Options. The axes types are extended with Cloudscape value formatter.\n  // We use a custom formatter because we cannot use the built-in Highcharts formatter for our tooltip.\n  export type ChartOptions = Omit<Highcharts.Options, \"xAxis\" | \"yAxis\"> & {\n    xAxis?: XAxisOptions | XAxisOptions[];\n    yAxis?: YAxisOptions | YAxisOptions[];\n  };\n  export type XAxisOptions = Highcharts.XAxisOptions & { valueFormatter?: (value: null | number) => string };\n  export type YAxisOptions = Highcharts.YAxisOptions & { valueFormatter?: (value: null | number) => string };\n\n  export interface HeaderOptions {\n    content: React.ReactNode;\n  }\n  export interface FooterOptions {\n    content: React.ReactNode;\n  }\n\n  export interface LegendOptions extends BaseLegendOptions {\n    bottomMaxHeight?: number;\n    position?: \"bottom\" | \"side\";\n    /**\n     * This property only applies when there are secondary items.\n     */\n    secondaryLegendTitle?: string;\n    /**\n     * This property only applies when there are secondary items.\n     */\n    secondaryLegendActions?: React.ReactNode;\n    /**\n     * This property only applies when there are no secondary items and `position=\"bottom\"`.\n     */\n    horizontalAlignment?: LegendOptionsHorizontalAlignment;\n  }\n\n  export type LegendOptionsHorizontalAlignment = \"start\" | \"center\";\n\n  export type LegendItem = InternalComponentTypes.LegendItem;\n  export type LegendTooltipContent = InternalComponentTypes.LegendTooltipContent;\n  export type GetLegendTooltipContent = InternalComponentTypes.GetLegendTooltipContent;\n  export type GetLegendTooltipContentProps = InternalComponentTypes.GetLegendTooltipContentProps;\n\n  export interface TooltipOptions {\n    enabled?: boolean;\n    placement?: \"middle\" | \"outside\" | \"target\";\n    size?: \"small\" | \"medium\" | \"large\";\n    debounce?: number | boolean;\n    seriesSorting?: \"as-added\" | \"by-value-desc\";\n  }\n\n  export type GetTooltipContent = (props: GetTooltipContentProps) => TooltipContentRenderer;\n  export interface GetTooltipContentProps {\n    point: null | Highcharts.Point;\n    group: readonly Highcharts.Point[];\n  }\n  export interface TooltipContentRenderer {\n    point?: (props: TooltipPointProps) => TooltipPointFormatted;\n    details?: (props: TooltipDetailsProps) => readonly TooltipDetail[];\n    header?: (props: TooltipSlotProps) => React.ReactNode;\n    body?: (props: TooltipSlotProps) => React.ReactNode;\n    footer?: (props: TooltipSlotProps) => React.ReactNode;\n  }\n  export type TooltipPointFormatted = BaseTooltipPointFormatted;\n  export interface TooltipContentItem {\n    point: Highcharts.Point;\n    errorRanges: Highcharts.Point[];\n  }\n  export interface TooltipPointProps {\n    item: TooltipContentItem;\n    hideTooltip: () => void;\n  }\n  export interface TooltipSlotProps {\n    x: number;\n    items: TooltipContentItem[];\n    hideTooltip: () => void;\n  }\n\n  export interface TooltipDetailsProps {\n    point: Highcharts.Point;\n    hideTooltip: () => void;\n  }\n\n  export type TooltipDetail = BaseTooltipDetail;\n\n  export interface LegendItemHighlightDetail {\n    item: LegendItem;\n  }\n  export interface VisibleItemsChangeDetail {\n    items: readonly LegendItem[];\n    isApiCall: boolean;\n  }\n  export interface HighlightChangeDetail {\n    point: null | Highcharts.Point;\n    group: readonly Highcharts.Point[];\n    isApiCall: boolean;\n  }\n  export interface HighlightClearDetail {\n    isApiCall: boolean;\n  }\n\n  export type I18nStrings = CartesianI18nStrings & PieI18nStrings;\n}\n\nexport interface CoreLegendProps {\n  items: readonly CoreLegendProps.Item[];\n  title?: string;\n  ariaLabel?: string;\n  actions?: React.ReactNode;\n  alignment?: \"horizontal\" | \"vertical\";\n  horizontalAlignment?: CoreChartProps.LegendOptionsHorizontalAlignment;\n  onClearHighlight?: NonCancelableEventHandler;\n  onItemHighlight?: NonCancelableEventHandler<CoreLegendProps.ItemHighlightDetail>;\n  onVisibleItemsChange?: NonCancelableEventHandler<CoreLegendProps.VisibleItemsChangeDetail>;\n  getLegendTooltipContent?: CoreLegendProps.GetTooltipContent;\n}\n\nexport namespace CoreLegendProps {\n  export type Item = InternalComponentTypes.LegendItem;\n  export type GetTooltipContent = InternalComponentTypes.GetLegendTooltipContent;\n  export interface ItemHighlightDetail {\n    item: Item;\n  }\n  export interface VisibleItemsChangeDetail {\n    items: readonly string[];\n  }\n}\n\n// Utility types\n\nexport interface Rect {\n  x: number;\n  y: number;\n  height: number;\n  width: number;\n}\n"]}

package/core/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type Highcharts from "highcharts";
 import { ChartSeriesMarkerType } from "../internal/components/series-marker";
 import { ChartLabels } from "./i18n-utils";

package/internal/chart-styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type Highcharts from "highcharts";
 export declare const colors: string[];
 export declare const chart: Highcharts.ChartOptions;

package/internal/components/chart-legend/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GetLegendTooltipContentProps, LegendItem, LegendTooltipContent } from "../interfaces";
 export type LegendAlignment = "horizontal" | "vertical";
 export type LegendHorizontalAlignment = "start" | "center" | "end";

package/internal/components/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LegendItem {
     id: string;
     name: string;

package/internal/components/series-details/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "focus-outline": "awsui_focus-outline_1no4y_1pjth_15",
-  "marker": "awsui_marker_1no4y_1pjth_27",
-  "value": "awsui_value_1no4y_1pjth_65",
-  "expandable": "awsui_expandable_1no4y_1pjth_69",
-  "list-item": "awsui_list-item_1no4y_1pjth_73",
-  "inner-list-item": "awsui_inner-list-item_1no4y_1pjth_74",
-  "key-value-pair": "awsui_key-value-pair_1no4y_1pjth_80",
-  "expandable-section": "awsui_expandable-section_1no4y_1pjth_81",
-  "key": "awsui_key_1no4y_1pjth_80",
-  "sub-items": "awsui_sub-items_1no4y_1pjth_96",
-  "list": "awsui_list_1no4y_1pjth_73",
-  "dimmed": "awsui_dimmed_1no4y_1pjth_115",
-  "compact": "awsui_compact_1no4y_1pjth_119",
-  "with-sub-items": "awsui_with-sub-items_1no4y_1pjth_124",
-  "description": "awsui_description_1no4y_1pjth_129",
-  "full-width": "awsui_full-width_1no4y_1pjth_138",
-  "highlight-indicator": "awsui_highlight-indicator_1no4y_1pjth_142"
+  "focus-outline": "awsui_focus-outline_1no4y_g0z0r_15",
+  "marker": "awsui_marker_1no4y_g0z0r_27",
+  "value": "awsui_value_1no4y_g0z0r_65",
+  "expandable": "awsui_expandable_1no4y_g0z0r_69",
+  "list-item": "awsui_list-item_1no4y_g0z0r_73",
+  "inner-list-item": "awsui_inner-list-item_1no4y_g0z0r_74",
+  "key-value-pair": "awsui_key-value-pair_1no4y_g0z0r_80",
+  "expandable-section": "awsui_expandable-section_1no4y_g0z0r_81",
+  "key": "awsui_key_1no4y_g0z0r_80",
+  "sub-items": "awsui_sub-items_1no4y_g0z0r_96",
+  "list": "awsui_list_1no4y_g0z0r_73",
+  "dimmed": "awsui_dimmed_1no4y_g0z0r_115",
+  "compact": "awsui_compact_1no4y_g0z0r_119",
+  "with-sub-items": "awsui_with-sub-items_1no4y_g0z0r_124",
+  "description": "awsui_description_1no4y_g0z0r_129",
+  "full-width": "awsui_full-width_1no4y_g0z0r_138",
+  "highlight-indicator": "awsui_highlight-indicator_1no4y_g0z0r_142"
 };
   

package/internal/components/series-details/styles.scoped.css

@@ -12,7 +12,7 @@
 */
 /* 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 */
-body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_1pjth_15:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_g0z0r_15:not(#\9) {
   stroke: var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
@@ -24,7 +24,7 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_1pjth_15:not(#\9)
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_marker_1no4y_1pjth_27:not(#\9) {
+.awsui_marker_1no4y_g0z0r_27:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -62,48 +62,48 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_1pjth_15:not(#\9)
   cursor: inherit;
 }
 
-.awsui_value_1no4y_1pjth_65:not(#\9) {
+.awsui_value_1no4y_g0z0r_65:not(#\9) {
   text-align: end;
   margin-inline-start: var(--space-static-xxl-ifa9j8, 32px);
 }
-.awsui_value_1no4y_1pjth_65.awsui_expandable_1no4y_1pjth_69:not(#\9) {
+.awsui_value_1no4y_g0z0r_65.awsui_expandable_1no4y_g0z0r_69:not(#\9) {
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
 
-.awsui_list-item_1no4y_1pjth_73:not(#\9),
-.awsui_inner-list-item_1no4y_1pjth_74:not(#\9) {
+.awsui_list-item_1no4y_g0z0r_73:not(#\9),
+.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9) {
   list-style: none;
   position: relative;
 }
 
-.awsui_inner-list-item_1no4y_1pjth_74:not(#\9),
-.awsui_list-item_1no4y_1pjth_73 > .awsui_key-value-pair_1no4y_1pjth_80:not(#\9),
-.awsui_list-item_1no4y_1pjth_73 > .awsui_expandable-section_1no4y_1pjth_81:not(#\9) {
+.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9),
+.awsui_list-item_1no4y_g0z0r_73 > .awsui_key-value-pair_1no4y_g0z0r_80:not(#\9),
+.awsui_list-item_1no4y_g0z0r_73 > .awsui_expandable-section_1no4y_g0z0r_81:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   inline-size: 100%;
 }
-.awsui_inner-list-item_1no4y_1pjth_74 > .awsui_key_1no4y_1pjth_80:not(#\9),
-.awsui_list-item_1no4y_1pjth_73 > .awsui_key-value-pair_1no4y_1pjth_80 > .awsui_key_1no4y_1pjth_80:not(#\9),
-.awsui_list-item_1no4y_1pjth_73 > .awsui_expandable-section_1no4y_1pjth_81 > .awsui_key_1no4y_1pjth_80:not(#\9) {
+.awsui_inner-list-item_1no4y_g0z0r_74 > .awsui_key_1no4y_g0z0r_80:not(#\9),
+.awsui_list-item_1no4y_g0z0r_73 > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_key_1no4y_g0z0r_80:not(#\9),
+.awsui_list-item_1no4y_g0z0r_73 > .awsui_expandable-section_1no4y_g0z0r_81 > .awsui_key_1no4y_g0z0r_80:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline-flex;
   color: var(--color-text-group-label-a2qc05, #424650);
 }
 
-.awsui_sub-items_1no4y_1pjth_96:not(#\9):not(.awsui_expandable_1no4y_1pjth_69) {
+.awsui_sub-items_1no4y_g0z0r_96:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) {
   padding-inline-start: calc(16px + var(--space-static-xxs-ns94dp, 4px));
 }
-.awsui_sub-items_1no4y_1pjth_96.awsui_expandable_1no4y_1pjth_69:not(#\9) {
+.awsui_sub-items_1no4y_g0z0r_96.awsui_expandable_1no4y_g0z0r_69:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_sub-items_1no4y_1pjth_96.awsui_expandable_1no4y_1pjth_69 > .awsui_inner-list-item_1no4y_1pjth_74 > .awsui_value_1no4y_1pjth_65:not(#\9) {
+.awsui_sub-items_1no4y_g0z0r_96.awsui_expandable_1no4y_g0z0r_69 > .awsui_inner-list-item_1no4y_g0z0r_74 > .awsui_value_1no4y_g0z0r_65:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_list_1no4y_1pjth_73:not(#\9) {
+.awsui_list_1no4y_g0z0r_73:not(#\9) {
   display: flex;
   margin-block: 0;
   margin-inline: 0;
@@ -112,39 +112,39 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_1pjth_15:not(#\9)
   list-style: none;
   flex-direction: column;
 }
-.awsui_list_1no4y_1pjth_73 > .awsui_list-item_1no4y_1pjth_73.awsui_dimmed_1no4y_1pjth_115:not(#\9) {
+.awsui_list_1no4y_g0z0r_73 > .awsui_list-item_1no4y_g0z0r_73.awsui_dimmed_1no4y_g0z0r_115:not(#\9) {
   opacity: 0.35;
 }
 
-.awsui_list_1no4y_1pjth_73:not(#\9):not(.awsui_compact_1no4y_1pjth_119) > .awsui_list-item_1no4y_1pjth_73:not(:first-child),
-.awsui_inner-list-item_1no4y_1pjth_74:not(#\9) {
+.awsui_list_1no4y_g0z0r_73:not(#\9):not(.awsui_compact_1no4y_g0z0r_119) > .awsui_list-item_1no4y_g0z0r_73:not(:first-child),
+.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_list-item_1no4y_1pjth_73.awsui_with-sub-items_1no4y_1pjth_124:not(#\9):not(.awsui_expandable_1no4y_1pjth_69) > .awsui_key-value-pair_1no4y_1pjth_80 > .awsui_key_1no4y_1pjth_80,
-.awsui_list-item_1no4y_1pjth_73.awsui_with-sub-items_1no4y_1pjth_124:not(#\9):not(.awsui_expandable_1no4y_1pjth_69) > .awsui_key-value-pair_1no4y_1pjth_80 > .awsui_value_1no4y_1pjth_65 {
+.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_key_1no4y_g0z0r_80,
+.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_value_1no4y_g0z0r_65 {
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
 
-.awsui_list-item_1no4y_1pjth_73 .awsui_description_1no4y_1pjth_129:not(#\9) {
-  color: var(--color-text-body-secondary-bcbgoi, #424650);
+.awsui_list-item_1no4y_g0z0r_73 .awsui_description_1no4y_g0z0r_129:not(#\9) {
+  color: var(--color-text-body-secondary-yna5sb, #424650);
   font-size: var(--font-size-body-s-smc8cv, 12px);
 }
 
-.awsui_list-item_1no4y_1pjth_73.awsui_with-sub-items_1no4y_1pjth_124 .awsui_description_1no4y_1pjth_129:not(#\9) {
+.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124 .awsui_description_1no4y_g0z0r_129:not(#\9) {
   margin-top: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_full-width_1no4y_1pjth_138:not(#\9) {
+.awsui_full-width_1no4y_g0z0r_138:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_highlight-indicator_1no4y_1pjth_142:not(#\9) {
+.awsui_highlight-indicator_1no4y_g0z0r_142:not(#\9) {
   position: absolute;
   top: 3px;
   left: -6px;
   inline-size: 3px;
   block-size: 14px;
   border-radius: 4px;
-  background: var(--color-text-body-secondary-bcbgoi, #424650);
+  background: var(--color-text-body-secondary-yna5sb, #424650);
 }

package/internal/components/series-details/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "focus-outline": "awsui_focus-outline_1no4y_1pjth_15",
-  "marker": "awsui_marker_1no4y_1pjth_27",
-  "value": "awsui_value_1no4y_1pjth_65",
-  "expandable": "awsui_expandable_1no4y_1pjth_69",
-  "list-item": "awsui_list-item_1no4y_1pjth_73",
-  "inner-list-item": "awsui_inner-list-item_1no4y_1pjth_74",
-  "key-value-pair": "awsui_key-value-pair_1no4y_1pjth_80",
-  "expandable-section": "awsui_expandable-section_1no4y_1pjth_81",
-  "key": "awsui_key_1no4y_1pjth_80",
-  "sub-items": "awsui_sub-items_1no4y_1pjth_96",
-  "list": "awsui_list_1no4y_1pjth_73",
-  "dimmed": "awsui_dimmed_1no4y_1pjth_115",
-  "compact": "awsui_compact_1no4y_1pjth_119",
-  "with-sub-items": "awsui_with-sub-items_1no4y_1pjth_124",
-  "description": "awsui_description_1no4y_1pjth_129",
-  "full-width": "awsui_full-width_1no4y_1pjth_138",
-  "highlight-indicator": "awsui_highlight-indicator_1no4y_1pjth_142"
+  "focus-outline": "awsui_focus-outline_1no4y_g0z0r_15",
+  "marker": "awsui_marker_1no4y_g0z0r_27",
+  "value": "awsui_value_1no4y_g0z0r_65",
+  "expandable": "awsui_expandable_1no4y_g0z0r_69",
+  "list-item": "awsui_list-item_1no4y_g0z0r_73",
+  "inner-list-item": "awsui_inner-list-item_1no4y_g0z0r_74",
+  "key-value-pair": "awsui_key-value-pair_1no4y_g0z0r_80",
+  "expandable-section": "awsui_expandable-section_1no4y_g0z0r_81",
+  "key": "awsui_key_1no4y_g0z0r_80",
+  "sub-items": "awsui_sub-items_1no4y_g0z0r_96",
+  "list": "awsui_list_1no4y_g0z0r_73",
+  "dimmed": "awsui_dimmed_1no4y_g0z0r_115",
+  "compact": "awsui_compact_1no4y_g0z0r_119",
+  "with-sub-items": "awsui_with-sub-items_1no4y_g0z0r_124",
+  "description": "awsui_description_1no4y_g0z0r_129",
+  "full-width": "awsui_full-width_1no4y_g0z0r_138",
+  "highlight-indicator": "awsui_highlight-indicator_1no4y_g0z0r_142"
 };
   

package/internal/environment.js

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "chart-components";
-export var PACKAGE_VERSION = "1.0.0 (d03e827a)";
+export var PACKAGE_VERSION = "1.0.0 (724e5a0b)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;
-export var SYSTEM = "console";
+export var SYSTEM = "core";

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "chart-components",
-  "PACKAGE_VERSION": "1.0.0 (d03e827a)",
+  "PACKAGE_VERSION": "1.0.0 (724e5a0b)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true,
-  "SYSTEM": "console"
+  "SYSTEM": "core"
 }

package/internal/events/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type CancelableEventHandler<Detail = object> = (event: CustomEvent<Detail>) => void;
 export type NonCancelableEventHandler<Detail = {}> = (event: NonCancelableCustomEvent<Detail>) => void;
 export type NonCancelableCustomEvent<DetailType> = Omit<CustomEvent<DetailType>, "preventDefault">;

package/internal/generated/styles/tokens.js

@@ -444,18 +444,18 @@ export var colorStrokeCodeEditorGutterActiveLineDefault = "var(--color-stroke-co
 export var colorStrokeCodeEditorGutterActiveLineHover = "var(--color-stroke-code-editor-gutter-active-line-hover-vqrb6s, #f9f9fa)";
 export var colorTextAccent = "var(--color-text-accent-n1kmht, #006ce0)";
 export var colorTextBodyDefault = "var(--color-text-body-default-vvtq8u, #0f141a)";
-export var colorTextBodySecondary = "var(--color-text-body-secondary-bcbgoi, #424650)";
+export var colorTextBodySecondary = "var(--color-text-body-secondary-yna5sb, #424650)";
 export var colorTextBreadcrumbCurrent = "var(--color-text-breadcrumb-current-2mqnkk, #656871)";
 export var colorTextBreadcrumbIcon = "var(--color-text-breadcrumb-icon-9j48ot, #8c8c94)";
-export var colorTextButtonInlineIconDefault = "var(--color-text-button-inline-icon-default-f8xgpk, #006ce0)";
+export var colorTextButtonInlineIconDefault = "var(--color-text-button-inline-icon-default-sm4ql6, #006ce0)";
 export var colorTextButtonInlineIconDisabled = "var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb)";
-export var colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover-c08r6g, #002b66)";
+export var colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover-rbyzfc, #002b66)";
 export var colorTextButtonNormalActive = "var(--color-text-button-normal-active-vihsxh, #002b66)";
 export var colorTextToggleButtonNormalPressed = "var(--color-text-toggle-button-normal-pressed-wnx2zl, #002b66)";
 export var colorTextButtonNormalDefault = "var(--color-text-button-normal-default-nzalii, #006ce0)";
 export var colorTextButtonNormalHover = "var(--color-text-button-normal-hover-gusgyv, #002b66)";
-export var colorTextLinkButtonNormalDefault = "var(--color-text-link-button-normal-default-5w3m67, #006ce0)";
-export var colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover-4awpjm, #002b66)";
+export var colorTextLinkButtonNormalDefault = "var(--color-text-link-button-normal-default-srprth, #006ce0)";
+export var colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover-jrnyw3, #002b66)";
 export var colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active-js9ryu, #002b66)";
 export var colorTextButtonPrimaryActive = "var(--color-text-button-primary-active-refmba, #ffffff)";
 export var colorTextButtonPrimaryDefault = "var(--color-text-button-primary-default-mwl31m, #ffffff)";
@@ -507,13 +507,13 @@ export var colorTextToggleButtonIconPressed = "var(--color-text-toggle-button-ic
 export var colorTextInteractiveInvertedDefault = "var(--color-text-interactive-inverted-default-xlc0d5, #dedee3)";
 export var colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
 export var colorTextInverted = "var(--color-text-inverted-4v4dmq, #ffffff)";
-export var colorTextLabel = "var(--color-text-label-8248dg, #0f141a)";
+export var colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
 export var colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
 export var colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
 export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
 export var colorTextLayoutToggleSelected = "var(--color-text-layout-toggle-selected-xpximc, #ffffff)";
-export var colorTextLinkDefault = "var(--color-text-link-default-1dmm7z, #006ce0)";
-export var colorTextLinkHover = "var(--color-text-link-hover-sq1gxg, #002b66)";
+export var colorTextLinkDefault = "var(--color-text-link-default-hude44, #006ce0)";
+export var colorTextLinkHover = "var(--color-text-link-hover-2hfec2, #002b66)";
 export var colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover-ocd3u3, #ffffff)";
 export var colorTextLinkButtonUnderline = "var(--color-text-link-button-underline-z4wjnv, transparent)";
 export var colorTextLinkButtonUnderlineHover = "var(--color-text-link-button-underline-hover-cn3mqh, transparent)";

package/internal/generated/theming/index.cjs

@@ -6631,8 +6631,8 @@ module.exports.preset = {
             "dark": "{colorNeutral100}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -6883,8 +6883,8 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -6903,12 +6903,12 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorWhite}",
@@ -7745,8 +7745,8 @@ module.exports.preset = {
             "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -7997,8 +7997,8 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -8017,12 +8017,12 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorTextNotificationYellow}",
@@ -13269,18 +13269,18 @@ module.exports.preset = {
     "colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
     "colorTextAccent": "--color-text-accent-n1kmht",
     "colorTextBodyDefault": "--color-text-body-default-vvtq8u",
-    "colorTextBodySecondary": "--color-text-body-secondary-bcbgoi",
+    "colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
     "colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
     "colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
-    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-f8xgpk",
+    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
     "colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
-    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-c08r6g",
+    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
     "colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
     "colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
     "colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
     "colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
-    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-5w3m67",
-    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-4awpjm",
+    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
+    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
     "colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
     "colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
     "colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
@@ -13332,13 +13332,13 @@ module.exports.preset = {
     "colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
     "colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
     "colorTextInverted": "--color-text-inverted-4v4dmq",
-    "colorTextLabel": "--color-text-label-8248dg",
+    "colorTextLabel": "--color-text-label-28gfmc",
     "colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
     "colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
     "colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
     "colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
-    "colorTextLinkDefault": "--color-text-link-default-1dmm7z",
-    "colorTextLinkHover": "--color-text-link-hover-sq1gxg",
+    "colorTextLinkDefault": "--color-text-link-default-hude44",
+    "colorTextLinkHover": "--color-text-link-hover-2hfec2",
     "colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
     "colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
     "colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",