@cloudscape-design/chart-components 1.0.18 → 1.0.20

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 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;\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 `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  }\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  }\n  export interface TooltipSlotProps {\n    x: number;\n    items: TooltipContentItem[];\n  }\n\n  export interface TooltipDetailsProps {\n    point: Highcharts.Point;\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 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;\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 `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  }\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/internal/environment.js

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

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "chart-components",
-  "PACKAGE_VERSION": "1.0.0 (5a521628)",
+  "PACKAGE_VERSION": "1.0.0 (5aa72836)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true,
   "SYSTEM": "console"

package/internal/generated/styles/tokens.d.ts

@@ -545,6 +545,7 @@ export const colorDropzoneTextHover: string;
 export const colorDropzoneBorderDefault: string;
 export const colorDropzoneBorderHover: string;
 export const colorGapGlobalDrawer: string;
+export const colorTreeViewConnectorLine: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontChartDetailSize: string;
@@ -746,6 +747,7 @@ export const spaceTableHeaderHorizontal: string;
 export const spaceTableHeaderToolsBottom: string;
 export const spaceTableHeaderToolsFullPageBottom: string;
 export const spaceTableHorizontal: string;
+export const spaceTreeViewIndentation: string;
 export const spaceTileGutter: string;
 export const spaceScaled2xNone: string;
 export const spaceScaled2xXxxs: string;

package/internal/generated/styles/tokens.js

@@ -545,6 +545,7 @@ export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-asw3rt, #42
 export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-k648ha, #8c8c94)";
 export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-otpag5, #002b66)";
 export var colorGapGlobalDrawer = "var(--color-gap-global-drawer-nh699a, #ebebf0)";
+export var colorTreeViewConnectorLine = "var(--color-tree-view-connector-line-1usxvn, #8c8c94)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
 export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -746,6 +747,7 @@ export var spaceTableHeaderHorizontal = "var(--space-table-header-horizontal-kb5
 export var spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom-d9u5kf, 0px)";
 export var spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom-9m47g6, 4px)";
 export var spaceTableHorizontal = "var(--space-table-horizontal-suurzj, 20px)";
+export var spaceTreeViewIndentation = "var(--space-tree-view-indentation-gmy1k3, 20px)";
 export var spaceTileGutter = "var(--space-tile-gutter-bi2bdv, 24px)";
 export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
 export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";

package/internal/generated/theming/index.cjs

@@ -2077,6 +2077,10 @@ module.exports.preset = {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral950}"
       },
+      "colorTreeViewConnectorLine": {
+        "light": "{colorNeutral500}",
+        "dark": "{colorNeutral300}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2605,6 +2609,10 @@ module.exports.preset = {
         "comfortable": "{spaceContainerHorizontal}",
         "compact": "{spaceContainerHorizontal}"
       },
+      "spaceTreeViewIndentation": {
+        "comfortable": "{spaceL}",
+        "compact": "{spaceL}"
+      },
       "spaceTileGutter": {
         "comfortable": "{spaceXl}",
         "compact": "{spaceM}"
@@ -3071,6 +3079,10 @@ module.exports.preset = {
             "comfortable": "{spaceContainerHorizontal}",
             "compact": "{spaceContainerHorizontal}"
           },
+          "spaceTreeViewIndentation": {
+            "comfortable": "{spaceL}",
+            "compact": "{spaceL}"
+          },
           "spaceTileGutter": {
             "comfortable": "{spaceXl}",
             "compact": "{spaceM}"
@@ -4344,6 +4356,10 @@ module.exports.preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -5518,6 +5534,10 @@ module.exports.preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -6628,6 +6648,10 @@ module.exports.preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -7738,6 +7762,10 @@ module.exports.preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -8849,6 +8877,10 @@ module.exports.preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
           },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -9960,6 +9992,10 @@ module.exports.preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -10472,6 +10508,7 @@ module.exports.preset = {
       "colorDropzoneBorderDefault": "color",
       "colorDropzoneBorderHover": "color",
       "colorGapGlobalDrawer": "color",
+      "colorTreeViewConnectorLine": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -10581,6 +10618,7 @@ module.exports.preset = {
       "spaceTableHeaderToolsBottom": "density",
       "spaceTableHeaderToolsFullPageBottom": "density",
       "spaceTableHorizontal": "density",
+      "spaceTreeViewIndentation": "density",
       "spaceTileGutter": "density",
       "spaceScaled2xNone": "density",
       "spaceScaled2xXxxs": "density",
@@ -10925,6 +10963,7 @@ module.exports.preset = {
     "colorDropzoneTextHover",
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
+    "colorTreeViewConnectorLine",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11290,6 +11329,7 @@ module.exports.preset = {
     "colorDropzoneTextHover",
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
+    "colorTreeViewConnectorLine",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11353,6 +11393,7 @@ module.exports.preset = {
     "motionKeyframesScalePopup",
     "spaceContainerHorizontal",
     "spaceFieldHorizontal",
+    "spaceTreeViewIndentation",
     "spaceScaledXxxs",
     "spaceScaledXxs",
     "spaceScaledXs",
@@ -11921,6 +11962,7 @@ module.exports.preset = {
     "colorDropzoneBorderDefault": "color-dropzone-border-default",
     "colorDropzoneBorderHover": "color-dropzone-border-hover",
     "colorGapGlobalDrawer": "color-gap-global-drawer",
+    "colorTreeViewConnectorLine": "color-tree-view-connector-line",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -12122,6 +12164,7 @@ module.exports.preset = {
     "spaceTableHeaderToolsBottom": "space-table-header-tools-bottom",
     "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
     "spaceTableHorizontal": "space-table-horizontal",
+    "spaceTreeViewIndentation": "space-tree-view-indentation",
     "spaceTileGutter": "space-tile-gutter",
     "spaceScaled2xNone": "space-scaled-2x-none",
     "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
@@ -12727,6 +12770,7 @@ module.exports.preset = {
     "colorDropzoneBorderDefault": "--color-dropzone-border-default-k648ha",
     "colorDropzoneBorderHover": "--color-dropzone-border-hover-otpag5",
     "colorGapGlobalDrawer": "--color-gap-global-drawer-nh699a",
+    "colorTreeViewConnectorLine": "--color-tree-view-connector-line-1usxvn",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -12928,6 +12972,7 @@ module.exports.preset = {
     "spaceTableHeaderToolsBottom": "--space-table-header-tools-bottom-d9u5kf",
     "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-9m47g6",
     "spaceTableHorizontal": "--space-table-horizontal-suurzj",
+    "spaceTreeViewIndentation": "--space-tree-view-indentation-gmy1k3",
     "spaceTileGutter": "--space-tile-gutter-bi2bdv",
     "spaceScaled2xNone": "--space-scaled-2x-none-987dp7",
     "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-reumxj",

package/internal/generated/theming/index.cjs.d.ts

@@ -220,6 +220,7 @@ export declare interface TypedOverride {
     colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontFamilyBase?: GlobalValue;
     fontFamilyMonospace?: GlobalValue;
     fontSizeBodyM?: GlobalValue;
@@ -489,6 +490,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -758,6 +760,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1027,6 +1030,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1296,6 +1300,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1565,6 +1570,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1834,6 +1840,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2103,6 +2110,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2372,6 +2380,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;

package/internal/generated/theming/index.d.ts

@@ -220,6 +220,7 @@ export declare interface TypedOverride {
     colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontFamilyBase?: GlobalValue;
     fontFamilyMonospace?: GlobalValue;
     fontSizeBodyM?: GlobalValue;
@@ -489,6 +490,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -758,6 +760,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1027,6 +1030,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1296,6 +1300,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1565,6 +1570,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1834,6 +1840,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2103,6 +2110,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2372,6 +2380,7 @@ export declare interface TypedOverride {
         colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;

package/internal/generated/theming/index.js

@@ -2077,6 +2077,10 @@ export var preset = {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral950}"
       },
+      "colorTreeViewConnectorLine": {
+        "light": "{colorNeutral500}",
+        "dark": "{colorNeutral300}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2605,6 +2609,10 @@ export var preset = {
         "comfortable": "{spaceContainerHorizontal}",
         "compact": "{spaceContainerHorizontal}"
       },
+      "spaceTreeViewIndentation": {
+        "comfortable": "{spaceL}",
+        "compact": "{spaceL}"
+      },
       "spaceTileGutter": {
         "comfortable": "{spaceXl}",
         "compact": "{spaceM}"
@@ -3071,6 +3079,10 @@ export var preset = {
             "comfortable": "{spaceContainerHorizontal}",
             "compact": "{spaceContainerHorizontal}"
           },
+          "spaceTreeViewIndentation": {
+            "comfortable": "{spaceL}",
+            "compact": "{spaceL}"
+          },
           "spaceTileGutter": {
             "comfortable": "{spaceXl}",
             "compact": "{spaceM}"
@@ -4344,6 +4356,10 @@ export var preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -5518,6 +5534,10 @@ export var preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -6628,6 +6648,10 @@ export var preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -7738,6 +7762,10 @@ export var preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -8849,6 +8877,10 @@ export var preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral950}"
           },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral300}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -9960,6 +9992,10 @@ export var preset = {
           "colorGapGlobalDrawer": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
+          },
+          "colorTreeViewConnectorLine": {
+            "light": "{colorNeutral300}",
+            "dark": "{colorNeutral300}"
           }
         }
       },
@@ -10472,6 +10508,7 @@ export var preset = {
       "colorDropzoneBorderDefault": "color",
       "colorDropzoneBorderHover": "color",
       "colorGapGlobalDrawer": "color",
+      "colorTreeViewConnectorLine": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -10581,6 +10618,7 @@ export var preset = {
       "spaceTableHeaderToolsBottom": "density",
       "spaceTableHeaderToolsFullPageBottom": "density",
       "spaceTableHorizontal": "density",
+      "spaceTreeViewIndentation": "density",
       "spaceTileGutter": "density",
       "spaceScaled2xNone": "density",
       "spaceScaled2xXxxs": "density",
@@ -10925,6 +10963,7 @@ export var preset = {
     "colorDropzoneTextHover",
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
+    "colorTreeViewConnectorLine",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11290,6 +11329,7 @@ export var preset = {
     "colorDropzoneTextHover",
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
+    "colorTreeViewConnectorLine",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11353,6 +11393,7 @@ export var preset = {
     "motionKeyframesScalePopup",
     "spaceContainerHorizontal",
     "spaceFieldHorizontal",
+    "spaceTreeViewIndentation",
     "spaceScaledXxxs",
     "spaceScaledXxs",
     "spaceScaledXs",
@@ -11921,6 +11962,7 @@ export var preset = {
     "colorDropzoneBorderDefault": "color-dropzone-border-default",
     "colorDropzoneBorderHover": "color-dropzone-border-hover",
     "colorGapGlobalDrawer": "color-gap-global-drawer",
+    "colorTreeViewConnectorLine": "color-tree-view-connector-line",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -12122,6 +12164,7 @@ export var preset = {
     "spaceTableHeaderToolsBottom": "space-table-header-tools-bottom",
     "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
     "spaceTableHorizontal": "space-table-horizontal",
+    "spaceTreeViewIndentation": "space-tree-view-indentation",
     "spaceTileGutter": "space-tile-gutter",
     "spaceScaled2xNone": "space-scaled-2x-none",
     "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
@@ -12727,6 +12770,7 @@ export var preset = {
     "colorDropzoneBorderDefault": "--color-dropzone-border-default-k648ha",
     "colorDropzoneBorderHover": "--color-dropzone-border-hover-otpag5",
     "colorGapGlobalDrawer": "--color-gap-global-drawer-nh699a",
+    "colorTreeViewConnectorLine": "--color-tree-view-connector-line-1usxvn",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -12928,6 +12972,7 @@ export var preset = {
     "spaceTableHeaderToolsBottom": "--space-table-header-tools-bottom-d9u5kf",
     "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-9m47g6",
     "spaceTableHorizontal": "--space-table-horizontal-suurzj",
+    "spaceTreeViewIndentation": "--space-tree-view-indentation-gmy1k3",
     "spaceTileGutter": "--space-tile-gutter-bi2bdv",
     "spaceScaled2xNone": "--space-scaled-2x-none-987dp7",
     "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-reumxj",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "5a5216280e083d41852a08e3ea4a9454f4d23bbb"
+  "commit": "5aa7283604a6d427976d4e70895f2e8f7195faa6"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chart-components",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chart-components.git"