@cloudscape-design/chart-components 1.0.1 → 1.0.3
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.
- package/core/chart-api/chart-extra-tooltip.js +1 -1
- package/core/chart-api/chart-extra-tooltip.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +47 -14
- package/internal/generated/theming/index.cjs.d.ts +9 -0
- package/internal/generated/theming/index.d.ts +9 -0
- package/internal/generated/theming/index.js +47 -14
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -109,7 +109,7 @@ export class ChartExtraTooltip extends AsyncStore {
|
|
|
109
109
|
return (a === null || a === void 0 ? void 0 : a.x) === (b === null || b === void 0 ? void 0 : b.x) && (a === null || a === void 0 ? void 0 : a.y) === (b === null || b === void 0 ? void 0 : b.y) && getSeriesId(a === null || a === void 0 ? void 0 : a.series) === getSeriesId(b === null || b === void 0 ? void 0 : b.series);
|
|
110
110
|
}
|
|
111
111
|
this.set((prev) => {
|
|
112
|
-
return isEqualArrays(prev.group, group, isGroupEqual)
|
|
112
|
+
return prev.point === null && isEqualArrays(prev.group, group, isGroupEqual)
|
|
113
113
|
? prev
|
|
114
114
|
: { visible: true, pinned: false, point: null, group };
|
|
115
115
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-extra-tooltip.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\nimport type Highcharts from \"highcharts\";\n\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../../internal/chart-styles\";\nimport { renderMarker } from \"../../internal/components/series-marker/render-marker\";\nimport AsyncStore from \"../../internal/utils/async-store\";\nimport { SVGRendererPool, SVGRendererSingle } from \"../../internal/utils/renderer-utils\";\nimport { DebouncedCall, isEqualArrays } from \"../../internal/utils/utils\";\nimport { Rect } from \"../interfaces\";\nimport { getGroupRect, getPointRect, getSeriesId, isXThreshold } from \"../utils\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\nimport testClasses from \"../test-classes/styles.css.js\";\n\nconst TOOLTIP_LAST_DISMISS_DELAY = 250;\n\n// The reactive state is used to propagate updates to the chart tooltip React component. The tooltip\n// content is to be derived from the target point and group.\nexport interface ReactiveTooltipState {\n visible: boolean;\n pinned: boolean;\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n}\n\n// Chart helper that implements tooltip placement logic and cursors.\nexport class ChartExtraTooltip extends AsyncStore<ReactiveTooltipState> {\n private context: ChartExtraContext;\n\n // The tooltip lock is used to prevent tooltip position changes shortly after it was dismissed, to\n // deny its immediate re-appearance in the spot under where the dismiss button was.\n public tooltipLock = false;\n private tooltipLockCall = new DebouncedCall();\n private setTooltipLock = () => {\n if (this.get().pinned) {\n this.tooltipLock = true;\n this.tooltipLockCall.call(() => (this.tooltipLock = false), TOOLTIP_LAST_DISMISS_DELAY);\n }\n };\n\n // The cursor is a vertical or horizontal (in inverted charts) line and hollow or filled markers,\n // shown in cartesian charts on top of the matched group or point.\n private cursor = new HighlightCursorCartesian();\n // The track elements are invisible rectangles, compted for the given target point or group.\n // The target track is used for the \"target\" tooltip placement. The group track is used for\n // the \"middle\" and \"outside\" tooltip placement.\n private targetTrack = new SVGRendererSingle();\n private groupTrack = new SVGRendererSingle();\n\n constructor(context: ChartExtraContext) {\n super({ visible: false, pinned: false, point: null, group: [] });\n this.context = context;\n }\n\n // The targetElement.element can get invalidated by Highcharts, so we cannot use\n // trackRef.current = targetElement.element as it might get invalidated unexpectedly.\n // The getTrack function ensures the latest element reference is given on each request.\n public getTargetTrack = () => (this.targetTrack.element?.element ?? null) as null | SVGElement;\n public getGroupTrack = () => (this.groupTrack.element?.element ?? null) as null | SVGElement;\n\n public onChartDestroy() {\n this.cursor.destroy();\n this.targetTrack.destroy();\n this.groupTrack.destroy();\n }\n\n public showTooltipOnPoint(point: Highcharts.Point, matchingGroup: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.set(() => ({ visible: true, pinned: false, point, group: matchingGroup }));\n this.onRenderTooltip({ point, group: matchingGroup });\n }\n }\n\n public showTooltipOnGroup(group: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.setGroupIfDifferent(group);\n this.onRenderTooltip({ point: null, group });\n }\n }\n\n public hideTooltip() {\n this.cursor.hide();\n this.targetTrack.hide();\n this.groupTrack.hide();\n this.setTooltipLock();\n this.set((prev) => ({ ...prev, visible: false, pinned: false }));\n }\n\n public pinTooltip() {\n if (this.context.settings.tooltipEnabled) {\n this.set((prev) => ({ ...prev, visible: true, pinned: true }));\n }\n }\n\n // Avoid re-rendering the tooltip on every cursor position change when hovering over the graph.\n // Just re-render when the groups are different.\n private setGroupIfDifferent(group: readonly Highcharts.Point[]) {\n function isGroupEqual(a: Highcharts.Point, b: Highcharts.Point) {\n return a?.x === b?.x && a?.y === b?.y && getSeriesId(a?.series) === getSeriesId(b?.series);\n }\n\n this.set((prev) => {\n return isEqualArrays(prev.group, group, isGroupEqual)\n ? prev\n : { visible: true, pinned: false, point: null, group };\n });\n }\n\n private onRenderTooltip = (props: { point: null | Highcharts.Point; group: readonly Highcharts.Point[] }) => {\n const chartType =\n this.context.chart().series.find((s) => s.type === \"pie\" || s.type === \"solidgauge\")?.type ?? \"cartesian\";\n if (chartType === \"pie\") {\n return this.onRenderTooltipPie(props.group[0]);\n } else if (chartType === \"solidgauge\") {\n return this.onRenderTooltipSolidGauge(props.group[0]);\n } else {\n return this.onRenderTooltipCartesian(props);\n }\n };\n\n private onRenderTooltipCartesian = ({\n point,\n group,\n }: {\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n }) => {\n const pointRect = point ? getPointRect(point) : getGroupRect(group.slice(0, 1));\n const groupRect = getGroupRect(group);\n // The cursor is not shown when column series are present (a UX decision).\n const hasColumnSeries = this.context.chart().series.some((s) => s.type === \"column\");\n this.cursor.create(groupRect, point, group, !hasColumnSeries);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n this.groupTrack.rect(this.context.chart().renderer, { ...groupRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipPie = (point: Highcharts.Point) => {\n // We only create target track for pie chart as pie chart does not support groups.\n // It is also expected that only \"target\" tooltip position is used for pie charts.\n const pointRect = getPieChartTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipSolidGauge = (point: Highcharts.Point) => {\n // Solid gauge charts are similar to pie charts in that they have a circular shape\n // and don't support grouping. We use a similar approach to pie charts.\n const pointRect = getSolidGaugeTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private get commonTrackAttrs() {\n return { fill: \"transparent\", zIndex: -1, style: \"pointer-events:none\", direction: this.direction };\n }\n\n // We compute the direction from the chart container and then explicitly set it to the track\n // elements, as otherwise the direction check done for track elements always results to \"ltr\".\n private get direction() {\n const isRtl = getIsRtl(this.context.chart().container.parentElement);\n return isRtl ? \"rtl\" : \"ltr\";\n }\n}\n\n// A helper class to draw the cursor elements (include cursor line and matched points markers).\nclass HighlightCursorCartesian {\n private lineElement = new SVGRendererSingle();\n private markerElementsPool = new SVGRendererPool();\n\n public create(target: Rect, point: null | Highcharts.Point, group: readonly Highcharts.Point[], showLine: boolean) {\n this.hide();\n const chart = group[0]?.series.chart;\n if (!chart) {\n return;\n }\n if (showLine) {\n // The cursor line is rendered orthogonally to the x axis (when the chart is inverted, the line is rendered horizontally).\n // The line is 1px thick, and is rendered through the center of the target's rect.\n const lineAttrs = chart.inverted\n ? {\n x: chart.plotLeft,\n y: chart.plotTop + target.y - target.height - 1,\n width: chart.plotWidth,\n height: 1,\n }\n : {\n x: target.x + target.width / 2,\n y: chart.plotTop,\n width: 1,\n height: chart.plotHeight,\n };\n this.lineElement.rect(chart.renderer, { ...Styles.cursorLine, ...lineAttrs });\n }\n for (const p of group.filter(this.isPointEligibleForMarker)) {\n if (p.plotX !== undefined && p.plotY !== undefined) {\n const selected = p === point;\n const className = clsx(testClasses[\"highlight-marker\"], selected && testClasses[\"highlight-marker-selected\"]);\n renderMarker(chart, this.markerElementsPool, p, selected, className);\n }\n }\n }\n\n public hide() {\n this.lineElement.hide();\n this.markerElementsPool.hideAll();\n }\n\n public destroy() {\n this.lineElement.destroy();\n this.markerElementsPool.destroyAll();\n }\n\n private isPointEligibleForMarker = (point: Highcharts.Point) => {\n return !isXThreshold(point.series) && point.series.type !== \"column\" && point.series.type !== \"errorbar\";\n };\n}\n\nfunction getPieChartTargetPlacement(point: Highcharts.Point): Rect {\n // The pie series segments do not provide plotX, plotY to compute the tooltip placement.\n // Instead, there is a `tooltipPos` tuple, which is not covered by TS.\n // See: https://github.com/highcharts/highcharts/issues/23118.\n if (\"tooltipPos\" in point && Array.isArray(point.tooltipPos)) {\n // We use very small but non-zero track size as otherwise it is placed incorrectly in Firefox.\n return { x: point.tooltipPos[0], y: point.tooltipPos[1], width: 0.1, height: 0.1 };\n }\n // We use the alternative, middle, tooltip placement as a fallback, in case the undocumented \"tooltipPos\"\n // is no longer available in the point.\n return getPieMiddlePlacement(point);\n}\n\nfunction getPieMiddlePlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n const [relativeX, relativeY, relativeDiameter] = point.series.center;\n const plotLeft = chart.plotLeft;\n const plotTop = chart.plotTop;\n const centerX = plotLeft + (typeof relativeX === \"number\" ? relativeX : (relativeX / 100) * chart.plotWidth);\n const centerY = plotTop + (typeof relativeY === \"number\" ? relativeY : (relativeY / 100) * chart.plotHeight);\n const radius =\n (typeof relativeDiameter === \"number\" ? relativeDiameter : (relativeDiameter / 100) * chart.plotWidth) / 2;\n return { x: centerX, y: centerY - radius, width: 1, height: 2 * radius };\n}\n\nfunction getSolidGaugeTargetPlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n return {\n x: chart.plotLeft + chart.plotWidth / 2,\n y: chart.plotTop + chart.plotHeight / 2,\n width: 0.1,\n height: 0.1,\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"chart-extra-tooltip.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\nimport type Highcharts from \"highcharts\";\n\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../../internal/chart-styles\";\nimport { renderMarker } from \"../../internal/components/series-marker/render-marker\";\nimport AsyncStore from \"../../internal/utils/async-store\";\nimport { SVGRendererPool, SVGRendererSingle } from \"../../internal/utils/renderer-utils\";\nimport { DebouncedCall, isEqualArrays } from \"../../internal/utils/utils\";\nimport { Rect } from \"../interfaces\";\nimport { getGroupRect, getPointRect, getSeriesId, isXThreshold } from \"../utils\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\nimport testClasses from \"../test-classes/styles.css.js\";\n\nconst TOOLTIP_LAST_DISMISS_DELAY = 250;\n\n// The reactive state is used to propagate updates to the chart tooltip React component. The tooltip\n// content is to be derived from the target point and group.\nexport interface ReactiveTooltipState {\n visible: boolean;\n pinned: boolean;\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n}\n\n// Chart helper that implements tooltip placement logic and cursors.\nexport class ChartExtraTooltip extends AsyncStore<ReactiveTooltipState> {\n private context: ChartExtraContext;\n\n // The tooltip lock is used to prevent tooltip position changes shortly after it was dismissed, to\n // deny its immediate re-appearance in the spot under where the dismiss button was.\n public tooltipLock = false;\n private tooltipLockCall = new DebouncedCall();\n private setTooltipLock = () => {\n if (this.get().pinned) {\n this.tooltipLock = true;\n this.tooltipLockCall.call(() => (this.tooltipLock = false), TOOLTIP_LAST_DISMISS_DELAY);\n }\n };\n\n // The cursor is a vertical or horizontal (in inverted charts) line and hollow or filled markers,\n // shown in cartesian charts on top of the matched group or point.\n private cursor = new HighlightCursorCartesian();\n // The track elements are invisible rectangles, compted for the given target point or group.\n // The target track is used for the \"target\" tooltip placement. The group track is used for\n // the \"middle\" and \"outside\" tooltip placement.\n private targetTrack = new SVGRendererSingle();\n private groupTrack = new SVGRendererSingle();\n\n constructor(context: ChartExtraContext) {\n super({ visible: false, pinned: false, point: null, group: [] });\n this.context = context;\n }\n\n // The targetElement.element can get invalidated by Highcharts, so we cannot use\n // trackRef.current = targetElement.element as it might get invalidated unexpectedly.\n // The getTrack function ensures the latest element reference is given on each request.\n public getTargetTrack = () => (this.targetTrack.element?.element ?? null) as null | SVGElement;\n public getGroupTrack = () => (this.groupTrack.element?.element ?? null) as null | SVGElement;\n\n public onChartDestroy() {\n this.cursor.destroy();\n this.targetTrack.destroy();\n this.groupTrack.destroy();\n }\n\n public showTooltipOnPoint(point: Highcharts.Point, matchingGroup: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.set(() => ({ visible: true, pinned: false, point, group: matchingGroup }));\n this.onRenderTooltip({ point, group: matchingGroup });\n }\n }\n\n public showTooltipOnGroup(group: readonly Highcharts.Point[], ignoreLock = false) {\n if (!this.tooltipLock || ignoreLock) {\n this.setGroupIfDifferent(group);\n this.onRenderTooltip({ point: null, group });\n }\n }\n\n public hideTooltip() {\n this.cursor.hide();\n this.targetTrack.hide();\n this.groupTrack.hide();\n this.setTooltipLock();\n this.set((prev) => ({ ...prev, visible: false, pinned: false }));\n }\n\n public pinTooltip() {\n if (this.context.settings.tooltipEnabled) {\n this.set((prev) => ({ ...prev, visible: true, pinned: true }));\n }\n }\n\n // Avoid re-rendering the tooltip on every cursor position change when hovering over the graph.\n // Just re-render when the groups are different.\n private setGroupIfDifferent(group: readonly Highcharts.Point[]) {\n function isGroupEqual(a: Highcharts.Point, b: Highcharts.Point) {\n return a?.x === b?.x && a?.y === b?.y && getSeriesId(a?.series) === getSeriesId(b?.series);\n }\n this.set((prev) => {\n return prev.point === null && isEqualArrays(prev.group, group, isGroupEqual)\n ? prev\n : { visible: true, pinned: false, point: null, group };\n });\n }\n\n private onRenderTooltip = (props: { point: null | Highcharts.Point; group: readonly Highcharts.Point[] }) => {\n const chartType =\n this.context.chart().series.find((s) => s.type === \"pie\" || s.type === \"solidgauge\")?.type ?? \"cartesian\";\n if (chartType === \"pie\") {\n return this.onRenderTooltipPie(props.group[0]);\n } else if (chartType === \"solidgauge\") {\n return this.onRenderTooltipSolidGauge(props.group[0]);\n } else {\n return this.onRenderTooltipCartesian(props);\n }\n };\n\n private onRenderTooltipCartesian = ({\n point,\n group,\n }: {\n point: null | Highcharts.Point;\n group: readonly Highcharts.Point[];\n }) => {\n const pointRect = point ? getPointRect(point) : getGroupRect(group.slice(0, 1));\n const groupRect = getGroupRect(group);\n // The cursor is not shown when column series are present (a UX decision).\n const hasColumnSeries = this.context.chart().series.some((s) => s.type === \"column\");\n this.cursor.create(groupRect, point, group, !hasColumnSeries);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n this.groupTrack.rect(this.context.chart().renderer, { ...groupRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipPie = (point: Highcharts.Point) => {\n // We only create target track for pie chart as pie chart does not support groups.\n // It is also expected that only \"target\" tooltip position is used for pie charts.\n const pointRect = getPieChartTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private onRenderTooltipSolidGauge = (point: Highcharts.Point) => {\n // Solid gauge charts are similar to pie charts in that they have a circular shape\n // and don't support grouping. We use a similar approach to pie charts.\n const pointRect = getSolidGaugeTargetPlacement(point);\n this.targetTrack.rect(this.context.chart().renderer, { ...pointRect, ...this.commonTrackAttrs });\n };\n\n private get commonTrackAttrs() {\n return { fill: \"transparent\", zIndex: -1, style: \"pointer-events:none\", direction: this.direction };\n }\n\n // We compute the direction from the chart container and then explicitly set it to the track\n // elements, as otherwise the direction check done for track elements always results to \"ltr\".\n private get direction() {\n const isRtl = getIsRtl(this.context.chart().container.parentElement);\n return isRtl ? \"rtl\" : \"ltr\";\n }\n}\n\n// A helper class to draw the cursor elements (include cursor line and matched points markers).\nclass HighlightCursorCartesian {\n private lineElement = new SVGRendererSingle();\n private markerElementsPool = new SVGRendererPool();\n\n public create(target: Rect, point: null | Highcharts.Point, group: readonly Highcharts.Point[], showLine: boolean) {\n this.hide();\n const chart = group[0]?.series.chart;\n if (!chart) {\n return;\n }\n if (showLine) {\n // The cursor line is rendered orthogonally to the x axis (when the chart is inverted, the line is rendered horizontally).\n // The line is 1px thick, and is rendered through the center of the target's rect.\n const lineAttrs = chart.inverted\n ? {\n x: chart.plotLeft,\n y: chart.plotTop + target.y - target.height - 1,\n width: chart.plotWidth,\n height: 1,\n }\n : {\n x: target.x + target.width / 2,\n y: chart.plotTop,\n width: 1,\n height: chart.plotHeight,\n };\n this.lineElement.rect(chart.renderer, { ...Styles.cursorLine, ...lineAttrs });\n }\n for (const p of group.filter(this.isPointEligibleForMarker)) {\n if (p.plotX !== undefined && p.plotY !== undefined) {\n const selected = p === point;\n const className = clsx(testClasses[\"highlight-marker\"], selected && testClasses[\"highlight-marker-selected\"]);\n renderMarker(chart, this.markerElementsPool, p, selected, className);\n }\n }\n }\n\n public hide() {\n this.lineElement.hide();\n this.markerElementsPool.hideAll();\n }\n\n public destroy() {\n this.lineElement.destroy();\n this.markerElementsPool.destroyAll();\n }\n\n private isPointEligibleForMarker = (point: Highcharts.Point) => {\n return !isXThreshold(point.series) && point.series.type !== \"column\" && point.series.type !== \"errorbar\";\n };\n}\n\nfunction getPieChartTargetPlacement(point: Highcharts.Point): Rect {\n // The pie series segments do not provide plotX, plotY to compute the tooltip placement.\n // Instead, there is a `tooltipPos` tuple, which is not covered by TS.\n // See: https://github.com/highcharts/highcharts/issues/23118.\n if (\"tooltipPos\" in point && Array.isArray(point.tooltipPos)) {\n // We use very small but non-zero track size as otherwise it is placed incorrectly in Firefox.\n return { x: point.tooltipPos[0], y: point.tooltipPos[1], width: 0.1, height: 0.1 };\n }\n // We use the alternative, middle, tooltip placement as a fallback, in case the undocumented \"tooltipPos\"\n // is no longer available in the point.\n return getPieMiddlePlacement(point);\n}\n\nfunction getPieMiddlePlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n const [relativeX, relativeY, relativeDiameter] = point.series.center;\n const plotLeft = chart.plotLeft;\n const plotTop = chart.plotTop;\n const centerX = plotLeft + (typeof relativeX === \"number\" ? relativeX : (relativeX / 100) * chart.plotWidth);\n const centerY = plotTop + (typeof relativeY === \"number\" ? relativeY : (relativeY / 100) * chart.plotHeight);\n const radius =\n (typeof relativeDiameter === \"number\" ? relativeDiameter : (relativeDiameter / 100) * chart.plotWidth) / 2;\n return { x: centerX, y: centerY - radius, width: 1, height: 2 * radius };\n}\n\nfunction getSolidGaugeTargetPlacement(point: Highcharts.Point): Rect {\n const chart = point.series.chart;\n return {\n x: chart.plotLeft + chart.plotWidth / 2,\n y: chart.plotTop + chart.plotHeight / 2,\n width: 0.1,\n height: 0.1,\n };\n}\n"]}
|
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 (
|
|
2
|
+
export var PACKAGE_VERSION = "1.0.0 (1e15cf1c)";
|
|
3
3
|
export var THEME = "open-source-visual-refresh";
|
|
4
4
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
5
5
|
export var SYSTEM = "console";
|
|
@@ -330,6 +330,7 @@ export const colorBorderButtonNormalHover: string;
|
|
|
330
330
|
export const colorTextButtonIconDisabled: string;
|
|
331
331
|
export const colorBorderButtonPrimaryDisabled: string;
|
|
332
332
|
export const colorTextButtonPrimaryDisabled: string;
|
|
333
|
+
export const colorItemSelected: string;
|
|
333
334
|
export const colorBorderCalendarGrid: string;
|
|
334
335
|
export const colorBorderCalendarGridSelectedFocusRing: string;
|
|
335
336
|
export const colorBorderCellShaded: string;
|
|
@@ -330,6 +330,7 @@ export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hove
|
|
|
330
330
|
export var colorTextButtonIconDisabled = "var(--color-text-button-icon-disabled-nnofkn, #8c8c94)";
|
|
331
331
|
export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-b5p1ji, #ebebf0)";
|
|
332
332
|
export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
|
|
333
|
+
export var colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
|
|
333
334
|
export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-67r4w4, transparent)";
|
|
334
335
|
export var colorBorderCalendarGridSelectedFocusRing = "var(--color-border-calendar-grid-selected-focus-ring-jk1fb0, #f9f9fa)";
|
|
335
336
|
export var colorBorderCellShaded = "var(--color-border-cell-shaded-0ipazf, #dedee3)";
|
|
@@ -1214,6 +1214,10 @@ module.exports.preset = {
|
|
|
1214
1214
|
"light": "{colorGrey500}",
|
|
1215
1215
|
"dark": "{colorGrey500}"
|
|
1216
1216
|
},
|
|
1217
|
+
"colorItemSelected": {
|
|
1218
|
+
"light": "{colorBlue600}",
|
|
1219
|
+
"dark": "{colorBlue400}"
|
|
1220
|
+
},
|
|
1217
1221
|
"colorBorderCalendarGrid": {
|
|
1218
1222
|
"light": "transparent",
|
|
1219
1223
|
"dark": "transparent"
|
|
@@ -1339,8 +1343,8 @@ module.exports.preset = {
|
|
|
1339
1343
|
"dark": "{colorBorderItemSelected}"
|
|
1340
1344
|
},
|
|
1341
1345
|
"colorBorderItemSelected": {
|
|
1342
|
-
"light": "{
|
|
1343
|
-
"dark": "{
|
|
1346
|
+
"light": "{colorItemSelected}",
|
|
1347
|
+
"dark": "{colorItemSelected}"
|
|
1344
1348
|
},
|
|
1345
1349
|
"colorBorderLayout": {
|
|
1346
1350
|
"light": "{colorGrey350}",
|
|
@@ -3494,6 +3498,10 @@ module.exports.preset = {
|
|
|
3494
3498
|
"light": "{colorGrey500}",
|
|
3495
3499
|
"dark": "{colorGrey500}"
|
|
3496
3500
|
},
|
|
3501
|
+
"colorItemSelected": {
|
|
3502
|
+
"light": "{colorBlue400}",
|
|
3503
|
+
"dark": "{colorBlue400}"
|
|
3504
|
+
},
|
|
3497
3505
|
"colorBorderCalendarGrid": {
|
|
3498
3506
|
"light": "transparent",
|
|
3499
3507
|
"dark": "transparent"
|
|
@@ -3619,8 +3627,8 @@ module.exports.preset = {
|
|
|
3619
3627
|
"dark": "{colorBorderItemSelected}"
|
|
3620
3628
|
},
|
|
3621
3629
|
"colorBorderItemSelected": {
|
|
3622
|
-
"light": "{
|
|
3623
|
-
"dark": "{
|
|
3630
|
+
"light": "{colorItemSelected}",
|
|
3631
|
+
"dark": "{colorItemSelected}"
|
|
3624
3632
|
},
|
|
3625
3633
|
"colorBorderLayout": {
|
|
3626
3634
|
"light": "{colorGrey650}",
|
|
@@ -4672,6 +4680,10 @@ module.exports.preset = {
|
|
|
4672
4680
|
"light": "{colorGrey500}",
|
|
4673
4681
|
"dark": "{colorGrey500}"
|
|
4674
4682
|
},
|
|
4683
|
+
"colorItemSelected": {
|
|
4684
|
+
"light": "{colorBlue400}",
|
|
4685
|
+
"dark": "{colorBlue400}"
|
|
4686
|
+
},
|
|
4675
4687
|
"colorBorderCalendarGrid": {
|
|
4676
4688
|
"light": "transparent",
|
|
4677
4689
|
"dark": "transparent"
|
|
@@ -4797,8 +4809,8 @@ module.exports.preset = {
|
|
|
4797
4809
|
"dark": "{colorBorderItemSelected}"
|
|
4798
4810
|
},
|
|
4799
4811
|
"colorBorderItemSelected": {
|
|
4800
|
-
"light": "{
|
|
4801
|
-
"dark": "{
|
|
4812
|
+
"light": "{colorItemSelected}",
|
|
4813
|
+
"dark": "{colorItemSelected}"
|
|
4802
4814
|
},
|
|
4803
4815
|
"colorBorderLayout": {
|
|
4804
4816
|
"light": "{colorGrey650}",
|
|
@@ -5782,6 +5794,10 @@ module.exports.preset = {
|
|
|
5782
5794
|
"light": "{colorGrey500}",
|
|
5783
5795
|
"dark": "{colorGrey500}"
|
|
5784
5796
|
},
|
|
5797
|
+
"colorItemSelected": {
|
|
5798
|
+
"light": "{colorBlue600}",
|
|
5799
|
+
"dark": "{colorBlue400}"
|
|
5800
|
+
},
|
|
5785
5801
|
"colorBorderCalendarGrid": {
|
|
5786
5802
|
"light": "transparent",
|
|
5787
5803
|
"dark": "transparent"
|
|
@@ -5907,8 +5923,8 @@ module.exports.preset = {
|
|
|
5907
5923
|
"dark": "{colorBorderItemSelected}"
|
|
5908
5924
|
},
|
|
5909
5925
|
"colorBorderItemSelected": {
|
|
5910
|
-
"light": "{
|
|
5911
|
-
"dark": "{
|
|
5926
|
+
"light": "{colorItemSelected}",
|
|
5927
|
+
"dark": "{colorItemSelected}"
|
|
5912
5928
|
},
|
|
5913
5929
|
"colorBorderLayout": {
|
|
5914
5930
|
"light": "{colorGrey350}",
|
|
@@ -6892,6 +6908,10 @@ module.exports.preset = {
|
|
|
6892
6908
|
"light": "{colorGrey500}",
|
|
6893
6909
|
"dark": "{colorGrey500}"
|
|
6894
6910
|
},
|
|
6911
|
+
"colorItemSelected": {
|
|
6912
|
+
"light": "{colorBlue600}",
|
|
6913
|
+
"dark": "{colorBlue400}"
|
|
6914
|
+
},
|
|
6895
6915
|
"colorBorderCalendarGrid": {
|
|
6896
6916
|
"light": "transparent",
|
|
6897
6917
|
"dark": "transparent"
|
|
@@ -7017,8 +7037,8 @@ module.exports.preset = {
|
|
|
7017
7037
|
"dark": "{colorBorderItemSelected}"
|
|
7018
7038
|
},
|
|
7019
7039
|
"colorBorderItemSelected": {
|
|
7020
|
-
"light": "{
|
|
7021
|
-
"dark": "{
|
|
7040
|
+
"light": "{colorItemSelected}",
|
|
7041
|
+
"dark": "{colorItemSelected}"
|
|
7022
7042
|
},
|
|
7023
7043
|
"colorBorderLayout": {
|
|
7024
7044
|
"light": "{colorGrey350}",
|
|
@@ -8002,6 +8022,10 @@ module.exports.preset = {
|
|
|
8002
8022
|
"light": "{colorGrey500}",
|
|
8003
8023
|
"dark": "{colorGrey500}"
|
|
8004
8024
|
},
|
|
8025
|
+
"colorItemSelected": {
|
|
8026
|
+
"light": "{colorBlue600}",
|
|
8027
|
+
"dark": "{colorBlue400}"
|
|
8028
|
+
},
|
|
8005
8029
|
"colorBorderCalendarGrid": {
|
|
8006
8030
|
"light": "transparent",
|
|
8007
8031
|
"dark": "transparent"
|
|
@@ -8127,8 +8151,8 @@ module.exports.preset = {
|
|
|
8127
8151
|
"dark": "{colorBorderItemSelected}"
|
|
8128
8152
|
},
|
|
8129
8153
|
"colorBorderItemSelected": {
|
|
8130
|
-
"light": "{
|
|
8131
|
-
"dark": "{
|
|
8154
|
+
"light": "{colorItemSelected}",
|
|
8155
|
+
"dark": "{colorItemSelected}"
|
|
8132
8156
|
},
|
|
8133
8157
|
"colorBorderLayout": {
|
|
8134
8158
|
"light": "{colorGrey350}",
|
|
@@ -9114,6 +9138,10 @@ module.exports.preset = {
|
|
|
9114
9138
|
"light": "{colorGrey500}",
|
|
9115
9139
|
"dark": "{colorGrey500}"
|
|
9116
9140
|
},
|
|
9141
|
+
"colorItemSelected": {
|
|
9142
|
+
"light": "{colorBlue400}",
|
|
9143
|
+
"dark": "{colorBlue400}"
|
|
9144
|
+
},
|
|
9117
9145
|
"colorBorderCalendarGrid": {
|
|
9118
9146
|
"light": "transparent",
|
|
9119
9147
|
"dark": "transparent"
|
|
@@ -9239,8 +9267,8 @@ module.exports.preset = {
|
|
|
9239
9267
|
"dark": "{colorBorderItemSelected}"
|
|
9240
9268
|
},
|
|
9241
9269
|
"colorBorderItemSelected": {
|
|
9242
|
-
"light": "{
|
|
9243
|
-
"dark": "{
|
|
9270
|
+
"light": "{colorItemSelected}",
|
|
9271
|
+
"dark": "{colorItemSelected}"
|
|
9244
9272
|
},
|
|
9245
9273
|
"colorBorderLayout": {
|
|
9246
9274
|
"light": "{colorGrey650}",
|
|
@@ -10069,6 +10097,7 @@ module.exports.preset = {
|
|
|
10069
10097
|
"colorTextButtonIconDisabled": "color",
|
|
10070
10098
|
"colorBorderButtonPrimaryDisabled": "color",
|
|
10071
10099
|
"colorTextButtonPrimaryDisabled": "color",
|
|
10100
|
+
"colorItemSelected": "color",
|
|
10072
10101
|
"colorBorderCalendarGrid": "color",
|
|
10073
10102
|
"colorBorderCalendarGridSelectedFocusRing": "color",
|
|
10074
10103
|
"colorBorderCellShaded": "color",
|
|
@@ -10538,6 +10567,7 @@ module.exports.preset = {
|
|
|
10538
10567
|
"colorTextButtonIconDisabled",
|
|
10539
10568
|
"colorBorderButtonPrimaryDisabled",
|
|
10540
10569
|
"colorTextButtonPrimaryDisabled",
|
|
10570
|
+
"colorItemSelected",
|
|
10541
10571
|
"colorBorderContainerTop",
|
|
10542
10572
|
"colorBorderControlDefault",
|
|
10543
10573
|
"colorBorderDividerDefault",
|
|
@@ -10898,6 +10928,7 @@ module.exports.preset = {
|
|
|
10898
10928
|
"colorTextButtonIconDisabled",
|
|
10899
10929
|
"colorBorderButtonPrimaryDisabled",
|
|
10900
10930
|
"colorTextButtonPrimaryDisabled",
|
|
10931
|
+
"colorItemSelected",
|
|
10901
10932
|
"colorBorderContainerTop",
|
|
10902
10933
|
"colorBorderControlDefault",
|
|
10903
10934
|
"colorBorderDividerDefault",
|
|
@@ -11398,6 +11429,7 @@ module.exports.preset = {
|
|
|
11398
11429
|
"colorTextButtonIconDisabled": "color-text-button-icon-disabled",
|
|
11399
11430
|
"colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
|
|
11400
11431
|
"colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
|
|
11432
|
+
"colorItemSelected": "color-item-selected",
|
|
11401
11433
|
"colorBorderCalendarGrid": "color-border-calendar-grid",
|
|
11402
11434
|
"colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
|
|
11403
11435
|
"colorBorderCellShaded": "color-border-cell-shaded",
|
|
@@ -12156,6 +12188,7 @@ module.exports.preset = {
|
|
|
12156
12188
|
"colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
|
|
12157
12189
|
"colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
|
|
12158
12190
|
"colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
|
|
12191
|
+
"colorItemSelected": "--color-item-selected-72rnwy",
|
|
12159
12192
|
"colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
|
|
12160
12193
|
"colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
|
|
12161
12194
|
"colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",
|
|
@@ -135,6 +135,7 @@ export declare interface TypedOverride {
|
|
|
135
135
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
136
136
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
137
137
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
138
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
138
139
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
139
140
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
140
141
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -401,6 +402,7 @@ export declare interface TypedOverride {
|
|
|
401
402
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
402
403
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
403
404
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
405
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
404
406
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
405
407
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
406
408
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -667,6 +669,7 @@ export declare interface TypedOverride {
|
|
|
667
669
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
668
670
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
669
671
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
672
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
670
673
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
671
674
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
672
675
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -933,6 +936,7 @@ export declare interface TypedOverride {
|
|
|
933
936
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
934
937
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
935
938
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
939
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
936
940
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
937
941
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
938
942
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1199,6 +1203,7 @@ export declare interface TypedOverride {
|
|
|
1199
1203
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1200
1204
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1201
1205
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1206
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1202
1207
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1203
1208
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1204
1209
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1465,6 +1470,7 @@ export declare interface TypedOverride {
|
|
|
1465
1470
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1466
1471
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1467
1472
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1473
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1468
1474
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1469
1475
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1470
1476
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1731,6 +1737,7 @@ export declare interface TypedOverride {
|
|
|
1731
1737
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1732
1738
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1733
1739
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1740
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1734
1741
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1735
1742
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1736
1743
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1997,6 +2004,7 @@ export declare interface TypedOverride {
|
|
|
1997
2004
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1998
2005
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1999
2006
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2007
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2000
2008
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2001
2009
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2002
2010
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2263,6 +2271,7 @@ export declare interface TypedOverride {
|
|
|
2263
2271
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2264
2272
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2265
2273
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2274
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2266
2275
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2267
2276
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2268
2277
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -135,6 +135,7 @@ export declare interface TypedOverride {
|
|
|
135
135
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
136
136
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
137
137
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
138
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
138
139
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
139
140
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
140
141
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -401,6 +402,7 @@ export declare interface TypedOverride {
|
|
|
401
402
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
402
403
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
403
404
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
405
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
404
406
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
405
407
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
406
408
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -667,6 +669,7 @@ export declare interface TypedOverride {
|
|
|
667
669
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
668
670
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
669
671
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
672
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
670
673
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
671
674
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
672
675
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -933,6 +936,7 @@ export declare interface TypedOverride {
|
|
|
933
936
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
934
937
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
935
938
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
939
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
936
940
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
937
941
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
938
942
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1199,6 +1203,7 @@ export declare interface TypedOverride {
|
|
|
1199
1203
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1200
1204
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1201
1205
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1206
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1202
1207
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1203
1208
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1204
1209
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1465,6 +1470,7 @@ export declare interface TypedOverride {
|
|
|
1465
1470
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1466
1471
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1467
1472
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1473
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1468
1474
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1469
1475
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1470
1476
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1731,6 +1737,7 @@ export declare interface TypedOverride {
|
|
|
1731
1737
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1732
1738
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1733
1739
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1740
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1734
1741
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1735
1742
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1736
1743
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1997,6 +2004,7 @@ export declare interface TypedOverride {
|
|
|
1997
2004
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1998
2005
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1999
2006
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2007
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2000
2008
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2001
2009
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2002
2010
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2263,6 +2271,7 @@ export declare interface TypedOverride {
|
|
|
2263
2271
|
colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2264
2272
|
colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2265
2273
|
colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2274
|
+
colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2266
2275
|
colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2267
2276
|
colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2268
2277
|
colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1214,6 +1214,10 @@ export var preset = {
|
|
|
1214
1214
|
"light": "{colorGrey500}",
|
|
1215
1215
|
"dark": "{colorGrey500}"
|
|
1216
1216
|
},
|
|
1217
|
+
"colorItemSelected": {
|
|
1218
|
+
"light": "{colorBlue600}",
|
|
1219
|
+
"dark": "{colorBlue400}"
|
|
1220
|
+
},
|
|
1217
1221
|
"colorBorderCalendarGrid": {
|
|
1218
1222
|
"light": "transparent",
|
|
1219
1223
|
"dark": "transparent"
|
|
@@ -1339,8 +1343,8 @@ export var preset = {
|
|
|
1339
1343
|
"dark": "{colorBorderItemSelected}"
|
|
1340
1344
|
},
|
|
1341
1345
|
"colorBorderItemSelected": {
|
|
1342
|
-
"light": "{
|
|
1343
|
-
"dark": "{
|
|
1346
|
+
"light": "{colorItemSelected}",
|
|
1347
|
+
"dark": "{colorItemSelected}"
|
|
1344
1348
|
},
|
|
1345
1349
|
"colorBorderLayout": {
|
|
1346
1350
|
"light": "{colorGrey350}",
|
|
@@ -3494,6 +3498,10 @@ export var preset = {
|
|
|
3494
3498
|
"light": "{colorGrey500}",
|
|
3495
3499
|
"dark": "{colorGrey500}"
|
|
3496
3500
|
},
|
|
3501
|
+
"colorItemSelected": {
|
|
3502
|
+
"light": "{colorBlue400}",
|
|
3503
|
+
"dark": "{colorBlue400}"
|
|
3504
|
+
},
|
|
3497
3505
|
"colorBorderCalendarGrid": {
|
|
3498
3506
|
"light": "transparent",
|
|
3499
3507
|
"dark": "transparent"
|
|
@@ -3619,8 +3627,8 @@ export var preset = {
|
|
|
3619
3627
|
"dark": "{colorBorderItemSelected}"
|
|
3620
3628
|
},
|
|
3621
3629
|
"colorBorderItemSelected": {
|
|
3622
|
-
"light": "{
|
|
3623
|
-
"dark": "{
|
|
3630
|
+
"light": "{colorItemSelected}",
|
|
3631
|
+
"dark": "{colorItemSelected}"
|
|
3624
3632
|
},
|
|
3625
3633
|
"colorBorderLayout": {
|
|
3626
3634
|
"light": "{colorGrey650}",
|
|
@@ -4672,6 +4680,10 @@ export var preset = {
|
|
|
4672
4680
|
"light": "{colorGrey500}",
|
|
4673
4681
|
"dark": "{colorGrey500}"
|
|
4674
4682
|
},
|
|
4683
|
+
"colorItemSelected": {
|
|
4684
|
+
"light": "{colorBlue400}",
|
|
4685
|
+
"dark": "{colorBlue400}"
|
|
4686
|
+
},
|
|
4675
4687
|
"colorBorderCalendarGrid": {
|
|
4676
4688
|
"light": "transparent",
|
|
4677
4689
|
"dark": "transparent"
|
|
@@ -4797,8 +4809,8 @@ export var preset = {
|
|
|
4797
4809
|
"dark": "{colorBorderItemSelected}"
|
|
4798
4810
|
},
|
|
4799
4811
|
"colorBorderItemSelected": {
|
|
4800
|
-
"light": "{
|
|
4801
|
-
"dark": "{
|
|
4812
|
+
"light": "{colorItemSelected}",
|
|
4813
|
+
"dark": "{colorItemSelected}"
|
|
4802
4814
|
},
|
|
4803
4815
|
"colorBorderLayout": {
|
|
4804
4816
|
"light": "{colorGrey650}",
|
|
@@ -5782,6 +5794,10 @@ export var preset = {
|
|
|
5782
5794
|
"light": "{colorGrey500}",
|
|
5783
5795
|
"dark": "{colorGrey500}"
|
|
5784
5796
|
},
|
|
5797
|
+
"colorItemSelected": {
|
|
5798
|
+
"light": "{colorBlue600}",
|
|
5799
|
+
"dark": "{colorBlue400}"
|
|
5800
|
+
},
|
|
5785
5801
|
"colorBorderCalendarGrid": {
|
|
5786
5802
|
"light": "transparent",
|
|
5787
5803
|
"dark": "transparent"
|
|
@@ -5907,8 +5923,8 @@ export var preset = {
|
|
|
5907
5923
|
"dark": "{colorBorderItemSelected}"
|
|
5908
5924
|
},
|
|
5909
5925
|
"colorBorderItemSelected": {
|
|
5910
|
-
"light": "{
|
|
5911
|
-
"dark": "{
|
|
5926
|
+
"light": "{colorItemSelected}",
|
|
5927
|
+
"dark": "{colorItemSelected}"
|
|
5912
5928
|
},
|
|
5913
5929
|
"colorBorderLayout": {
|
|
5914
5930
|
"light": "{colorGrey350}",
|
|
@@ -6892,6 +6908,10 @@ export var preset = {
|
|
|
6892
6908
|
"light": "{colorGrey500}",
|
|
6893
6909
|
"dark": "{colorGrey500}"
|
|
6894
6910
|
},
|
|
6911
|
+
"colorItemSelected": {
|
|
6912
|
+
"light": "{colorBlue600}",
|
|
6913
|
+
"dark": "{colorBlue400}"
|
|
6914
|
+
},
|
|
6895
6915
|
"colorBorderCalendarGrid": {
|
|
6896
6916
|
"light": "transparent",
|
|
6897
6917
|
"dark": "transparent"
|
|
@@ -7017,8 +7037,8 @@ export var preset = {
|
|
|
7017
7037
|
"dark": "{colorBorderItemSelected}"
|
|
7018
7038
|
},
|
|
7019
7039
|
"colorBorderItemSelected": {
|
|
7020
|
-
"light": "{
|
|
7021
|
-
"dark": "{
|
|
7040
|
+
"light": "{colorItemSelected}",
|
|
7041
|
+
"dark": "{colorItemSelected}"
|
|
7022
7042
|
},
|
|
7023
7043
|
"colorBorderLayout": {
|
|
7024
7044
|
"light": "{colorGrey350}",
|
|
@@ -8002,6 +8022,10 @@ export var preset = {
|
|
|
8002
8022
|
"light": "{colorGrey500}",
|
|
8003
8023
|
"dark": "{colorGrey500}"
|
|
8004
8024
|
},
|
|
8025
|
+
"colorItemSelected": {
|
|
8026
|
+
"light": "{colorBlue600}",
|
|
8027
|
+
"dark": "{colorBlue400}"
|
|
8028
|
+
},
|
|
8005
8029
|
"colorBorderCalendarGrid": {
|
|
8006
8030
|
"light": "transparent",
|
|
8007
8031
|
"dark": "transparent"
|
|
@@ -8127,8 +8151,8 @@ export var preset = {
|
|
|
8127
8151
|
"dark": "{colorBorderItemSelected}"
|
|
8128
8152
|
},
|
|
8129
8153
|
"colorBorderItemSelected": {
|
|
8130
|
-
"light": "{
|
|
8131
|
-
"dark": "{
|
|
8154
|
+
"light": "{colorItemSelected}",
|
|
8155
|
+
"dark": "{colorItemSelected}"
|
|
8132
8156
|
},
|
|
8133
8157
|
"colorBorderLayout": {
|
|
8134
8158
|
"light": "{colorGrey350}",
|
|
@@ -9114,6 +9138,10 @@ export var preset = {
|
|
|
9114
9138
|
"light": "{colorGrey500}",
|
|
9115
9139
|
"dark": "{colorGrey500}"
|
|
9116
9140
|
},
|
|
9141
|
+
"colorItemSelected": {
|
|
9142
|
+
"light": "{colorBlue400}",
|
|
9143
|
+
"dark": "{colorBlue400}"
|
|
9144
|
+
},
|
|
9117
9145
|
"colorBorderCalendarGrid": {
|
|
9118
9146
|
"light": "transparent",
|
|
9119
9147
|
"dark": "transparent"
|
|
@@ -9239,8 +9267,8 @@ export var preset = {
|
|
|
9239
9267
|
"dark": "{colorBorderItemSelected}"
|
|
9240
9268
|
},
|
|
9241
9269
|
"colorBorderItemSelected": {
|
|
9242
|
-
"light": "{
|
|
9243
|
-
"dark": "{
|
|
9270
|
+
"light": "{colorItemSelected}",
|
|
9271
|
+
"dark": "{colorItemSelected}"
|
|
9244
9272
|
},
|
|
9245
9273
|
"colorBorderLayout": {
|
|
9246
9274
|
"light": "{colorGrey650}",
|
|
@@ -10069,6 +10097,7 @@ export var preset = {
|
|
|
10069
10097
|
"colorTextButtonIconDisabled": "color",
|
|
10070
10098
|
"colorBorderButtonPrimaryDisabled": "color",
|
|
10071
10099
|
"colorTextButtonPrimaryDisabled": "color",
|
|
10100
|
+
"colorItemSelected": "color",
|
|
10072
10101
|
"colorBorderCalendarGrid": "color",
|
|
10073
10102
|
"colorBorderCalendarGridSelectedFocusRing": "color",
|
|
10074
10103
|
"colorBorderCellShaded": "color",
|
|
@@ -10538,6 +10567,7 @@ export var preset = {
|
|
|
10538
10567
|
"colorTextButtonIconDisabled",
|
|
10539
10568
|
"colorBorderButtonPrimaryDisabled",
|
|
10540
10569
|
"colorTextButtonPrimaryDisabled",
|
|
10570
|
+
"colorItemSelected",
|
|
10541
10571
|
"colorBorderContainerTop",
|
|
10542
10572
|
"colorBorderControlDefault",
|
|
10543
10573
|
"colorBorderDividerDefault",
|
|
@@ -10898,6 +10928,7 @@ export var preset = {
|
|
|
10898
10928
|
"colorTextButtonIconDisabled",
|
|
10899
10929
|
"colorBorderButtonPrimaryDisabled",
|
|
10900
10930
|
"colorTextButtonPrimaryDisabled",
|
|
10931
|
+
"colorItemSelected",
|
|
10901
10932
|
"colorBorderContainerTop",
|
|
10902
10933
|
"colorBorderControlDefault",
|
|
10903
10934
|
"colorBorderDividerDefault",
|
|
@@ -11398,6 +11429,7 @@ export var preset = {
|
|
|
11398
11429
|
"colorTextButtonIconDisabled": "color-text-button-icon-disabled",
|
|
11399
11430
|
"colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
|
|
11400
11431
|
"colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
|
|
11432
|
+
"colorItemSelected": "color-item-selected",
|
|
11401
11433
|
"colorBorderCalendarGrid": "color-border-calendar-grid",
|
|
11402
11434
|
"colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
|
|
11403
11435
|
"colorBorderCellShaded": "color-border-cell-shaded",
|
|
@@ -12156,6 +12188,7 @@ export var preset = {
|
|
|
12156
12188
|
"colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
|
|
12157
12189
|
"colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
|
|
12158
12190
|
"colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
|
|
12191
|
+
"colorItemSelected": "--color-item-selected-72rnwy",
|
|
12159
12192
|
"colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
|
|
12160
12193
|
"colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
|
|
12161
12194
|
"colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",
|
package/internal/manifest.json
CHANGED