@cloudscape-design/chart-components 1.0.75 → 1.0.77

package/core/chart-api/chart-extra-context.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import { getChartSeries } from "../../internal/utils/chart-series";
 import { getSeriesData } from "../../internal/utils/series-data";
-import { getGroupRect, isPointVisible, isSeriesStacked } from "../utils";
+import { getGroupRect, isSeriesStacked } from "../utils";
 // The context is created when the chart component is rendered for the first time.
 // On every subsequent render the settings and state are updated directly in the context object.
 export function createChartContext() {
@@ -81,7 +81,7 @@ function computeDerivedState(chart) {
         const familyPoints = [];
         for (const x of Array.from(familyXSet).sort(compareX)) {
             for (const member of family) {
-                const point = member.data.find((d) => d.x === x && isPointVisible(d) && d.y !== null);
+                const point = getSeriesData(member.data).find((d) => d.x === x && d.y !== null);
                 if (point && familyXSet.has(x)) {
                     familyPoints.push(point);
                     familyXSet.delete(x); // We ignore points that share X coordinate.

package/core/chart-api/chart-extra-context.js.map

@@ -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 } from \"../../internal/utils/chart-series\";\nimport { getSeriesData } from \"../../internal/utils/series-data\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isPointVisible, 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 | Highcharts.Chart;\n  chart: () => Highcharts.Chart;\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: Highcharts.Series) => 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: Highcharts.Chart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: Highcharts.Chart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allXInSeries = new WeakMap<Highcharts.Series, 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.series)) {\n    const seriesX = new Set<number>();\n    if (s.visible) {\n      for (const d of getSeriesData(s.data)) {\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<Highcharts.Series, Highcharts.Point[]>();\n  for (const s of getChartSeries(chart.series)) {\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 = member.data.find((d) => d.x === x && isPointVisible(d) && 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"]}
+{"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 } from \"../../internal/utils/chart-series\";\nimport { getSeriesData } from \"../../internal/utils/series-data\";\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 | Highcharts.Chart;\n  chart: () => Highcharts.Chart;\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: Highcharts.Series) => 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: Highcharts.Chart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: Highcharts.Chart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allXInSeries = new WeakMap<Highcharts.Series, 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.series)) {\n    const seriesX = new Set<number>();\n    if (s.visible) {\n      for (const d of getSeriesData(s.data)) {\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<Highcharts.Series, Highcharts.Point[]>();\n  for (const s of getChartSeries(chart.series)) {\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.data).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"]}

package/internal/environment.js

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "chart-components";
-export var PACKAGE_VERSION = "1.0.0 (dfa2132d)";
+export var PACKAGE_VERSION = "1.0.0 (538da2ab)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;
 export var SYSTEM = "core";

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "chart-components",
-  "PACKAGE_VERSION": "1.0.0 (dfa2132d)",
+  "PACKAGE_VERSION": "1.0.0 (538da2ab)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true,
   "SYSTEM": "core"

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

@@ -306,6 +306,7 @@ export const colorBackgroundCodeEditorLoading: string;
 export const colorBackgroundCodeEditorPaneItemHover: string;
 export const colorBackgroundCodeEditorStatusBar: string;
 export const colorBackgroundCard: string;
+export const colorBackgroundItemCard: string;
 export const colorBackgroundContainerContent: string;
 export const colorBackgroundContainerHeader: string;
 export const colorBackgroundControlChecked: string;
@@ -398,6 +399,8 @@ export const colorBorderCodeEditorDefault: string;
 export const colorBorderCodeEditorPaneItemHover: string;
 export const colorBorderCard: string;
 export const colorBorderCardHighlighted: string;
+export const colorBorderItemCard: string;
+export const colorBorderItemCardHighlighted: string;
 export const colorBorderContainerDivider: string;
 export const colorBorderContainerTop: string;
 export const colorBorderControlChecked: string;
@@ -631,6 +634,8 @@ export const borderRadiusCalendarDayFocusRing: string;
 export const borderRadiusCodeEditor: string;
 export const borderRadiusCardDefault: string;
 export const borderRadiusCardEmbedded: string;
+export const borderRadiusItemCardDefault: string;
+export const borderRadiusItemCardEmbedded: string;
 export const borderRadiusContainer: string;
 export const borderRadiusControlCircularFocusRing: string;
 export const borderRadiusControlDefaultFocusRing: string;
@@ -650,6 +655,8 @@ export const borderLinkFocusRingOutline: string;
 export const borderLinkFocusRingShadowSpread: string;
 export const borderWidthCard: string;
 export const borderWidthCardHighlighted: string;
+export const borderWidthItemCard: string;
+export const borderWidthItemCardHighlighted: string;
 export const borderWidthAlert: string;
 export const borderWidthAlertBlockStart: string;
 export const borderWidthAlertBlockEnd: string;
@@ -732,6 +739,10 @@ export const spaceCardHorizontalDefault: string;
 export const spaceCardHorizontalEmbedded: string;
 export const spaceCardVerticalDefault: string;
 export const spaceCardVerticalEmbedded: string;
+export const spaceItemCardHorizontalDefault: string;
+export const spaceItemCardHorizontalEmbedded: string;
+export const spaceItemCardVerticalDefault: string;
+export const spaceItemCardVerticalEmbedded: string;
 export const spaceCodeEditorStatusFocusOutlineGutter: string;
 export const spaceContainerContentTop: string;
 export const spaceContainerHeaderTop: string;
@@ -818,6 +829,7 @@ export const spaceXl: string;
 export const spaceXxl: string;
 export const spaceXxxl: string;
 export const shadowCard: string;
+export const shadowItemCard: string;
 export const shadowContainer: string;
 export const shadowContainerActive: string;
 export const shadowDropdown: string;

package/internal/generated/styles/tokens.js

@@ -306,6 +306,7 @@ export var colorBackgroundCodeEditorLoading = "var(--color-background-code-edito
 export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
 export var colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-yjtxod, #f3f3f7)";
 export var colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
+export var colorBackgroundItemCard = "var(--color-background-item-card-ww2wfv, #ffffff)";
 export var colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
 export var colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
 export var colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
@@ -398,6 +399,8 @@ export var colorBorderCodeEditorDefault = "var(--color-border-code-editor-defaul
 export var colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-wvblek, #8c8c94)";
 export var colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
 export var colorBorderCardHighlighted = "var(--color-border-card-highlighted-ygosod, #006ce0)";
+export var colorBorderItemCard = "var(--color-border-item-card-fia23i, #c6c6cd)";
+export var colorBorderItemCardHighlighted = "var(--color-border-item-card-highlighted-5l7rko, #006ce0)";
 export var colorBorderContainerDivider = "var(--color-border-container-divider-9huz1a, transparent)";
 export var colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
 export var colorBorderControlChecked = "var(--color-border-control-checked-bdv28l, #006ce0)";
@@ -631,6 +634,8 @@ export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-
 export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
 export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
 export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
+export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
+export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
 export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
 export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
 export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
@@ -650,6 +655,8 @@ export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p
 export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
 export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
 export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
+export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
+export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
 export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
 export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
 export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
@@ -732,6 +739,10 @@ export var spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pih
 export var spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
 export var spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
 export var spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
+export var spaceItemCardHorizontalDefault = "var(--space-item-card-horizontal-default-obq2ks, 20px)";
+export var spaceItemCardHorizontalEmbedded = "var(--space-item-card-horizontal-embedded-e0vef5, 12px)";
+export var spaceItemCardVerticalDefault = "var(--space-item-card-vertical-default-ppqfu4, 16px)";
+export var spaceItemCardVerticalEmbedded = "var(--space-item-card-vertical-embedded-zuozef, 10px)";
 export var spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter-o87hra, -7px)";
 export var spaceContainerContentTop = "var(--space-container-content-top-1wtqrc, 4px)";
 export var spaceContainerHeaderTop = "var(--space-container-header-top-am4vzw, 12px)";
@@ -818,6 +829,7 @@ export var spaceXl = "var(--space-xl-jfy3x4, 24px)";
 export var spaceXxl = "var(--space-xxl-32srm4, 32px)";
 export var spaceXxxl = "var(--space-xxxl-aut1u7, 40px)";
 export var shadowCard = "var(--shadow-card-hmrw4q, none)";
+export var shadowItemCard = "var(--shadow-item-card-282f8w, none)";
 export var shadowContainer = "var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12))";
 export var shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
 export var shadowDropdown = "var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.10))";