@cloudscape-design/chart-components 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/core/chart-api/chart-extra-tooltip.d.ts +4 -4
  2. package/core/chart-api/chart-extra-tooltip.js +9 -9
  3. package/core/chart-api/chart-extra-tooltip.js.map +1 -1
  4. package/internal/environment.js +1 -1
  5. package/internal/environment.json +1 -1
  6. package/internal/generated/theming/index.cjs +18 -14
  7. package/internal/generated/theming/index.cjs.d.ts +18 -0
  8. package/internal/generated/theming/index.d.ts +18 -0
  9. package/internal/generated/theming/index.js +18 -14
  10. package/internal/manifest.json +1 -1
  11. package/package.json +1 -1
package/core/chart-api/chart-extra-tooltip.d.ts CHANGED
@@ -24,10 +24,10 @@ export declare class ChartExtraTooltip extends AsyncStore<ReactiveTooltipState>
24
24
  hideTooltip(): void;
25
25
  pinTooltip(): void;
26
26
  private setGroupIfDifferent;
27
- private onRenderTooltip;
28
- private onRenderTooltipCartesian;
29
- private onRenderTooltipPie;
30
- private onRenderTooltipSolidGauge;
27
+ private updateTooltipCursor;
28
+ private updateTooltipCursorCartesian;
29
+ private updateTooltipCursorPie;
30
+ private updateTooltipCursorGauge;
31
31
  private get commonTrackAttrs();
32
32
  private get direction();
33
33
  }
package/core/chart-api/chart-extra-tooltip.js CHANGED
@@ -37,20 +37,20 @@ export class ChartExtraTooltip extends AsyncStore {
37
37
  // The getTrack function ensures the latest element reference is given on each request.
38
38
  this.getTargetTrack = () => { var _a, _b; return ((_b = (_a = this.targetTrack.element) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null); };
39
39
  this.getGroupTrack = () => { var _a, _b; return ((_b = (_a = this.groupTrack.element) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null); };
40
- this.onRenderTooltip = (props) => {
40
+ this.updateTooltipCursor = (props) => {
41
41
  var _a, _b;
42
42
  const chartType = (_b = (_a = this.context.chart().series.find((s) => s.type === "pie" || s.type === "solidgauge")) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : "cartesian";
43
43
  if (chartType === "pie") {
44
- return this.onRenderTooltipPie(props.group[0]);
44
+ return this.updateTooltipCursorPie(props.group[0]);
45
45
  }
46
46
  else if (chartType === "solidgauge") {
47
- return this.onRenderTooltipSolidGauge(props.group[0]);
47
+ return this.updateTooltipCursorGauge(props.group[0]);
48
48
  }
49
49
  else {
50
- return this.onRenderTooltipCartesian(props);
50
+ return this.updateTooltipCursorCartesian(props);
51
51
  }
52
52
  };
53
- this.onRenderTooltipCartesian = ({ point, group, }) => {
53
+ this.updateTooltipCursorCartesian = ({ point, group, }) => {
54
54
  const pointRect = point ? getPointRect(point) : getGroupRect(group.slice(0, 1));
55
55
  const groupRect = getGroupRect(group);
56
56
  // The cursor is not shown when column series are present (a UX decision).
@@ -59,13 +59,13 @@ export class ChartExtraTooltip extends AsyncStore {
59
59
  this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });
60
60
  this.groupTrack.rect(this.context.chart().renderer, { ...groupRect, ...this.commonTrackAttrs });
61
61
  };
62
- this.onRenderTooltipPie = (point) => {
62
+ this.updateTooltipCursorPie = (point) => {
63
63
  // We only create target track for pie chart as pie chart does not support groups.
64
64
  // It is also expected that only "target" tooltip position is used for pie charts.
65
65
  const pointRect = getPieChartTargetPlacement(point);
66
66
  this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });
67
67
  };
68
- this.onRenderTooltipSolidGauge = (point) => {
68
+ this.updateTooltipCursorGauge = (point) => {
69
69
  // Solid gauge charts are similar to pie charts in that they have a circular shape
70
70
  // and don't support grouping. We use a similar approach to pie charts.
71
71
  const pointRect = getSolidGaugeTargetPlacement(point);
@@ -80,14 +80,14 @@ export class ChartExtraTooltip extends AsyncStore {
80
80
  }
81
81
  showTooltipOnPoint(point, matchingGroup, ignoreLock = false) {
82
82
  if (!this.tooltipLock || ignoreLock) {
83
+ this.updateTooltipCursor({ point, group: matchingGroup });
83
84
  this.set(() => ({ visible: true, pinned: false, point, group: matchingGroup }));
84
- this.onRenderTooltip({ point, group: matchingGroup });
85
85
  }
86
86
  }
87
87
  showTooltipOnGroup(group, ignoreLock = false) {
88
88
  if (!this.tooltipLock || ignoreLock) {
89
+ this.updateTooltipCursor({ point: null, group });
89
90
  this.setGroupIfDifferent(group);
90
- this.onRenderTooltip({ point: null, group });
91
91
  }
92
92
  }
93
93
  hideTooltip() {
package/core/chart-api/chart-extra-tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chart-extra-tooltip.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\nimport type Highcharts from \"highcharts\";\n\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../../internal/chart-styles\";\nimport { renderMarker } from \"../../internal/components/series-marker/render-marker\";\nimport AsyncStore from \"../../internal/utils/async-store\";\nimport { SVGRendererPool, SVGRendererSingle } from \"../../internal/utils/renderer-utils\";\nimport { DebouncedCall, isEqualArrays } from \"../../internal/utils/utils\";\nimport { Rect } from \"../interfaces\";\nimport { getGroupRect, getPointRect, getSeriesId, isXThreshold } from \"../utils\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\nimport testClasses from \"../test-classes/styles.css.js\";\n\nconst TOOLTIP_LAST_DISMISS_DELAY = 250;\n\n// The reactive state is used to propagate updates to the chart tooltip React component. The tooltip\n// content is to be derived from the target point and group.\nexport interface ReactiveTooltipState {\n visible: boolean;\n pinned: boolean;\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n}\n\n// Chart helper that implements tooltip placement logic and cursors.\nexport class ChartExtraTooltip extends AsyncStore<ReactiveTooltipState> {\n private context: ChartExtraContext;\n\n // The tooltip lock is used to prevent tooltip position changes shortly after it was dismissed, to\n // deny its immediate re-appearance in the spot under where the dismiss button was.\n public tooltipLock = false;\n private tooltipLockCall = new DebouncedCall();\n private setTooltipLock = () => {\n if (this.get().pinned) {\n this.tooltipLock = true;\n this.tooltipLockCall.call(() => (this.tooltipLock = false), TOOLTIP_LAST_DISMISS_DELAY);\n }\n };\n\n // The cursor is a vertical or horizontal (in inverted charts) line and hollow or filled markers,\n // shown in cartesian charts on top of the matched group or point.\n private cursor = new HighlightCursorCartesian();\n // The track elements are invisible rectangles, compted for the given target point or group.\n // The target track is used for the \"target\" tooltip placement. The group track is used for\n // the \"middle\" and \"outside\" tooltip placement.\n private targetTrack = new SVGRendererSingle();\n private groupTrack = new SVGRendererSingle();\n\n constructor(context: ChartExtraContext) {\n super({ visible: false, pinned: false, point: null, group: [] });\n this.context = context;\n }\n\n // The targetElement.element can get invalidated by Highcharts, so we cannot use\n // trackRef.current = targetElement.element as it might get invalidated unexpectedly.\n // The getTrack function ensures the latest element reference is given on each request.\n public getTargetTrack = () => (this.targetTrack.element?.element ?? null) as null | SVGElement;\n public getGroupTrack = () => (this.groupTrack.element?.element ?? null) as null | SVGElement;\n\n public onChartDestroy() {\n this.cursor.destroy();\n this.targetTrack.destroy();\n this.groupTrack.destroy();\n }\n\n public showTooltipOnPoint(point: Highcharts.Point, matchingGroup: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.set(() => ({ visible: true, pinned: false, point, group: matchingGroup }));\n this.onRenderTooltip({ point, group: matchingGroup });\n }\n }\n\n public showTooltipOnGroup(group: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.setGroupIfDifferent(group);\n this.onRenderTooltip({ point: null, group });\n }\n }\n\n public hideTooltip() {\n this.cursor.hide();\n this.targetTrack.hide();\n this.groupTrack.hide();\n this.setTooltipLock();\n this.set((prev) => ({ ...prev, visible: false, pinned: false }));\n }\n\n public pinTooltip() {\n if (this.context.settings.tooltipEnabled) {\n this.set((prev) => ({ ...prev, visible: true, pinned: true }));\n }\n }\n\n // Avoid re-rendering the tooltip on every cursor position change when hovering over the graph.\n // Just re-render when the groups are different.\n private setGroupIfDifferent(group: readonly Highcharts.Point[]) {\n function isGroupEqual(a: Highcharts.Point, b: Highcharts.Point) {\n return a?.x === b?.x && a?.y === b?.y && getSeriesId(a?.series) === getSeriesId(b?.series);\n }\n this.set((prev) => {\n return prev.point === null && isEqualArrays(prev.group, group, isGroupEqual)\n ? prev\n : { visible: true, pinned: false, point: null, group };\n });\n }\n\n private onRenderTooltip = (props: { point: null | Highcharts.Point; group: readonly Highcharts.Point[] }) => {\n const chartType =\n this.context.chart().series.find((s) => s.type === \"pie\" || s.type === \"solidgauge\")?.type ?? \"cartesian\";\n if (chartType === \"pie\") {\n return this.onRenderTooltipPie(props.group[0]);\n } else if (chartType === \"solidgauge\") {\n return this.onRenderTooltipSolidGauge(props.group[0]);\n } else {\n return this.onRenderTooltipCartesian(props);\n }\n };\n\n private onRenderTooltipCartesian = ({\n point,\n group,\n }: {\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n }) => {\n const pointRect = point ? getPointRect(point) : getGroupRect(group.slice(0, 1));\n const groupRect = getGroupRect(group);\n // The cursor is not shown when column series are present (a UX decision).\n const hasColumnSeries = this.context.chart().series.some((s) => s.type === \"column\");\n this.cursor.create(groupRect, point, group, !hasColumnSeries);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n this.groupTrack.rect(this.context.chart().renderer, { ...groupRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipPie = (point: Highcharts.Point) => {\n // We only create target track for pie chart as pie chart does not support groups.\n // It is also expected that only \"target\" tooltip position is used for pie charts.\n const pointRect = getPieChartTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipSolidGauge = (point: Highcharts.Point) => {\n // Solid gauge charts are similar to pie charts in that they have a circular shape\n // and don't support grouping. We use a similar approach to pie charts.\n const pointRect = getSolidGaugeTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private get commonTrackAttrs() {\n return { fill: \"transparent\", zIndex: -1, style: \"pointer-events:none\", direction: this.direction };\n }\n\n // We compute the direction from the chart container and then explicitly set it to the track\n // elements, as otherwise the direction check done for track elements always results to \"ltr\".\n private get direction() {\n const isRtl = getIsRtl(this.context.chart().container.parentElement);\n return isRtl ? \"rtl\" : \"ltr\";\n }\n}\n\n// A helper class to draw the cursor elements (include cursor line and matched points markers).\nclass HighlightCursorCartesian {\n private lineElement = new SVGRendererSingle();\n private markerElementsPool = new SVGRendererPool();\n\n public create(target: Rect, point: null | Highcharts.Point, group: readonly Highcharts.Point[], showLine: boolean) {\n this.hide();\n const chart = group[0]?.series.chart;\n if (!chart) {\n return;\n }\n if (showLine) {\n // The cursor line is rendered orthogonally to the x axis (when the chart is inverted, the line is rendered horizontally).\n // The line is 1px thick, and is rendered through the center of the target's rect.\n const lineAttrs = chart.inverted\n ? {\n x: chart.plotLeft,\n y: chart.plotTop + target.y - target.height - 1,\n width: chart.plotWidth,\n height: 1,\n }\n : {\n x: target.x + target.width / 2,\n y: chart.plotTop,\n width: 1,\n height: chart.plotHeight,\n };\n this.lineElement.rect(chart.renderer, { ...Styles.cursorLine, ...lineAttrs });\n }\n for (const p of group.filter(this.isPointEligibleForMarker)) {\n if (p.plotX !== undefined && p.plotY !== undefined) {\n const selected = p === point;\n const className = clsx(testClasses[\"highlight-marker\"], selected && testClasses[\"highlight-marker-selected\"]);\n renderMarker(chart, this.markerElementsPool, p, selected, className);\n }\n }\n }\n\n public hide() {\n this.lineElement.hide();\n this.markerElementsPool.hideAll();\n }\n\n public destroy() {\n this.lineElement.destroy();\n this.markerElementsPool.destroyAll();\n }\n\n private isPointEligibleForMarker = (point: Highcharts.Point) => {\n return !isXThreshold(point.series) && point.series.type !== \"column\" && point.series.type !== \"errorbar\";\n };\n}\n\nfunction getPieChartTargetPlacement(point: Highcharts.Point): Rect {\n // The pie series segments do not provide plotX, plotY to compute the tooltip placement.\n // Instead, there is a `tooltipPos` tuple, which is not covered by TS.\n // See: https://github.com/highcharts/highcharts/issues/23118.\n if (\"tooltipPos\" in point && Array.isArray(point.tooltipPos)) {\n // We use very small but non-zero track size as otherwise it is placed incorrectly in Firefox.\n return { x: point.tooltipPos[0], y: point.tooltipPos[1], width: 0.1, height: 0.1 };\n }\n // We use the alternative, middle, tooltip placement as a fallback, in case the undocumented \"tooltipPos\"\n // is no longer available in the point.\n return getPieMiddlePlacement(point);\n}\n\nfunction getPieMiddlePlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n const [relativeX, relativeY, relativeDiameter] = point.series.center;\n const plotLeft = chart.plotLeft;\n const plotTop = chart.plotTop;\n const centerX = plotLeft + (typeof relativeX === \"number\" ? relativeX : (relativeX / 100) * chart.plotWidth);\n const centerY = plotTop + (typeof relativeY === \"number\" ? relativeY : (relativeY / 100) * chart.plotHeight);\n const radius =\n (typeof relativeDiameter === \"number\" ? relativeDiameter : (relativeDiameter / 100) * chart.plotWidth) / 2;\n return { x: centerX, y: centerY - radius, width: 1, height: 2 * radius };\n}\n\nfunction getSolidGaugeTargetPlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n return {\n x: chart.plotLeft + chart.plotWidth / 2,\n y: chart.plotTop + chart.plotHeight / 2,\n width: 0.1,\n height: 0.1,\n };\n}\n"]}
1
+ {"version":3,"file":"chart-extra-tooltip.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\nimport type Highcharts from \"highcharts\";\n\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../../internal/chart-styles\";\nimport { renderMarker } from \"../../internal/components/series-marker/render-marker\";\nimport AsyncStore from \"../../internal/utils/async-store\";\nimport { SVGRendererPool, SVGRendererSingle } from \"../../internal/utils/renderer-utils\";\nimport { DebouncedCall, isEqualArrays } from \"../../internal/utils/utils\";\nimport { Rect } from \"../interfaces\";\nimport { getGroupRect, getPointRect, getSeriesId, isXThreshold } from \"../utils\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\nimport testClasses from \"../test-classes/styles.css.js\";\n\nconst TOOLTIP_LAST_DISMISS_DELAY = 250;\n\n// The reactive state is used to propagate updates to the chart tooltip React component. The tooltip\n// content is to be derived from the target point and group.\nexport interface ReactiveTooltipState {\n visible: boolean;\n pinned: boolean;\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n}\n\n// Chart helper that implements tooltip placement logic and cursors.\nexport class ChartExtraTooltip extends AsyncStore<ReactiveTooltipState> {\n private context: ChartExtraContext;\n\n // The tooltip lock is used to prevent tooltip position changes shortly after it was dismissed, to\n // deny its immediate re-appearance in the spot under where the dismiss button was.\n public tooltipLock = false;\n private tooltipLockCall = new DebouncedCall();\n private setTooltipLock = () => {\n if (this.get().pinned) {\n this.tooltipLock = true;\n this.tooltipLockCall.call(() => (this.tooltipLock = false), TOOLTIP_LAST_DISMISS_DELAY);\n }\n };\n\n // The cursor is a vertical or horizontal (in inverted charts) line and hollow or filled markers,\n // shown in cartesian charts on top of the matched group or point.\n private cursor = new HighlightCursorCartesian();\n // The track elements are invisible rectangles, compted for the given target point or group.\n // The target track is used for the \"target\" tooltip placement. The group track is used for\n // the \"middle\" and \"outside\" tooltip placement.\n private targetTrack = new SVGRendererSingle();\n private groupTrack = new SVGRendererSingle();\n\n constructor(context: ChartExtraContext) {\n super({ visible: false, pinned: false, point: null, group: [] });\n this.context = context;\n }\n\n // The targetElement.element can get invalidated by Highcharts, so we cannot use\n // trackRef.current = targetElement.element as it might get invalidated unexpectedly.\n // The getTrack function ensures the latest element reference is given on each request.\n public getTargetTrack = () => (this.targetTrack.element?.element ?? null) as null | SVGElement;\n public getGroupTrack = () => (this.groupTrack.element?.element ?? null) as null | SVGElement;\n\n public onChartDestroy() {\n this.cursor.destroy();\n this.targetTrack.destroy();\n this.groupTrack.destroy();\n }\n\n public showTooltipOnPoint(point: Highcharts.Point, matchingGroup: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.updateTooltipCursor({ point, group: matchingGroup });\n this.set(() => ({ visible: true, pinned: false, point, group: matchingGroup }));\n }\n }\n\n public showTooltipOnGroup(group: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.updateTooltipCursor({ point: null, group });\n this.setGroupIfDifferent(group);\n }\n }\n\n public hideTooltip() {\n this.cursor.hide();\n this.targetTrack.hide();\n this.groupTrack.hide();\n this.setTooltipLock();\n this.set((prev) => ({ ...prev, visible: false, pinned: false }));\n }\n\n public pinTooltip() {\n if (this.context.settings.tooltipEnabled) {\n this.set((prev) => ({ ...prev, visible: true, pinned: true }));\n }\n }\n\n // Avoid re-rendering the tooltip on every cursor position change when hovering over the graph.\n // Just re-render when the groups are different.\n private setGroupIfDifferent(group: readonly Highcharts.Point[]) {\n function isGroupEqual(a: Highcharts.Point, b: Highcharts.Point) {\n return a?.x === b?.x && a?.y === b?.y && getSeriesId(a?.series) === getSeriesId(b?.series);\n }\n this.set((prev) => {\n return prev.point === null && isEqualArrays(prev.group, group, isGroupEqual)\n ? prev\n : { visible: true, pinned: false, point: null, group };\n });\n }\n\n private updateTooltipCursor = (props: { point: null | Highcharts.Point; group: readonly Highcharts.Point[] }) => {\n const chartType =\n this.context.chart().series.find((s) => s.type === \"pie\" || s.type === \"solidgauge\")?.type ?? \"cartesian\";\n if (chartType === \"pie\") {\n return this.updateTooltipCursorPie(props.group[0]);\n } else if (chartType === \"solidgauge\") {\n return this.updateTooltipCursorGauge(props.group[0]);\n } else {\n return this.updateTooltipCursorCartesian(props);\n }\n };\n\n private updateTooltipCursorCartesian = ({\n point,\n group,\n }: {\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n }) => {\n const pointRect = point ? getPointRect(point) : getGroupRect(group.slice(0, 1));\n const groupRect = getGroupRect(group);\n // The cursor is not shown when column series are present (a UX decision).\n const hasColumnSeries = this.context.chart().series.some((s) => s.type === \"column\");\n this.cursor.create(groupRect, point, group, !hasColumnSeries);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n this.groupTrack.rect(this.context.chart().renderer, { ...groupRect, ...this.commonTrackAttrs });\n };\n\n private updateTooltipCursorPie = (point: Highcharts.Point) => {\n // We only create target track for pie chart as pie chart does not support groups.\n // It is also expected that only \"target\" tooltip position is used for pie charts.\n const pointRect = getPieChartTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private updateTooltipCursorGauge = (point: Highcharts.Point) => {\n // Solid gauge charts are similar to pie charts in that they have a circular shape\n // and don't support grouping. We use a similar approach to pie charts.\n const pointRect = getSolidGaugeTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private get commonTrackAttrs() {\n return { fill: \"transparent\", zIndex: -1, style: \"pointer-events:none\", direction: this.direction };\n }\n\n // We compute the direction from the chart container and then explicitly set it to the track\n // elements, as otherwise the direction check done for track elements always results to \"ltr\".\n private get direction() {\n const isRtl = getIsRtl(this.context.chart().container.parentElement);\n return isRtl ? \"rtl\" : \"ltr\";\n }\n}\n\n// A helper class to draw the cursor elements (include cursor line and matched points markers).\nclass HighlightCursorCartesian {\n private lineElement = new SVGRendererSingle();\n private markerElementsPool = new SVGRendererPool();\n\n public create(target: Rect, point: null | Highcharts.Point, group: readonly Highcharts.Point[], showLine: boolean) {\n this.hide();\n const chart = group[0]?.series.chart;\n if (!chart) {\n return;\n }\n if (showLine) {\n // The cursor line is rendered orthogonally to the x axis (when the chart is inverted, the line is rendered horizontally).\n // The line is 1px thick, and is rendered through the center of the target's rect.\n const lineAttrs = chart.inverted\n ? {\n x: chart.plotLeft,\n y: chart.plotTop + target.y - target.height - 1,\n width: chart.plotWidth,\n height: 1,\n }\n : {\n x: target.x + target.width / 2,\n y: chart.plotTop,\n width: 1,\n height: chart.plotHeight,\n };\n this.lineElement.rect(chart.renderer, { ...Styles.cursorLine, ...lineAttrs });\n }\n for (const p of group.filter(this.isPointEligibleForMarker)) {\n if (p.plotX !== undefined && p.plotY !== undefined) {\n const selected = p === point;\n const className = clsx(testClasses[\"highlight-marker\"], selected && testClasses[\"highlight-marker-selected\"]);\n renderMarker(chart, this.markerElementsPool, p, selected, className);\n }\n }\n }\n\n public hide() {\n this.lineElement.hide();\n this.markerElementsPool.hideAll();\n }\n\n public destroy() {\n this.lineElement.destroy();\n this.markerElementsPool.destroyAll();\n }\n\n private isPointEligibleForMarker = (point: Highcharts.Point) => {\n return !isXThreshold(point.series) && point.series.type !== \"column\" && point.series.type !== \"errorbar\";\n };\n}\n\nfunction getPieChartTargetPlacement(point: Highcharts.Point): Rect {\n // The pie series segments do not provide plotX, plotY to compute the tooltip placement.\n // Instead, there is a `tooltipPos` tuple, which is not covered by TS.\n // See: https://github.com/highcharts/highcharts/issues/23118.\n if (\"tooltipPos\" in point && Array.isArray(point.tooltipPos)) {\n // We use very small but non-zero track size as otherwise it is placed incorrectly in Firefox.\n return { x: point.tooltipPos[0], y: point.tooltipPos[1], width: 0.1, height: 0.1 };\n }\n // We use the alternative, middle, tooltip placement as a fallback, in case the undocumented \"tooltipPos\"\n // is no longer available in the point.\n return getPieMiddlePlacement(point);\n}\n\nfunction getPieMiddlePlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n const [relativeX, relativeY, relativeDiameter] = point.series.center;\n const plotLeft = chart.plotLeft;\n const plotTop = chart.plotTop;\n const centerX = plotLeft + (typeof relativeX === \"number\" ? relativeX : (relativeX / 100) * chart.plotWidth);\n const centerY = plotTop + (typeof relativeY === \"number\" ? relativeY : (relativeY / 100) * chart.plotHeight);\n const radius =\n (typeof relativeDiameter === \"number\" ? relativeDiameter : (relativeDiameter / 100) * chart.plotWidth) / 2;\n return { x: centerX, y: centerY - radius, width: 1, height: 2 * radius };\n}\n\nfunction getSolidGaugeTargetPlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n return {\n x: chart.plotLeft + chart.plotWidth / 2,\n y: chart.plotTop + chart.plotHeight / 2,\n width: 0.1,\n height: 0.1,\n };\n}\n"]}
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export var PACKAGE_SOURCE = "chart-components";
2
- export var PACKAGE_VERSION = "1.0.0 (50fd078b)";
2
+ export var PACKAGE_VERSION = "1.0.0 (067f70d7)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
  export var SYSTEM = "console";
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "chart-components",
3
- "PACKAGE_VERSION": "1.0.0 (50fd078b)",
3
+ "PACKAGE_VERSION": "1.0.0 (067f70d7)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "ALWAYS_VISUAL_REFRESH": true,
6
6
  "SYSTEM": "console"
package/internal/generated/theming/index.cjs CHANGED
@@ -1359,8 +1359,8 @@ module.exports.preset = {
1359
1359
  "dark": "{colorBorderDividerDefault}"
1360
1360
  },
1361
1361
  "colorBorderPopover": {
1362
- "light": "{colorGrey400}",
1363
- "dark": "{colorGrey600}"
1362
+ "light": "{colorBorderDropdownContainer}",
1363
+ "dark": "{colorBorderDropdownContainer}"
1364
1364
  },
1365
1365
  "colorBorderSegmentActive": {
1366
1366
  "light": "{colorBorderSegmentDefault}",
@@ -3643,8 +3643,8 @@ module.exports.preset = {
3643
3643
  "dark": "{colorBorderDividerDefault}"
3644
3644
  },
3645
3645
  "colorBorderPopover": {
3646
- "light": "{colorGrey600}",
3647
- "dark": "{colorGrey600}"
3646
+ "light": "{colorBorderDropdownContainer}",
3647
+ "dark": "{colorBorderDropdownContainer}"
3648
3648
  },
3649
3649
  "colorBorderSegmentActive": {
3650
3650
  "light": "{colorBorderSegmentDefault}",
@@ -4825,8 +4825,8 @@ module.exports.preset = {
4825
4825
  "dark": "{colorBorderDividerDefault}"
4826
4826
  },
4827
4827
  "colorBorderPopover": {
4828
- "light": "{colorGrey600}",
4829
- "dark": "{colorGrey600}"
4828
+ "light": "{colorBorderDropdownContainer}",
4829
+ "dark": "{colorBorderDropdownContainer}"
4830
4830
  },
4831
4831
  "colorBorderSegmentActive": {
4832
4832
  "light": "{colorBorderSegmentDefault}",
@@ -5939,8 +5939,8 @@ module.exports.preset = {
5939
5939
  "dark": "{colorBorderDividerDefault}"
5940
5940
  },
5941
5941
  "colorBorderPopover": {
5942
- "light": "{colorGrey400}",
5943
- "dark": "{colorGrey600}"
5942
+ "light": "{colorBorderDropdownContainer}",
5943
+ "dark": "{colorBorderDropdownContainer}"
5944
5944
  },
5945
5945
  "colorBorderSegmentActive": {
5946
5946
  "light": "{colorBorderSegmentDefault}",
@@ -7053,8 +7053,8 @@ module.exports.preset = {
7053
7053
  "dark": "{colorBorderDividerDefault}"
7054
7054
  },
7055
7055
  "colorBorderPopover": {
7056
- "light": "{colorGrey400}",
7057
- "dark": "{colorGrey600}"
7056
+ "light": "{colorBorderDropdownContainer}",
7057
+ "dark": "{colorBorderDropdownContainer}"
7058
7058
  },
7059
7059
  "colorBorderSegmentActive": {
7060
7060
  "light": "{colorBorderSegmentDefault}",
@@ -8167,8 +8167,8 @@ module.exports.preset = {
8167
8167
  "dark": "{colorBorderDividerDefault}"
8168
8168
  },
8169
8169
  "colorBorderPopover": {
8170
- "light": "{colorGrey400}",
8171
- "dark": "{colorGrey600}"
8170
+ "light": "{colorBorderDropdownContainer}",
8171
+ "dark": "{colorBorderDropdownContainer}"
8172
8172
  },
8173
8173
  "colorBorderSegmentActive": {
8174
8174
  "light": "{colorBorderSegmentDefault}",
@@ -9283,8 +9283,8 @@ module.exports.preset = {
9283
9283
  "dark": "{colorBorderDividerDefault}"
9284
9284
  },
9285
9285
  "colorBorderPopover": {
9286
- "light": "{colorGrey600}",
9287
- "dark": "{colorGrey600}"
9286
+ "light": "{colorBorderDropdownContainer}",
9287
+ "dark": "{colorBorderDropdownContainer}"
9288
9288
  },
9289
9289
  "colorBorderSegmentActive": {
9290
9290
  "light": "{colorBorderSegmentDefault}",
@@ -10572,12 +10572,14 @@ module.exports.preset = {
10572
10572
  "colorBorderControlDefault",
10573
10573
  "colorBorderDividerDefault",
10574
10574
  "colorBorderDividerSecondary",
10575
+ "colorBorderDropdownContainer",
10575
10576
  "colorBorderDropdownItemHover",
10576
10577
  "colorBorderInputDefault",
10577
10578
  "colorBorderInputFocused",
10578
10579
  "colorBorderItemFocused",
10579
10580
  "colorBorderDropdownItemFocused",
10580
10581
  "colorBorderItemSelected",
10582
+ "colorBorderPopover",
10581
10583
  "colorBorderSegmentActive",
10582
10584
  "colorBorderSegmentDefault",
10583
10585
  "colorBorderSegmentDisabled",
@@ -10933,12 +10935,14 @@ module.exports.preset = {
10933
10935
  "colorBorderControlDefault",
10934
10936
  "colorBorderDividerDefault",
10935
10937
  "colorBorderDividerSecondary",
10938
+ "colorBorderDropdownContainer",
10936
10939
  "colorBorderDropdownItemHover",
10937
10940
  "colorBorderInputDefault",
10938
10941
  "colorBorderInputFocused",
10939
10942
  "colorBorderItemFocused",
10940
10943
  "colorBorderDropdownItemFocused",
10941
10944
  "colorBorderItemSelected",
10945
+ "colorBorderPopover",
10942
10946
  "colorBorderSegmentActive",
10943
10947
  "colorBorderSegmentDefault",
10944
10948
  "colorBorderSegmentDisabled",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -140,12 +140,14 @@ export declare interface TypedOverride {
140
140
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
141
141
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
142
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
144
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
144
145
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
145
146
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
147
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
148
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
149
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
151
153
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -407,12 +409,14 @@ export declare interface TypedOverride {
407
409
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
408
410
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
409
411
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
410
413
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
414
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
415
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
416
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
417
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
418
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
419
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
420
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
417
421
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
418
422
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -674,12 +678,14 @@ export declare interface TypedOverride {
674
678
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
679
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
680
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
677
682
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
683
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
684
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
685
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
686
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
682
687
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
688
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
683
689
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
684
690
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
685
691
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,12 +947,14 @@ export declare interface TypedOverride {
941
947
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
942
948
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
943
949
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
944
951
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
945
952
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
946
953
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
954
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
955
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
956
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
957
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
958
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
959
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
960
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1208,12 +1216,14 @@ export declare interface TypedOverride {
1208
1216
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1209
1217
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1210
1218
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1219
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1211
1220
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1212
1221
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1213
1222
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1214
1223
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1215
1224
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1216
1225
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1226
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1217
1227
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
1228
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1219
1229
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1475,12 +1485,14 @@ export declare interface TypedOverride {
1475
1485
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1486
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1477
1487
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1488
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1478
1489
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1479
1490
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1480
1491
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1481
1492
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1482
1493
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1483
1494
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1495
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1484
1496
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1485
1497
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1486
1498
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1742,12 +1754,14 @@ export declare interface TypedOverride {
1742
1754
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1755
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1744
1756
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1757
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1745
1758
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1746
1759
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1747
1760
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1748
1761
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1749
1762
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1750
1763
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1764
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1751
1765
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1752
1766
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1753
1767
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2009,12 +2023,14 @@ export declare interface TypedOverride {
2009
2023
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2010
2024
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2011
2025
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2026
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2012
2027
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2013
2028
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2014
2029
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2015
2030
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2016
2031
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2017
2032
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2033
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2018
2034
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2019
2035
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2020
2036
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2276,12 +2292,14 @@ export declare interface TypedOverride {
2276
2292
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2277
2293
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2278
2294
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2295
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2279
2296
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2280
2297
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2281
2298
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2282
2299
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2283
2300
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2284
2301
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2302
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2285
2303
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2286
2304
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2287
2305
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -140,12 +140,14 @@ export declare interface TypedOverride {
140
140
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
141
141
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
142
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
144
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
144
145
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
145
146
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
147
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
148
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
149
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
151
153
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -407,12 +409,14 @@ export declare interface TypedOverride {
407
409
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
408
410
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
409
411
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
410
413
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
414
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
415
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
416
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
417
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
418
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
419
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
420
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
417
421
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
418
422
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -674,12 +678,14 @@ export declare interface TypedOverride {
674
678
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
679
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
680
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
677
682
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
683
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
684
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
685
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
686
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
682
687
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
688
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
683
689
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
684
690
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
685
691
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,12 +947,14 @@ export declare interface TypedOverride {
941
947
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
942
948
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
943
949
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
944
951
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
945
952
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
946
953
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
954
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
955
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
956
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
957
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
958
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
959
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
960
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1208,12 +1216,14 @@ export declare interface TypedOverride {
1208
1216
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1209
1217
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1210
1218
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1219
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1211
1220
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1212
1221
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1213
1222
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1214
1223
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1215
1224
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1216
1225
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1226
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1217
1227
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
1228
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1219
1229
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1475,12 +1485,14 @@ export declare interface TypedOverride {
1475
1485
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1486
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1477
1487
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1488
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1478
1489
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1479
1490
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1480
1491
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1481
1492
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1482
1493
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1483
1494
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1495
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1484
1496
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1485
1497
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1486
1498
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1742,12 +1754,14 @@ export declare interface TypedOverride {
1742
1754
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1755
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1744
1756
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1757
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1745
1758
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1746
1759
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1747
1760
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1748
1761
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1749
1762
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1750
1763
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1764
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1751
1765
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1752
1766
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1753
1767
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2009,12 +2023,14 @@ export declare interface TypedOverride {
2009
2023
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2010
2024
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2011
2025
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2026
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2012
2027
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2013
2028
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2014
2029
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2015
2030
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2016
2031
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2017
2032
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2033
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2018
2034
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2019
2035
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2020
2036
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2276,12 +2292,14 @@ export declare interface TypedOverride {
2276
2292
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2277
2293
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2278
2294
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2295
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2279
2296
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2280
2297
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2281
2298
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2282
2299
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2283
2300
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2284
2301
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2302
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2285
2303
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2286
2304
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2287
2305
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -1359,8 +1359,8 @@ export var preset = {
1359
1359
  "dark": "{colorBorderDividerDefault}"
1360
1360
  },
1361
1361
  "colorBorderPopover": {
1362
- "light": "{colorGrey400}",
1363
- "dark": "{colorGrey600}"
1362
+ "light": "{colorBorderDropdownContainer}",
1363
+ "dark": "{colorBorderDropdownContainer}"
1364
1364
  },
1365
1365
  "colorBorderSegmentActive": {
1366
1366
  "light": "{colorBorderSegmentDefault}",
@@ -3643,8 +3643,8 @@ export var preset = {
3643
3643
  "dark": "{colorBorderDividerDefault}"
3644
3644
  },
3645
3645
  "colorBorderPopover": {
3646
- "light": "{colorGrey600}",
3647
- "dark": "{colorGrey600}"
3646
+ "light": "{colorBorderDropdownContainer}",
3647
+ "dark": "{colorBorderDropdownContainer}"
3648
3648
  },
3649
3649
  "colorBorderSegmentActive": {
3650
3650
  "light": "{colorBorderSegmentDefault}",
@@ -4825,8 +4825,8 @@ export var preset = {
4825
4825
  "dark": "{colorBorderDividerDefault}"
4826
4826
  },
4827
4827
  "colorBorderPopover": {
4828
- "light": "{colorGrey600}",
4829
- "dark": "{colorGrey600}"
4828
+ "light": "{colorBorderDropdownContainer}",
4829
+ "dark": "{colorBorderDropdownContainer}"
4830
4830
  },
4831
4831
  "colorBorderSegmentActive": {
4832
4832
  "light": "{colorBorderSegmentDefault}",
@@ -5939,8 +5939,8 @@ export var preset = {
5939
5939
  "dark": "{colorBorderDividerDefault}"
5940
5940
  },
5941
5941
  "colorBorderPopover": {
5942
- "light": "{colorGrey400}",
5943
- "dark": "{colorGrey600}"
5942
+ "light": "{colorBorderDropdownContainer}",
5943
+ "dark": "{colorBorderDropdownContainer}"
5944
5944
  },
5945
5945
  "colorBorderSegmentActive": {
5946
5946
  "light": "{colorBorderSegmentDefault}",
@@ -7053,8 +7053,8 @@ export var preset = {
7053
7053
  "dark": "{colorBorderDividerDefault}"
7054
7054
  },
7055
7055
  "colorBorderPopover": {
7056
- "light": "{colorGrey400}",
7057
- "dark": "{colorGrey600}"
7056
+ "light": "{colorBorderDropdownContainer}",
7057
+ "dark": "{colorBorderDropdownContainer}"
7058
7058
  },
7059
7059
  "colorBorderSegmentActive": {
7060
7060
  "light": "{colorBorderSegmentDefault}",
@@ -8167,8 +8167,8 @@ export var preset = {
8167
8167
  "dark": "{colorBorderDividerDefault}"
8168
8168
  },
8169
8169
  "colorBorderPopover": {
8170
- "light": "{colorGrey400}",
8171
- "dark": "{colorGrey600}"
8170
+ "light": "{colorBorderDropdownContainer}",
8171
+ "dark": "{colorBorderDropdownContainer}"
8172
8172
  },
8173
8173
  "colorBorderSegmentActive": {
8174
8174
  "light": "{colorBorderSegmentDefault}",
@@ -9283,8 +9283,8 @@ export var preset = {
9283
9283
  "dark": "{colorBorderDividerDefault}"
9284
9284
  },
9285
9285
  "colorBorderPopover": {
9286
- "light": "{colorGrey600}",
9287
- "dark": "{colorGrey600}"
9286
+ "light": "{colorBorderDropdownContainer}",
9287
+ "dark": "{colorBorderDropdownContainer}"
9288
9288
  },
9289
9289
  "colorBorderSegmentActive": {
9290
9290
  "light": "{colorBorderSegmentDefault}",
@@ -10572,12 +10572,14 @@ export var preset = {
10572
10572
  "colorBorderControlDefault",
10573
10573
  "colorBorderDividerDefault",
10574
10574
  "colorBorderDividerSecondary",
10575
+ "colorBorderDropdownContainer",
10575
10576
  "colorBorderDropdownItemHover",
10576
10577
  "colorBorderInputDefault",
10577
10578
  "colorBorderInputFocused",
10578
10579
  "colorBorderItemFocused",
10579
10580
  "colorBorderDropdownItemFocused",
10580
10581
  "colorBorderItemSelected",
10582
+ "colorBorderPopover",
10581
10583
  "colorBorderSegmentActive",
10582
10584
  "colorBorderSegmentDefault",
10583
10585
  "colorBorderSegmentDisabled",
@@ -10933,12 +10935,14 @@ export var preset = {
10933
10935
  "colorBorderControlDefault",
10934
10936
  "colorBorderDividerDefault",
10935
10937
  "colorBorderDividerSecondary",
10938
+ "colorBorderDropdownContainer",
10936
10939
  "colorBorderDropdownItemHover",
10937
10940
  "colorBorderInputDefault",
10938
10941
  "colorBorderInputFocused",
10939
10942
  "colorBorderItemFocused",
10940
10943
  "colorBorderDropdownItemFocused",
10941
10944
  "colorBorderItemSelected",
10945
+ "colorBorderPopover",
10942
10946
  "colorBorderSegmentActive",
10943
10947
  "colorBorderSegmentDefault",
10944
10948
  "colorBorderSegmentDisabled",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "50fd078bbd9a50f624d3fb01bd7dd71a985d4ba3"
2
+ "commit": "067f70d771d072294bade53df31c836a7d458b27"
3
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/chart-components",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cloudscape-design/chart-components.git"