@cloudscape-design/chart-components 1.0.92 → 1.0.94

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 (12) hide show
  1. package/core/chart-api/chart-extra-context.js +13 -13
  2. package/core/chart-api/chart-extra-context.js.map +1 -1
  3. package/core/chart-container.js +24 -4
  4. package/core/chart-container.js.map +1 -1
  5. package/internal/environment.js +1 -1
  6. package/internal/environment.json +1 -1
  7. package/internal/generated/theming/index.cjs +34 -0
  8. package/internal/generated/theming/index.cjs.d.ts +153 -0
  9. package/internal/generated/theming/index.d.ts +153 -0
  10. package/internal/generated/theming/index.js +34 -0
  11. package/internal/manifest.json +1 -1
  12. package/package.json +1 -1
package/core/chart-api/chart-extra-context.js CHANGED
@@ -36,7 +36,7 @@ export function updateChartContext(context, chart) {
36
36
  function computeDerivedState(chart) {
37
37
  var _a;
38
38
  const allXSet = new Set();
39
- const allXInSeries = new WeakMap();
39
+ const allPointsInSeries = new WeakMap();
40
40
  const pointsByX = new Map();
41
41
  const getXPoints = (x) => { var _a; return (_a = pointsByX.get(x)) !== null && _a !== void 0 ? _a : []; };
42
42
  const addPoint = (point) => {
@@ -46,7 +46,7 @@ function computeDerivedState(chart) {
46
46
  };
47
47
  const compareX = (a, b) => a - b;
48
48
  for (const s of getChartSeries(chart)) {
49
- const seriesX = new Set();
49
+ const seriesPoints = new Array();
50
50
  if (s.visible) {
51
51
  for (const d of getSeriesData(s)) {
52
52
  // Points with y=null represent the absence of value, there is no need to include them and those
@@ -54,13 +54,13 @@ function computeDerivedState(chart) {
54
54
  // Although "d" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints
55
55
  // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)
56
56
  if (d.visible && d.y !== null) {
57
- seriesX.add(d.x);
57
+ seriesPoints.push(d);
58
58
  allXSet.add(d.x);
59
59
  addPoint(d);
60
60
  }
61
61
  }
62
62
  }
63
- allXInSeries.set(s, Array.from(seriesX));
63
+ allPointsInSeries.set(s, seriesPoints);
64
64
  }
65
65
  for (const [, points] of pointsByX) {
66
66
  sortPoints(points);
@@ -76,15 +76,15 @@ function computeDerivedState(chart) {
76
76
  }
77
77
  const master = (_a = s.linkedParent) !== null && _a !== void 0 ? _a : s;
78
78
  const family = [master, ...master.linkedSeries];
79
- const familyXSet = new Set(family.flatMap((m) => { var _a; return (_a = allXInSeries.get(m)) !== null && _a !== void 0 ? _a : []; }));
80
- const familyPoints = [];
81
- for (const x of Array.from(familyXSet).sort(compareX)) {
82
- for (const member of family) {
83
- const point = getSeriesData(member).find((d) => d.x === x && d.y !== null);
84
- if (point && familyXSet.has(x)) {
85
- familyPoints.push(point);
86
- familyXSet.delete(x); // We ignore points that share X coordinate.
87
- }
79
+ const allFamilyPoints = family
80
+ .flatMap((m) => { var _a; return (_a = allPointsInSeries.get(m)) !== null && _a !== void 0 ? _a : []; })
81
+ .sort(({ x: x1 }, { x: x2 }) => compareX(x1, x2));
82
+ const usedXSet = new Set();
83
+ const familyPoints = new Array();
84
+ for (const point of allFamilyPoints) {
85
+ if (!usedXSet.has(point.x)) {
86
+ familyPoints.push(point);
87
+ usedXSet.add(point.x); // We ignore points that share X coordinate.
88
88
  }
89
89
  }
90
90
  for (const member of family) {
package/core/chart-api/chart-extra-context.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.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 type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries, getSeriesData, SafeChart, SafeSeries } from \"../../internal/utils/highcharts\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n settings: ChartExtraContext.Settings;\n handlers: ChartExtraContext.Handlers;\n state: ChartExtraContext.State;\n derived: ChartExtraContext.DerivedState;\n chartOrNull: null | SafeChart;\n chart: () => SafeChart;\n}\n\nexport namespace ChartExtraContext {\n export interface Settings {\n chartId: string;\n noDataEnabled: boolean;\n legendEnabled: boolean;\n tooltipEnabled: boolean;\n keyboardNavigationEnabled: boolean;\n labels: ChartLabels;\n getItemOptions?: CoreChartProps.GetItemOptions;\n }\n\n export interface Handlers {\n onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n }\n\n export interface State {\n visibleItems?: readonly string[];\n }\n\n export interface DerivedState {\n allX: number[];\n getPointsByX: (x: number) => Highcharts.Point[];\n getSeriesPoints: (series: SafeSeries) => Highcharts.Point[];\n groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n return {\n settings: {\n chartId: \"\",\n noDataEnabled: false,\n legendEnabled: false,\n tooltipEnabled: false,\n keyboardNavigationEnabled: false,\n labels: {},\n },\n handlers: {},\n state: {},\n chart: () => {\n // Before the first chart render there is no chart instance, which is required for most of the utilities.\n // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n // will cause an exception, indicating an logical error in the code.\n throw new Error(\"Invariant violation: using chart API before initialization.\");\n },\n chartOrNull: null,\n derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },\n };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: SafeChart) {\n context.chart = () => chart;\n context.chartOrNull = chart;\n context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: SafeChart): ChartExtraContext.DerivedState {\n const allXSet = new Set<number>();\n const allXInSeries = new WeakMap<SafeSeries, number[]>();\n const pointsByX = new Map<number, Highcharts.Point[]>();\n const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n const addPoint = (point: Highcharts.Point) => {\n const xPoints = getXPoints(point.x);\n xPoints.push(point);\n pointsByX.set(point.x, xPoints);\n };\n const compareX = (a: number, b: number) => a - b;\n\n for (const s of getChartSeries(chart)) {\n const seriesX = new Set<number>();\n if (s.visible) {\n for (const d of getSeriesData(s)) {\n // Points with y=null represent the absence of value, there is no need to include them and those\n // should have no impact on computed rects or navigation.\n\n // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n if (d.visible && d.y !== null) {\n seriesX.add(d.x);\n allXSet.add(d.x);\n addPoint(d);\n }\n }\n }\n allXInSeries.set(s, Array.from(seriesX));\n }\n for (const [, points] of pointsByX) {\n sortPoints(points);\n }\n const allX = Array.from(allXSet).sort(compareX);\n\n // For each series, compute the ordered list of points to navigate through. For a linked family\n // (primary + its linked children), all members share the same flat list: points sorted by X,\n // with family members interleaved in series order within the same X value.\n const seriesPointsMap = new WeakMap<SafeSeries, Highcharts.Point[]>();\n for (const s of getChartSeries(chart)) {\n if (seriesPointsMap.has(s)) {\n continue; // Already computed as part of a family.\n }\n const master = s.linkedParent ?? s;\n const family = [master, ...master.linkedSeries];\n const familyXSet = new Set(family.flatMap((m) => allXInSeries.get(m) ?? []));\n const familyPoints: Highcharts.Point[] = [];\n for (const x of Array.from(familyXSet).sort(compareX)) {\n for (const member of family) {\n const point = getSeriesData(member).find((d) => d.x === x && d.y !== null);\n if (point && familyXSet.has(x)) {\n familyPoints.push(point);\n familyXSet.delete(x); // We ignore points that share X coordinate.\n }\n }\n }\n for (const member of family) {\n seriesPointsMap.set(member, familyPoints);\n }\n }\n return {\n allX,\n getPointsByX: (x) => pointsByX.get(x) ?? [],\n getSeriesPoints: (s) => seriesPointsMap.get(s) ?? [],\n // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n groupRects: allX.map((x) => ({\n group: getXPoints(x),\n rect: getGroupRect(getXPoints(x)),\n })),\n };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n const reversed = !!group[0]?.series.yAxis?.reversed;\n group.sort((a, b) => {\n const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n return !reversed ? ay - by : by - ay;\n });\n}\n"]}
1
+ {"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.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 type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries, getSeriesData, SafeChart, SafeSeries } from \"../../internal/utils/highcharts\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n settings: ChartExtraContext.Settings;\n handlers: ChartExtraContext.Handlers;\n state: ChartExtraContext.State;\n derived: ChartExtraContext.DerivedState;\n chartOrNull: null | SafeChart;\n chart: () => SafeChart;\n}\n\nexport namespace ChartExtraContext {\n export interface Settings {\n chartId: string;\n noDataEnabled: boolean;\n legendEnabled: boolean;\n tooltipEnabled: boolean;\n keyboardNavigationEnabled: boolean;\n labels: ChartLabels;\n getItemOptions?: CoreChartProps.GetItemOptions;\n }\n\n export interface Handlers {\n onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n }\n\n export interface State {\n visibleItems?: readonly string[];\n }\n\n export interface DerivedState {\n allX: number[];\n getPointsByX: (x: number) => Highcharts.Point[];\n getSeriesPoints: (series: SafeSeries) => Highcharts.Point[];\n groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n return {\n settings: {\n chartId: \"\",\n noDataEnabled: false,\n legendEnabled: false,\n tooltipEnabled: false,\n keyboardNavigationEnabled: false,\n labels: {},\n },\n handlers: {},\n state: {},\n chart: () => {\n // Before the first chart render there is no chart instance, which is required for most of the utilities.\n // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n // will cause an exception, indicating an logical error in the code.\n throw new Error(\"Invariant violation: using chart API before initialization.\");\n },\n chartOrNull: null,\n derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },\n };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: SafeChart) {\n context.chart = () => chart;\n context.chartOrNull = chart;\n context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: SafeChart): ChartExtraContext.DerivedState {\n const allXSet = new Set<number>();\n const allPointsInSeries = new WeakMap<SafeSeries, Highcharts.Point[]>();\n const pointsByX = new Map<number, Highcharts.Point[]>();\n const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n const addPoint = (point: Highcharts.Point) => {\n const xPoints = getXPoints(point.x);\n xPoints.push(point);\n pointsByX.set(point.x, xPoints);\n };\n const compareX = (a: number, b: number) => a - b;\n\n for (const s of getChartSeries(chart)) {\n const seriesPoints = new Array<Highcharts.Point>();\n if (s.visible) {\n for (const d of getSeriesData(s)) {\n // Points with y=null represent the absence of value, there is no need to include them and those\n // should have no impact on computed rects or navigation.\n\n // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n if (d.visible && d.y !== null) {\n seriesPoints.push(d);\n allXSet.add(d.x);\n addPoint(d);\n }\n }\n }\n allPointsInSeries.set(s, seriesPoints);\n }\n for (const [, points] of pointsByX) {\n sortPoints(points);\n }\n const allX = Array.from(allXSet).sort(compareX);\n\n // For each series, compute the ordered list of points to navigate through. For a linked family\n // (primary + its linked children), all members share the same flat list: points sorted by X,\n // with family members interleaved in series order within the same X value.\n const seriesPointsMap = new WeakMap<SafeSeries, Highcharts.Point[]>();\n for (const s of getChartSeries(chart)) {\n if (seriesPointsMap.has(s)) {\n continue; // Already computed as part of a family.\n }\n const master = s.linkedParent ?? s;\n const family = [master, ...master.linkedSeries];\n const allFamilyPoints = family\n .flatMap((m) => allPointsInSeries.get(m) ?? [])\n .sort(({ x: x1 }, { x: x2 }) => compareX(x1, x2));\n const usedXSet = new Set<number>();\n const familyPoints = new Array<Highcharts.Point>();\n for (const point of allFamilyPoints) {\n if (!usedXSet.has(point.x)) {\n familyPoints.push(point);\n usedXSet.add(point.x); // We ignore points that share X coordinate.\n }\n }\n for (const member of family) {\n seriesPointsMap.set(member, familyPoints);\n }\n }\n return {\n allX,\n getPointsByX: (x) => pointsByX.get(x) ?? [],\n getSeriesPoints: (s) => seriesPointsMap.get(s) ?? [],\n // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n groupRects: allX.map((x) => ({\n group: getXPoints(x),\n rect: getGroupRect(getXPoints(x)),\n })),\n };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n const reversed = !!group[0]?.series.yAxis?.reversed;\n group.sort((a, b) => {\n const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n return !reversed ? ay - by : by - ay;\n });\n}\n"]}
package/core/chart-container.js CHANGED
@@ -22,16 +22,36 @@ export function ChartContainer({ chart, verticalAxisTitle, verticalAxisTitlePlac
22
22
  const withMinHeight = (height) => Math.max(chartMinHeight !== null && chartMinHeight !== void 0 ? chartMinHeight : DEFAULT_CHART_MIN_HEIGHT, height) - heightOffset;
23
23
  const measuredChartHeight = withMinHeight(measures.chart - measures.header - measures.footer);
24
24
  const effectiveChartHeight = fitHeight ? measuredChartHeight : withMinHeight(chartHeight !== null && chartHeight !== void 0 ? chartHeight : DEFAULT_CHART_HEIGHT);
25
- const hasLegend = primaryLegend || secondaryLegend;
25
+ const hasLegend = !!(primaryLegend || secondaryLegend);
26
26
  return (_jsxs("div", { ref: refs.chart, className: clsx({
27
27
  [styles["chart-container-fit-height"]]: fitHeight,
28
28
  [styles["chart-container-min-width"]]: chartMinWidth !== undefined,
29
- }), children: [_jsxs("div", { ref: refs.header, children: [header, filter] }), hasLegend && legendPosition === "side" ? (_jsxs("div", { className: styles["chart-plot-and-legend-wrapper"], children: [_jsxs("div", { style: { minInlineSize: chartMinWidth !== null && chartMinWidth !== void 0 ? chartMinWidth : 0 }, className: clsx(styles["chart-plot-wrapper"], testClasses["chart-plot-wrapper"]), children: [verticalAxisTitle, chart(effectiveChartHeight), noData] }), _jsxs("div", { className: styles["side-legend-container"], style: { maxBlockSize: effectiveChartHeight }, children: [primaryLegend, secondaryLegend] })] })) : (_jsxs("div", { style: chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}, className: clsx(styles["chart-plot-wrapper"], testClasses["chart-plot-wrapper"]), children: [verticalAxisTitle, chart(effectiveChartHeight), !hasLegend || legendPosition === "bottom" ? noData : null] })), _jsxs("div", { ref: refs.footer, style: chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}, children: [navigator && _jsx("div", { className: testClasses["chart-navigator"], children: navigator }), hasLegend && legendPosition === "bottom" && (_jsxs("div", { className: styles["bottom-legend-container"], style: { maxBlockSize: legendBottomMaxHeight ? `${legendBottomMaxHeight}px` : undefined }, children: [primaryLegend, secondaryLegend] })), footer] })] }));
29
+ }), children: [_jsxs("div", { ref: refs.header, children: [header, filter] }), hasLegend && legendPosition === "side" ? (_jsxs("div", { className: styles["chart-plot-and-legend-wrapper"], children: [_jsxs("div", { style: { minInlineSize: chartMinWidth !== null && chartMinWidth !== void 0 ? chartMinWidth : 0 }, className: clsx(styles["chart-plot-wrapper"], testClasses["chart-plot-wrapper"]), children: [verticalAxisTitle, chart(effectiveChartHeight), noData] }), _jsxs("div", { className: styles["side-legend-container"], style: { maxBlockSize: effectiveChartHeight }, children: [primaryLegend, secondaryLegend] })] })) : (_jsxs("div", { className: clsx(styles["chart-plot-wrapper"], testClasses["chart-plot-wrapper"]), style: getChartPlotWrapperStyles({
30
+ measures,
31
+ fitHeight,
32
+ hasLegend,
33
+ chartMinWidth,
34
+ legendPosition,
35
+ }), children: [verticalAxisTitle, chart(effectiveChartHeight), !hasLegend || legendPosition === "bottom" ? noData : null] })), _jsxs("div", { ref: refs.footer, style: chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}, children: [navigator && _jsx("div", { className: testClasses["chart-navigator"], children: navigator }), hasLegend && legendPosition === "bottom" && (_jsxs("div", { className: styles["bottom-legend-container"], style: { maxBlockSize: legendBottomMaxHeight ? `${legendBottomMaxHeight}px` : undefined }, children: [primaryLegend, secondaryLegend] })), footer] })] }));
36
+ }
37
+ /**
38
+ * Computes the styles for the chart plot wrapper in the bottom/no-legend layout case.
39
+ * When fitHeight is enabled with a bottom legend, the chart height depends on the footer measurement.
40
+ * Without this, the chart briefly renders at full container height then visibly shrinks once the
41
+ * legend is measured, causing a layout shift. We hide the chart until the footer measurement
42
+ * completes to prevent this flash.
43
+ */
44
+ function getChartPlotWrapperStyles({ measures, fitHeight, hasLegend, chartMinWidth, legendPosition, }) {
45
+ const needsFooterMeasure = fitHeight && hasLegend && legendPosition !== "side" && measures.footer === 0 && measures.chart > 0;
46
+ return {
47
+ ...(needsFooterMeasure && { visibility: "hidden" }),
48
+ ...(chartMinWidth !== undefined && { minInlineSize: chartMinWidth }),
49
+ };
30
50
  }
31
51
  // This hook combines 3 resize observer and does a small optimization to batch their updates in a single set-state.
32
52
  function useContainerQueries() {
33
- const [measuresState, setMeasuresState] = useState({ ready: false, chart: 0, header: 0, footer: 0 });
34
- const measuresRef = useRef({ ready: false, chart: 0, header: 0, footer: 0 });
53
+ const [measuresState, setMeasuresState] = useState({ chart: 0, header: 0, footer: 0 });
54
+ const measuresRef = useRef({ chart: 0, header: 0, footer: 0 });
35
55
  const measureDebounce = useRef(new DebouncedCall()).current;
36
56
  const setMeasure = (type, value) => {
37
57
  measuresRef.current[type] = value;
package/core/chart-container.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chart-container.js","sourceRoot":"","sources":["../../../src/core/chart-container.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 { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useResizeObserver } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../internal/chart-styles\";\nimport { DebouncedCall } from \"../internal/utils/utils\";\n\nimport styles from \"./styles.css.js\";\nimport testClasses from \"./test-classes/styles.css.js\";\n\n// Chart container implements the layout for top-level components, including chart plot, legend, and more.\n// It also implements the height- and width overflow behaviors.\n\nconst DEFAULT_CHART_HEIGHT = 400;\nconst DEFAULT_CHART_MIN_HEIGHT = 200;\n\ninterface ChartContainerProps {\n // The header, footer, vertical axis title, and legend are rendered as is, and we measure the height of these components\n // to compute the available height for the chart plot when fitHeight=true. When there is not enough vertical space, the\n // container will ensure the overflow behavior.\n chart: (height: undefined | number) => React.ReactNode;\n verticalAxisTitle?: React.ReactNode;\n verticalAxisTitlePlacement: \"top\" | \"side\";\n header?: React.ReactNode;\n filter?: React.ReactNode;\n navigator?: React.ReactNode;\n primaryLegend?: React.ReactNode;\n secondaryLegend?: React.ReactNode;\n legendBottomMaxHeight?: number;\n legendPosition: \"bottom\" | \"side\";\n footer?: React.ReactNode;\n noData?: React.ReactNode;\n fitHeight?: boolean;\n chartHeight?: number;\n chartMinHeight?: number;\n chartMinWidth?: number;\n}\n\nexport function ChartContainer({\n chart,\n verticalAxisTitle,\n verticalAxisTitlePlacement,\n header,\n filter,\n footer,\n primaryLegend,\n secondaryLegend,\n legendPosition,\n legendBottomMaxHeight,\n navigator,\n noData,\n fitHeight,\n chartHeight,\n chartMinHeight,\n chartMinWidth,\n}: ChartContainerProps) {\n const { refs, measures } = useContainerQueries();\n\n // The vertical axis title is rendered above the chart, and is technically not a part of the chart plot.\n // However, we want to include it to the chart's height computations as it does belong to the chart logically.\n // We do so by taking the title's constant height into account, when \"top\" axis placement is chosen.\n const verticalTitleOffset = Styles.verticalAxisTitleBlockSize + Styles.verticalAxisTitleMargin;\n const heightOffset = verticalAxisTitlePlacement === \"top\" ? verticalTitleOffset : 0;\n const withMinHeight = (height: number) => Math.max(chartMinHeight ?? DEFAULT_CHART_MIN_HEIGHT, height) - heightOffset;\n const measuredChartHeight = withMinHeight(measures.chart - measures.header - measures.footer);\n const effectiveChartHeight = fitHeight ? measuredChartHeight : withMinHeight(chartHeight ?? DEFAULT_CHART_HEIGHT);\n const hasLegend = primaryLegend || secondaryLegend;\n return (\n <div\n ref={refs.chart}\n className={clsx({\n [styles[\"chart-container-fit-height\"]]: fitHeight,\n [styles[\"chart-container-min-width\"]]: chartMinWidth !== undefined,\n })}\n >\n <div ref={refs.header}>\n {header}\n {filter}\n </div>\n\n {hasLegend && legendPosition === \"side\" ? (\n <div className={styles[\"chart-plot-and-legend-wrapper\"]}>\n <div\n style={{ minInlineSize: chartMinWidth ?? 0 }}\n className={clsx(styles[\"chart-plot-wrapper\"], testClasses[\"chart-plot-wrapper\"])}\n >\n {verticalAxisTitle}\n {chart(effectiveChartHeight)}\n {noData}\n </div>\n <div className={styles[\"side-legend-container\"]} style={{ maxBlockSize: effectiveChartHeight }}>\n {primaryLegend}\n {secondaryLegend}\n </div>\n </div>\n ) : (\n <div\n style={chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}}\n className={clsx(styles[\"chart-plot-wrapper\"], testClasses[\"chart-plot-wrapper\"])}\n >\n {verticalAxisTitle}\n {chart(effectiveChartHeight)}\n {!hasLegend || legendPosition === \"bottom\" ? noData : null}\n </div>\n )}\n\n <div ref={refs.footer} style={chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}}>\n {navigator && <div className={testClasses[\"chart-navigator\"]}>{navigator}</div>}\n {hasLegend && legendPosition === \"bottom\" && (\n <div\n className={styles[\"bottom-legend-container\"]}\n style={{ maxBlockSize: legendBottomMaxHeight ? `${legendBottomMaxHeight}px` : undefined }}\n >\n {primaryLegend}\n {secondaryLegend}\n </div>\n )}\n {footer}\n </div>\n </div>\n );\n}\n\n// This hook combines 3 resize observer and does a small optimization to batch their updates in a single set-state.\nfunction useContainerQueries() {\n const [measuresState, setMeasuresState] = useState({ ready: false, chart: 0, header: 0, footer: 0 });\n const measuresRef = useRef({ ready: false, chart: 0, header: 0, footer: 0 });\n const measureDebounce = useRef(new DebouncedCall()).current;\n const setMeasure = (type: \"chart\" | \"header\" | \"footer\", value: number) => {\n measuresRef.current[type] = value;\n measureDebounce.call(() => setMeasuresState({ ...measuresRef.current }), 0);\n };\n\n const chartMeasureRef = useRef<HTMLDivElement>(null);\n const getChart = useCallback(() => chartMeasureRef.current, []);\n useResizeObserver(getChart, (entry) => setMeasure(\"chart\", entry.contentBoxHeight));\n\n const headerMeasureRef = useRef<HTMLDivElement>(null);\n const getHeader = useCallback(() => headerMeasureRef.current, []);\n useResizeObserver(getHeader, (entry) => setMeasure(\"header\", entry.contentBoxHeight));\n\n const footerMeasureRef = useRef<HTMLDivElement>(null);\n const getFooter = useCallback(() => footerMeasureRef.current, []);\n useResizeObserver(getFooter, (entry) => setMeasure(\"footer\", entry.contentBoxHeight));\n\n return {\n refs: { chart: chartMeasureRef, header: headerMeasureRef, footer: footerMeasureRef },\n measures: measuresState,\n };\n}\n"]}
1
+ {"version":3,"file":"chart-container.js","sourceRoot":"","sources":["../../../src/core/chart-container.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 { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useResizeObserver } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../internal/chart-styles\";\nimport { DebouncedCall } from \"../internal/utils/utils\";\n\nimport styles from \"./styles.css.js\";\nimport testClasses from \"./test-classes/styles.css.js\";\n\n// Chart container implements the layout for top-level components, including chart plot, legend, and more.\n// It also implements the height- and width overflow behaviors.\n\nconst DEFAULT_CHART_HEIGHT = 400;\nconst DEFAULT_CHART_MIN_HEIGHT = 200;\n\ninterface ChartContainerProps {\n // The header, footer, vertical axis title, and legend are rendered as is, and we measure the height of these components\n // to compute the available height for the chart plot when fitHeight=true. When there is not enough vertical space, the\n // container will ensure the overflow behavior.\n chart: (height: undefined | number) => React.ReactNode;\n verticalAxisTitle?: React.ReactNode;\n verticalAxisTitlePlacement: \"top\" | \"side\";\n header?: React.ReactNode;\n filter?: React.ReactNode;\n navigator?: React.ReactNode;\n primaryLegend?: React.ReactNode;\n secondaryLegend?: React.ReactNode;\n legendBottomMaxHeight?: number;\n legendPosition: \"bottom\" | \"side\";\n footer?: React.ReactNode;\n noData?: React.ReactNode;\n fitHeight?: boolean;\n chartHeight?: number;\n chartMinHeight?: number;\n chartMinWidth?: number;\n}\n\nexport function ChartContainer({\n chart,\n verticalAxisTitle,\n verticalAxisTitlePlacement,\n header,\n filter,\n footer,\n primaryLegend,\n secondaryLegend,\n legendPosition,\n legendBottomMaxHeight,\n navigator,\n noData,\n fitHeight,\n chartHeight,\n chartMinHeight,\n chartMinWidth,\n}: ChartContainerProps) {\n const { refs, measures } = useContainerQueries();\n\n // The vertical axis title is rendered above the chart, and is technically not a part of the chart plot.\n // However, we want to include it to the chart's height computations as it does belong to the chart logically.\n // We do so by taking the title's constant height into account, when \"top\" axis placement is chosen.\n const verticalTitleOffset = Styles.verticalAxisTitleBlockSize + Styles.verticalAxisTitleMargin;\n const heightOffset = verticalAxisTitlePlacement === \"top\" ? verticalTitleOffset : 0;\n const withMinHeight = (height: number) => Math.max(chartMinHeight ?? DEFAULT_CHART_MIN_HEIGHT, height) - heightOffset;\n const measuredChartHeight = withMinHeight(measures.chart - measures.header - measures.footer);\n const effectiveChartHeight = fitHeight ? measuredChartHeight : withMinHeight(chartHeight ?? DEFAULT_CHART_HEIGHT);\n const hasLegend = !!(primaryLegend || secondaryLegend);\n return (\n <div\n ref={refs.chart}\n className={clsx({\n [styles[\"chart-container-fit-height\"]]: fitHeight,\n [styles[\"chart-container-min-width\"]]: chartMinWidth !== undefined,\n })}\n >\n <div ref={refs.header}>\n {header}\n {filter}\n </div>\n\n {hasLegend && legendPosition === \"side\" ? (\n <div className={styles[\"chart-plot-and-legend-wrapper\"]}>\n <div\n style={{ minInlineSize: chartMinWidth ?? 0 }}\n className={clsx(styles[\"chart-plot-wrapper\"], testClasses[\"chart-plot-wrapper\"])}\n >\n {verticalAxisTitle}\n {chart(effectiveChartHeight)}\n {noData}\n </div>\n <div className={styles[\"side-legend-container\"]} style={{ maxBlockSize: effectiveChartHeight }}>\n {primaryLegend}\n {secondaryLegend}\n </div>\n </div>\n ) : (\n <div\n className={clsx(styles[\"chart-plot-wrapper\"], testClasses[\"chart-plot-wrapper\"])}\n style={getChartPlotWrapperStyles({\n measures,\n fitHeight,\n hasLegend,\n chartMinWidth,\n legendPosition,\n })}\n >\n {verticalAxisTitle}\n {chart(effectiveChartHeight)}\n {!hasLegend || legendPosition === \"bottom\" ? noData : null}\n </div>\n )}\n\n <div ref={refs.footer} style={chartMinWidth !== undefined ? { minInlineSize: chartMinWidth } : {}}>\n {navigator && <div className={testClasses[\"chart-navigator\"]}>{navigator}</div>}\n {hasLegend && legendPosition === \"bottom\" && (\n <div\n className={styles[\"bottom-legend-container\"]}\n style={{ maxBlockSize: legendBottomMaxHeight ? `${legendBottomMaxHeight}px` : undefined }}\n >\n {primaryLegend}\n {secondaryLegend}\n </div>\n )}\n {footer}\n </div>\n </div>\n );\n}\n\n/**\n * Computes the styles for the chart plot wrapper in the bottom/no-legend layout case.\n * When fitHeight is enabled with a bottom legend, the chart height depends on the footer measurement.\n * Without this, the chart briefly renders at full container height then visibly shrinks once the\n * legend is measured, causing a layout shift. We hide the chart until the footer measurement\n * completes to prevent this flash.\n */\nfunction getChartPlotWrapperStyles({\n measures,\n fitHeight,\n hasLegend,\n chartMinWidth,\n legendPosition,\n}: {\n hasLegend: boolean;\n fitHeight?: boolean;\n chartMinWidth?: number;\n legendPosition: \"bottom\" | \"side\";\n measures: { header: number; footer: number; chart: number };\n}): React.CSSProperties {\n const needsFooterMeasure =\n fitHeight && hasLegend && legendPosition !== \"side\" && measures.footer === 0 && measures.chart > 0;\n return {\n ...(needsFooterMeasure && { visibility: \"hidden\" }),\n ...(chartMinWidth !== undefined && { minInlineSize: chartMinWidth }),\n };\n}\n\n// This hook combines 3 resize observer and does a small optimization to batch their updates in a single set-state.\nfunction useContainerQueries() {\n const [measuresState, setMeasuresState] = useState({ chart: 0, header: 0, footer: 0 });\n const measuresRef = useRef({ chart: 0, header: 0, footer: 0 });\n const measureDebounce = useRef(new DebouncedCall()).current;\n const setMeasure = (type: \"chart\" | \"header\" | \"footer\", value: number) => {\n measuresRef.current[type] = value;\n measureDebounce.call(() => setMeasuresState({ ...measuresRef.current }), 0);\n };\n\n const chartMeasureRef = useRef<HTMLDivElement>(null);\n const getChart = useCallback(() => chartMeasureRef.current, []);\n useResizeObserver(getChart, (entry) => setMeasure(\"chart\", entry.contentBoxHeight));\n\n const headerMeasureRef = useRef<HTMLDivElement>(null);\n const getHeader = useCallback(() => headerMeasureRef.current, []);\n useResizeObserver(getHeader, (entry) => setMeasure(\"header\", entry.contentBoxHeight));\n\n const footerMeasureRef = useRef<HTMLDivElement>(null);\n const getFooter = useCallback(() => footerMeasureRef.current, []);\n useResizeObserver(getFooter, (entry) => setMeasure(\"footer\", entry.contentBoxHeight));\n\n return {\n refs: { chart: chartMeasureRef, header: headerMeasureRef, footer: footerMeasureRef },\n measures: measuresState,\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 (3b86022a)";
2
+ export var PACKAGE_VERSION = "1.0.0 (6ab9c268)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
  export var SYSTEM = "core";
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "chart-components",
3
- "PACKAGE_VERSION": "1.0.0 (3b86022a)",
3
+ "PACKAGE_VERSION": "1.0.0 (6ab9c268)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "ALWAYS_VISUAL_REFRESH": true,
6
6
  "SYSTEM": "core"
package/internal/generated/theming/index.cjs CHANGED
@@ -13006,6 +13006,15 @@ module.exports.preset = {
13006
13006
  "colorDropzoneBorderDefault",
13007
13007
  "colorDropzoneBorderHover",
13008
13008
  "colorTreeViewConnectorLine",
13009
+ "colorBackgroundActionCardDefault",
13010
+ "colorBackgroundActionCardHover",
13011
+ "colorBackgroundActionCardActive",
13012
+ "colorBorderActionCardDefault",
13013
+ "colorBorderActionCardHover",
13014
+ "colorBorderActionCardActive",
13015
+ "colorBorderActionCardDisabled",
13016
+ "colorBackgroundActionCardDisabled",
13017
+ "colorTextActionCardDisabled",
13009
13018
  "fontFamilyBase",
13010
13019
  "fontFamilyDisplay",
13011
13020
  "fontFamilyHeading",
@@ -13088,6 +13097,10 @@ module.exports.preset = {
13088
13097
  "borderWidthIconLarge",
13089
13098
  "borderRadiusActionCardDefault",
13090
13099
  "borderRadiusActionCardEmbedded",
13100
+ "borderWidthActionCardDefault",
13101
+ "borderWidthActionCardHover",
13102
+ "borderWidthActionCardActive",
13103
+ "borderWidthActionCardDisabled",
13091
13104
  "sizeVerticalInput",
13092
13105
  "spaceAlertVertical",
13093
13106
  "spaceButtonHorizontal",
@@ -13099,6 +13112,10 @@ module.exports.preset = {
13099
13112
  "spaceCardVerticalDefault",
13100
13113
  "spaceCardVerticalEmbedded",
13101
13114
  "spaceTabsVertical",
13115
+ "spaceActionCardHorizontalDefault",
13116
+ "spaceActionCardHorizontalEmbedded",
13117
+ "spaceActionCardVerticalDefault",
13118
+ "spaceActionCardVerticalEmbedded",
13102
13119
  "shadowCard"
13103
13120
  ],
13104
13121
  "exposed": [
@@ -13450,6 +13467,15 @@ module.exports.preset = {
13450
13467
  "colorDropzoneBorderDefault",
13451
13468
  "colorDropzoneBorderHover",
13452
13469
  "colorTreeViewConnectorLine",
13470
+ "colorBackgroundActionCardDefault",
13471
+ "colorBackgroundActionCardHover",
13472
+ "colorBackgroundActionCardActive",
13473
+ "colorBorderActionCardDefault",
13474
+ "colorBorderActionCardHover",
13475
+ "colorBorderActionCardActive",
13476
+ "colorBorderActionCardDisabled",
13477
+ "colorBackgroundActionCardDisabled",
13478
+ "colorTextActionCardDisabled",
13453
13479
  "fontFamilyBase",
13454
13480
  "fontFamilyDisplay",
13455
13481
  "fontFamilyHeading",
@@ -13533,6 +13559,10 @@ module.exports.preset = {
13533
13559
  "borderWidthIconLarge",
13534
13560
  "borderRadiusActionCardDefault",
13535
13561
  "borderRadiusActionCardEmbedded",
13562
+ "borderWidthActionCardDefault",
13563
+ "borderWidthActionCardHover",
13564
+ "borderWidthActionCardActive",
13565
+ "borderWidthActionCardDisabled",
13536
13566
  "motionDurationAvatarGenAiGradient",
13537
13567
  "motionDurationAvatarLoadingDots",
13538
13568
  "motionEasingAvatarGenAiGradient",
@@ -13560,6 +13590,10 @@ module.exports.preset = {
13560
13590
  "spaceFieldHorizontal",
13561
13591
  "spaceTabsVertical",
13562
13592
  "spaceTreeViewIndentation",
13593
+ "spaceActionCardHorizontalDefault",
13594
+ "spaceActionCardHorizontalEmbedded",
13595
+ "spaceActionCardVerticalDefault",
13596
+ "spaceActionCardVerticalEmbedded",
13563
13597
  "spaceOptionPaddingVertical",
13564
13598
  "spaceOptionPaddingHorizontal",
13565
13599
  "spaceScaledXxxs",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -252,6 +252,15 @@ export declare interface TypedOverride {
252
252
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
253
253
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
254
254
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
255
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
256
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
257
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
258
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
259
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
260
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
261
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
262
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
263
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
255
264
  fontFamilyBase?: GlobalValue;
256
265
  fontFamilyDisplay?: GlobalValue;
257
266
  fontFamilyHeading?: GlobalValue;
@@ -334,6 +343,10 @@ export declare interface TypedOverride {
334
343
  borderWidthIconLarge?: GlobalValue;
335
344
  borderRadiusActionCardDefault?: GlobalValue;
336
345
  borderRadiusActionCardEmbedded?: GlobalValue;
346
+ borderWidthActionCardDefault?: GlobalValue;
347
+ borderWidthActionCardHover?: GlobalValue;
348
+ borderWidthActionCardActive?: GlobalValue;
349
+ borderWidthActionCardDisabled?: GlobalValue;
337
350
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
338
351
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
339
352
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -345,6 +358,10 @@ export declare interface TypedOverride {
345
358
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
346
359
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
347
360
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
361
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
362
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
363
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
364
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
348
365
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
349
366
  },
350
367
  contexts?: {
@@ -599,6 +616,15 @@ export declare interface TypedOverride {
599
616
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
600
617
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
601
618
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
619
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
620
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
621
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
622
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
623
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
624
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
625
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
626
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
602
628
  fontFamilyBase?: GlobalValue;
603
629
  fontFamilyDisplay?: GlobalValue;
604
630
  fontFamilyHeading?: GlobalValue;
@@ -681,6 +707,10 @@ export declare interface TypedOverride {
681
707
  borderWidthIconLarge?: GlobalValue;
682
708
  borderRadiusActionCardDefault?: GlobalValue;
683
709
  borderRadiusActionCardEmbedded?: GlobalValue;
710
+ borderWidthActionCardDefault?: GlobalValue;
711
+ borderWidthActionCardHover?: GlobalValue;
712
+ borderWidthActionCardActive?: GlobalValue;
713
+ borderWidthActionCardDisabled?: GlobalValue;
684
714
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
685
715
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
686
716
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -692,6 +722,10 @@ export declare interface TypedOverride {
692
722
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
693
723
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
694
724
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
725
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
726
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
727
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
728
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
695
729
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
696
730
  }
697
731
  };
@@ -946,6 +980,15 @@ export declare interface TypedOverride {
946
980
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
981
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
982
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
983
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
984
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
985
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
986
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
987
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
988
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
989
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
990
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
991
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
992
  fontFamilyBase?: GlobalValue;
950
993
  fontFamilyDisplay?: GlobalValue;
951
994
  fontFamilyHeading?: GlobalValue;
@@ -1028,6 +1071,10 @@ export declare interface TypedOverride {
1028
1071
  borderWidthIconLarge?: GlobalValue;
1029
1072
  borderRadiusActionCardDefault?: GlobalValue;
1030
1073
  borderRadiusActionCardEmbedded?: GlobalValue;
1074
+ borderWidthActionCardDefault?: GlobalValue;
1075
+ borderWidthActionCardHover?: GlobalValue;
1076
+ borderWidthActionCardActive?: GlobalValue;
1077
+ borderWidthActionCardDisabled?: GlobalValue;
1031
1078
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1032
1079
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1033
1080
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1039,6 +1086,10 @@ export declare interface TypedOverride {
1039
1086
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1040
1087
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1041
1088
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1089
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1090
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1091
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1092
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1042
1093
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1043
1094
  }
1044
1095
  };
@@ -1293,6 +1344,15 @@ export declare interface TypedOverride {
1293
1344
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1294
1345
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1295
1346
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1347
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1348
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1349
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1350
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1351
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1352
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1353
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1354
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1355
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1296
1356
  fontFamilyBase?: GlobalValue;
1297
1357
  fontFamilyDisplay?: GlobalValue;
1298
1358
  fontFamilyHeading?: GlobalValue;
@@ -1375,6 +1435,10 @@ export declare interface TypedOverride {
1375
1435
  borderWidthIconLarge?: GlobalValue;
1376
1436
  borderRadiusActionCardDefault?: GlobalValue;
1377
1437
  borderRadiusActionCardEmbedded?: GlobalValue;
1438
+ borderWidthActionCardDefault?: GlobalValue;
1439
+ borderWidthActionCardHover?: GlobalValue;
1440
+ borderWidthActionCardActive?: GlobalValue;
1441
+ borderWidthActionCardDisabled?: GlobalValue;
1378
1442
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1379
1443
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1380
1444
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1386,6 +1450,10 @@ export declare interface TypedOverride {
1386
1450
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1387
1451
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1388
1452
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1453
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1454
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1455
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1456
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1389
1457
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1390
1458
  }
1391
1459
  };
@@ -1640,6 +1708,15 @@ export declare interface TypedOverride {
1640
1708
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1641
1709
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1642
1710
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1711
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1712
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1713
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1714
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1715
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1716
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1717
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1718
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1719
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1643
1720
  fontFamilyBase?: GlobalValue;
1644
1721
  fontFamilyDisplay?: GlobalValue;
1645
1722
  fontFamilyHeading?: GlobalValue;
@@ -1722,6 +1799,10 @@ export declare interface TypedOverride {
1722
1799
  borderWidthIconLarge?: GlobalValue;
1723
1800
  borderRadiusActionCardDefault?: GlobalValue;
1724
1801
  borderRadiusActionCardEmbedded?: GlobalValue;
1802
+ borderWidthActionCardDefault?: GlobalValue;
1803
+ borderWidthActionCardHover?: GlobalValue;
1804
+ borderWidthActionCardActive?: GlobalValue;
1805
+ borderWidthActionCardDisabled?: GlobalValue;
1725
1806
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1726
1807
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1727
1808
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1733,6 +1814,10 @@ export declare interface TypedOverride {
1733
1814
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1734
1815
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1735
1816
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1817
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1818
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1819
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1820
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1736
1821
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1737
1822
  }
1738
1823
  };
@@ -1987,6 +2072,15 @@ export declare interface TypedOverride {
1987
2072
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1988
2073
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1989
2074
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2075
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2076
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2077
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2078
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2079
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2080
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2081
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2082
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2083
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1990
2084
  fontFamilyBase?: GlobalValue;
1991
2085
  fontFamilyDisplay?: GlobalValue;
1992
2086
  fontFamilyHeading?: GlobalValue;
@@ -2069,6 +2163,10 @@ export declare interface TypedOverride {
2069
2163
  borderWidthIconLarge?: GlobalValue;
2070
2164
  borderRadiusActionCardDefault?: GlobalValue;
2071
2165
  borderRadiusActionCardEmbedded?: GlobalValue;
2166
+ borderWidthActionCardDefault?: GlobalValue;
2167
+ borderWidthActionCardHover?: GlobalValue;
2168
+ borderWidthActionCardActive?: GlobalValue;
2169
+ borderWidthActionCardDisabled?: GlobalValue;
2072
2170
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2073
2171
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2074
2172
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2080,6 +2178,10 @@ export declare interface TypedOverride {
2080
2178
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2081
2179
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2082
2180
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2181
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2182
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2183
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2184
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2083
2185
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2084
2186
  }
2085
2187
  };
@@ -2334,6 +2436,15 @@ export declare interface TypedOverride {
2334
2436
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2335
2437
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2336
2438
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2439
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2440
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2441
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2442
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2443
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2444
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2445
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2446
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2447
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2337
2448
  fontFamilyBase?: GlobalValue;
2338
2449
  fontFamilyDisplay?: GlobalValue;
2339
2450
  fontFamilyHeading?: GlobalValue;
@@ -2416,6 +2527,10 @@ export declare interface TypedOverride {
2416
2527
  borderWidthIconLarge?: GlobalValue;
2417
2528
  borderRadiusActionCardDefault?: GlobalValue;
2418
2529
  borderRadiusActionCardEmbedded?: GlobalValue;
2530
+ borderWidthActionCardDefault?: GlobalValue;
2531
+ borderWidthActionCardHover?: GlobalValue;
2532
+ borderWidthActionCardActive?: GlobalValue;
2533
+ borderWidthActionCardDisabled?: GlobalValue;
2419
2534
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2420
2535
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2421
2536
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2427,6 +2542,10 @@ export declare interface TypedOverride {
2427
2542
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2428
2543
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2429
2544
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2545
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2546
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2547
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2548
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2430
2549
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2431
2550
  }
2432
2551
  };
@@ -2681,6 +2800,15 @@ export declare interface TypedOverride {
2681
2800
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2682
2801
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2683
2802
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2803
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2804
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2805
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2806
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2807
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2808
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2809
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2810
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2811
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2684
2812
  fontFamilyBase?: GlobalValue;
2685
2813
  fontFamilyDisplay?: GlobalValue;
2686
2814
  fontFamilyHeading?: GlobalValue;
@@ -2763,6 +2891,10 @@ export declare interface TypedOverride {
2763
2891
  borderWidthIconLarge?: GlobalValue;
2764
2892
  borderRadiusActionCardDefault?: GlobalValue;
2765
2893
  borderRadiusActionCardEmbedded?: GlobalValue;
2894
+ borderWidthActionCardDefault?: GlobalValue;
2895
+ borderWidthActionCardHover?: GlobalValue;
2896
+ borderWidthActionCardActive?: GlobalValue;
2897
+ borderWidthActionCardDisabled?: GlobalValue;
2766
2898
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2767
2899
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2768
2900
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2774,6 +2906,10 @@ export declare interface TypedOverride {
2774
2906
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2775
2907
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2776
2908
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2909
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2910
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2911
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2912
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2777
2913
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2778
2914
  }
2779
2915
  };
@@ -3028,6 +3164,15 @@ export declare interface TypedOverride {
3028
3164
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3029
3165
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3030
3166
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3167
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3168
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3169
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3170
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3171
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3172
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3173
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3174
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3175
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3031
3176
  fontFamilyBase?: GlobalValue;
3032
3177
  fontFamilyDisplay?: GlobalValue;
3033
3178
  fontFamilyHeading?: GlobalValue;
@@ -3110,6 +3255,10 @@ export declare interface TypedOverride {
3110
3255
  borderWidthIconLarge?: GlobalValue;
3111
3256
  borderRadiusActionCardDefault?: GlobalValue;
3112
3257
  borderRadiusActionCardEmbedded?: GlobalValue;
3258
+ borderWidthActionCardDefault?: GlobalValue;
3259
+ borderWidthActionCardHover?: GlobalValue;
3260
+ borderWidthActionCardActive?: GlobalValue;
3261
+ borderWidthActionCardDisabled?: GlobalValue;
3113
3262
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3114
3263
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3115
3264
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3121,6 +3270,10 @@ export declare interface TypedOverride {
3121
3270
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3122
3271
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3123
3272
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3273
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3274
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3275
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3276
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3124
3277
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3125
3278
  }
3126
3279
  }
package/internal/generated/theming/index.d.ts CHANGED
@@ -252,6 +252,15 @@ export declare interface TypedOverride {
252
252
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
253
253
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
254
254
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
255
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
256
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
257
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
258
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
259
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
260
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
261
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
262
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
263
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
255
264
  fontFamilyBase?: GlobalValue;
256
265
  fontFamilyDisplay?: GlobalValue;
257
266
  fontFamilyHeading?: GlobalValue;
@@ -334,6 +343,10 @@ export declare interface TypedOverride {
334
343
  borderWidthIconLarge?: GlobalValue;
335
344
  borderRadiusActionCardDefault?: GlobalValue;
336
345
  borderRadiusActionCardEmbedded?: GlobalValue;
346
+ borderWidthActionCardDefault?: GlobalValue;
347
+ borderWidthActionCardHover?: GlobalValue;
348
+ borderWidthActionCardActive?: GlobalValue;
349
+ borderWidthActionCardDisabled?: GlobalValue;
337
350
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
338
351
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
339
352
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -345,6 +358,10 @@ export declare interface TypedOverride {
345
358
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
346
359
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
347
360
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
361
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
362
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
363
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
364
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
348
365
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
349
366
  },
350
367
  contexts?: {
@@ -599,6 +616,15 @@ export declare interface TypedOverride {
599
616
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
600
617
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
601
618
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
619
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
620
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
621
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
622
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
623
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
624
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
625
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
626
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
602
628
  fontFamilyBase?: GlobalValue;
603
629
  fontFamilyDisplay?: GlobalValue;
604
630
  fontFamilyHeading?: GlobalValue;
@@ -681,6 +707,10 @@ export declare interface TypedOverride {
681
707
  borderWidthIconLarge?: GlobalValue;
682
708
  borderRadiusActionCardDefault?: GlobalValue;
683
709
  borderRadiusActionCardEmbedded?: GlobalValue;
710
+ borderWidthActionCardDefault?: GlobalValue;
711
+ borderWidthActionCardHover?: GlobalValue;
712
+ borderWidthActionCardActive?: GlobalValue;
713
+ borderWidthActionCardDisabled?: GlobalValue;
684
714
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
685
715
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
686
716
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -692,6 +722,10 @@ export declare interface TypedOverride {
692
722
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
693
723
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
694
724
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
725
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
726
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
727
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
728
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
695
729
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
696
730
  }
697
731
  };
@@ -946,6 +980,15 @@ export declare interface TypedOverride {
946
980
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
981
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
982
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
983
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
984
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
985
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
986
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
987
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
988
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
989
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
990
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
991
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
992
  fontFamilyBase?: GlobalValue;
950
993
  fontFamilyDisplay?: GlobalValue;
951
994
  fontFamilyHeading?: GlobalValue;
@@ -1028,6 +1071,10 @@ export declare interface TypedOverride {
1028
1071
  borderWidthIconLarge?: GlobalValue;
1029
1072
  borderRadiusActionCardDefault?: GlobalValue;
1030
1073
  borderRadiusActionCardEmbedded?: GlobalValue;
1074
+ borderWidthActionCardDefault?: GlobalValue;
1075
+ borderWidthActionCardHover?: GlobalValue;
1076
+ borderWidthActionCardActive?: GlobalValue;
1077
+ borderWidthActionCardDisabled?: GlobalValue;
1031
1078
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1032
1079
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1033
1080
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1039,6 +1086,10 @@ export declare interface TypedOverride {
1039
1086
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1040
1087
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1041
1088
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1089
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1090
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1091
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1092
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1042
1093
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1043
1094
  }
1044
1095
  };
@@ -1293,6 +1344,15 @@ export declare interface TypedOverride {
1293
1344
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1294
1345
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1295
1346
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1347
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1348
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1349
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1350
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1351
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1352
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1353
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1354
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1355
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1296
1356
  fontFamilyBase?: GlobalValue;
1297
1357
  fontFamilyDisplay?: GlobalValue;
1298
1358
  fontFamilyHeading?: GlobalValue;
@@ -1375,6 +1435,10 @@ export declare interface TypedOverride {
1375
1435
  borderWidthIconLarge?: GlobalValue;
1376
1436
  borderRadiusActionCardDefault?: GlobalValue;
1377
1437
  borderRadiusActionCardEmbedded?: GlobalValue;
1438
+ borderWidthActionCardDefault?: GlobalValue;
1439
+ borderWidthActionCardHover?: GlobalValue;
1440
+ borderWidthActionCardActive?: GlobalValue;
1441
+ borderWidthActionCardDisabled?: GlobalValue;
1378
1442
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1379
1443
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1380
1444
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1386,6 +1450,10 @@ export declare interface TypedOverride {
1386
1450
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1387
1451
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1388
1452
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1453
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1454
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1455
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1456
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1389
1457
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1390
1458
  }
1391
1459
  };
@@ -1640,6 +1708,15 @@ export declare interface TypedOverride {
1640
1708
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1641
1709
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1642
1710
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1711
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1712
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1713
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1714
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1715
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1716
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1717
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1718
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1719
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1643
1720
  fontFamilyBase?: GlobalValue;
1644
1721
  fontFamilyDisplay?: GlobalValue;
1645
1722
  fontFamilyHeading?: GlobalValue;
@@ -1722,6 +1799,10 @@ export declare interface TypedOverride {
1722
1799
  borderWidthIconLarge?: GlobalValue;
1723
1800
  borderRadiusActionCardDefault?: GlobalValue;
1724
1801
  borderRadiusActionCardEmbedded?: GlobalValue;
1802
+ borderWidthActionCardDefault?: GlobalValue;
1803
+ borderWidthActionCardHover?: GlobalValue;
1804
+ borderWidthActionCardActive?: GlobalValue;
1805
+ borderWidthActionCardDisabled?: GlobalValue;
1725
1806
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1726
1807
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1727
1808
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1733,6 +1814,10 @@ export declare interface TypedOverride {
1733
1814
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1734
1815
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1735
1816
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1817
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1818
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1819
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1820
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1736
1821
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1737
1822
  }
1738
1823
  };
@@ -1987,6 +2072,15 @@ export declare interface TypedOverride {
1987
2072
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1988
2073
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1989
2074
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2075
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2076
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2077
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2078
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2079
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2080
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2081
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2082
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2083
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1990
2084
  fontFamilyBase?: GlobalValue;
1991
2085
  fontFamilyDisplay?: GlobalValue;
1992
2086
  fontFamilyHeading?: GlobalValue;
@@ -2069,6 +2163,10 @@ export declare interface TypedOverride {
2069
2163
  borderWidthIconLarge?: GlobalValue;
2070
2164
  borderRadiusActionCardDefault?: GlobalValue;
2071
2165
  borderRadiusActionCardEmbedded?: GlobalValue;
2166
+ borderWidthActionCardDefault?: GlobalValue;
2167
+ borderWidthActionCardHover?: GlobalValue;
2168
+ borderWidthActionCardActive?: GlobalValue;
2169
+ borderWidthActionCardDisabled?: GlobalValue;
2072
2170
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2073
2171
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2074
2172
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2080,6 +2178,10 @@ export declare interface TypedOverride {
2080
2178
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2081
2179
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2082
2180
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2181
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2182
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2183
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2184
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2083
2185
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2084
2186
  }
2085
2187
  };
@@ -2334,6 +2436,15 @@ export declare interface TypedOverride {
2334
2436
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2335
2437
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2336
2438
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2439
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2440
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2441
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2442
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2443
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2444
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2445
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2446
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2447
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2337
2448
  fontFamilyBase?: GlobalValue;
2338
2449
  fontFamilyDisplay?: GlobalValue;
2339
2450
  fontFamilyHeading?: GlobalValue;
@@ -2416,6 +2527,10 @@ export declare interface TypedOverride {
2416
2527
  borderWidthIconLarge?: GlobalValue;
2417
2528
  borderRadiusActionCardDefault?: GlobalValue;
2418
2529
  borderRadiusActionCardEmbedded?: GlobalValue;
2530
+ borderWidthActionCardDefault?: GlobalValue;
2531
+ borderWidthActionCardHover?: GlobalValue;
2532
+ borderWidthActionCardActive?: GlobalValue;
2533
+ borderWidthActionCardDisabled?: GlobalValue;
2419
2534
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2420
2535
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2421
2536
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2427,6 +2542,10 @@ export declare interface TypedOverride {
2427
2542
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2428
2543
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2429
2544
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2545
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2546
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2547
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2548
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2430
2549
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2431
2550
  }
2432
2551
  };
@@ -2681,6 +2800,15 @@ export declare interface TypedOverride {
2681
2800
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2682
2801
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2683
2802
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2803
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2804
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2805
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2806
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2807
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2808
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2809
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2810
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2811
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2684
2812
  fontFamilyBase?: GlobalValue;
2685
2813
  fontFamilyDisplay?: GlobalValue;
2686
2814
  fontFamilyHeading?: GlobalValue;
@@ -2763,6 +2891,10 @@ export declare interface TypedOverride {
2763
2891
  borderWidthIconLarge?: GlobalValue;
2764
2892
  borderRadiusActionCardDefault?: GlobalValue;
2765
2893
  borderRadiusActionCardEmbedded?: GlobalValue;
2894
+ borderWidthActionCardDefault?: GlobalValue;
2895
+ borderWidthActionCardHover?: GlobalValue;
2896
+ borderWidthActionCardActive?: GlobalValue;
2897
+ borderWidthActionCardDisabled?: GlobalValue;
2766
2898
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2767
2899
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2768
2900
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2774,6 +2906,10 @@ export declare interface TypedOverride {
2774
2906
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2775
2907
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2776
2908
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2909
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2910
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2911
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2912
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2777
2913
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2778
2914
  }
2779
2915
  };
@@ -3028,6 +3164,15 @@ export declare interface TypedOverride {
3028
3164
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3029
3165
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3030
3166
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3167
+ colorBackgroundActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3168
+ colorBackgroundActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3169
+ colorBackgroundActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3170
+ colorBorderActionCardDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3171
+ colorBorderActionCardHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3172
+ colorBorderActionCardActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3173
+ colorBorderActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3174
+ colorBackgroundActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3175
+ colorTextActionCardDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3031
3176
  fontFamilyBase?: GlobalValue;
3032
3177
  fontFamilyDisplay?: GlobalValue;
3033
3178
  fontFamilyHeading?: GlobalValue;
@@ -3110,6 +3255,10 @@ export declare interface TypedOverride {
3110
3255
  borderWidthIconLarge?: GlobalValue;
3111
3256
  borderRadiusActionCardDefault?: GlobalValue;
3112
3257
  borderRadiusActionCardEmbedded?: GlobalValue;
3258
+ borderWidthActionCardDefault?: GlobalValue;
3259
+ borderWidthActionCardHover?: GlobalValue;
3260
+ borderWidthActionCardActive?: GlobalValue;
3261
+ borderWidthActionCardDisabled?: GlobalValue;
3113
3262
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3114
3263
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3115
3264
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3121,6 +3270,10 @@ export declare interface TypedOverride {
3121
3270
  spaceCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3122
3271
  spaceCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3123
3272
  spaceTabsVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3273
+ spaceActionCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3274
+ spaceActionCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3275
+ spaceActionCardVerticalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3276
+ spaceActionCardVerticalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3124
3277
  shadowCard?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3125
3278
  }
3126
3279
  }
package/internal/generated/theming/index.js CHANGED
@@ -13006,6 +13006,15 @@ export var preset = {
13006
13006
  "colorDropzoneBorderDefault",
13007
13007
  "colorDropzoneBorderHover",
13008
13008
  "colorTreeViewConnectorLine",
13009
+ "colorBackgroundActionCardDefault",
13010
+ "colorBackgroundActionCardHover",
13011
+ "colorBackgroundActionCardActive",
13012
+ "colorBorderActionCardDefault",
13013
+ "colorBorderActionCardHover",
13014
+ "colorBorderActionCardActive",
13015
+ "colorBorderActionCardDisabled",
13016
+ "colorBackgroundActionCardDisabled",
13017
+ "colorTextActionCardDisabled",
13009
13018
  "fontFamilyBase",
13010
13019
  "fontFamilyDisplay",
13011
13020
  "fontFamilyHeading",
@@ -13088,6 +13097,10 @@ export var preset = {
13088
13097
  "borderWidthIconLarge",
13089
13098
  "borderRadiusActionCardDefault",
13090
13099
  "borderRadiusActionCardEmbedded",
13100
+ "borderWidthActionCardDefault",
13101
+ "borderWidthActionCardHover",
13102
+ "borderWidthActionCardActive",
13103
+ "borderWidthActionCardDisabled",
13091
13104
  "sizeVerticalInput",
13092
13105
  "spaceAlertVertical",
13093
13106
  "spaceButtonHorizontal",
@@ -13099,6 +13112,10 @@ export var preset = {
13099
13112
  "spaceCardVerticalDefault",
13100
13113
  "spaceCardVerticalEmbedded",
13101
13114
  "spaceTabsVertical",
13115
+ "spaceActionCardHorizontalDefault",
13116
+ "spaceActionCardHorizontalEmbedded",
13117
+ "spaceActionCardVerticalDefault",
13118
+ "spaceActionCardVerticalEmbedded",
13102
13119
  "shadowCard"
13103
13120
  ],
13104
13121
  "exposed": [
@@ -13450,6 +13467,15 @@ export var preset = {
13450
13467
  "colorDropzoneBorderDefault",
13451
13468
  "colorDropzoneBorderHover",
13452
13469
  "colorTreeViewConnectorLine",
13470
+ "colorBackgroundActionCardDefault",
13471
+ "colorBackgroundActionCardHover",
13472
+ "colorBackgroundActionCardActive",
13473
+ "colorBorderActionCardDefault",
13474
+ "colorBorderActionCardHover",
13475
+ "colorBorderActionCardActive",
13476
+ "colorBorderActionCardDisabled",
13477
+ "colorBackgroundActionCardDisabled",
13478
+ "colorTextActionCardDisabled",
13453
13479
  "fontFamilyBase",
13454
13480
  "fontFamilyDisplay",
13455
13481
  "fontFamilyHeading",
@@ -13533,6 +13559,10 @@ export var preset = {
13533
13559
  "borderWidthIconLarge",
13534
13560
  "borderRadiusActionCardDefault",
13535
13561
  "borderRadiusActionCardEmbedded",
13562
+ "borderWidthActionCardDefault",
13563
+ "borderWidthActionCardHover",
13564
+ "borderWidthActionCardActive",
13565
+ "borderWidthActionCardDisabled",
13536
13566
  "motionDurationAvatarGenAiGradient",
13537
13567
  "motionDurationAvatarLoadingDots",
13538
13568
  "motionEasingAvatarGenAiGradient",
@@ -13560,6 +13590,10 @@ export var preset = {
13560
13590
  "spaceFieldHorizontal",
13561
13591
  "spaceTabsVertical",
13562
13592
  "spaceTreeViewIndentation",
13593
+ "spaceActionCardHorizontalDefault",
13594
+ "spaceActionCardHorizontalEmbedded",
13595
+ "spaceActionCardVerticalDefault",
13596
+ "spaceActionCardVerticalEmbedded",
13563
13597
  "spaceOptionPaddingVertical",
13564
13598
  "spaceOptionPaddingHorizontal",
13565
13599
  "spaceScaledXxxs",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "3b86022a24a43c16d2ad2aa1478fb766cd987aa2"
2
+ "commit": "6ab9c2687e3abda3dd61c7f6cb2990607e23ceab"
3
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/chart-components",
3
- "version": "1.0.92",
3
+ "version": "1.0.94",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cloudscape-design/chart-components.git"