@atlaskit/editor-plugin-table 7.13.1 → 7.13.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.
Files changed (34) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/nodeviews/TableContainer.js +10 -10
  3. package/dist/cjs/pm-plugins/table-resizing/event-handlers.js +10 -3
  4. package/dist/cjs/pm-plugins/table-resizing/utils/index.js +6 -0
  5. package/dist/cjs/pm-plugins/table-resizing/utils/misc.js +8 -1
  6. package/dist/cjs/pm-plugins/table-resizing/utils/resize-column.js +51 -34
  7. package/dist/es2019/nodeviews/TableContainer.js +12 -10
  8. package/dist/es2019/pm-plugins/table-resizing/event-handlers.js +11 -4
  9. package/dist/es2019/pm-plugins/table-resizing/utils/index.js +1 -1
  10. package/dist/es2019/pm-plugins/table-resizing/utils/misc.js +7 -0
  11. package/dist/es2019/pm-plugins/table-resizing/utils/resize-column.js +49 -34
  12. package/dist/esm/nodeviews/TableContainer.js +10 -10
  13. package/dist/esm/pm-plugins/table-resizing/event-handlers.js +11 -4
  14. package/dist/esm/pm-plugins/table-resizing/utils/index.js +1 -1
  15. package/dist/esm/pm-plugins/table-resizing/utils/misc.js +7 -0
  16. package/dist/esm/pm-plugins/table-resizing/utils/resize-column.js +50 -33
  17. package/dist/types/pm-plugins/table-resizing/utils/index.d.ts +1 -1
  18. package/dist/types/pm-plugins/table-resizing/utils/misc.d.ts +1 -0
  19. package/dist/types/pm-plugins/table-resizing/utils/resize-column.d.ts +1 -0
  20. package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +2 -2
  21. package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +4 -4
  22. package/dist/types/ui/TableFloatingControls/index.d.ts +2 -2
  23. package/dist/types-ts4.5/pm-plugins/table-resizing/utils/index.d.ts +1 -1
  24. package/dist/types-ts4.5/pm-plugins/table-resizing/utils/misc.d.ts +1 -0
  25. package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-column.d.ts +1 -0
  26. package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +2 -2
  27. package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +4 -4
  28. package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts +2 -2
  29. package/package.json +3 -3
  30. package/src/nodeviews/TableContainer.tsx +11 -9
  31. package/src/pm-plugins/table-resizing/event-handlers.ts +43 -21
  32. package/src/pm-plugins/table-resizing/utils/index.ts +1 -1
  33. package/src/pm-plugins/table-resizing/utils/misc.ts +11 -0
  34. package/src/pm-plugins/table-resizing/utils/resize-column.ts +85 -65
package/dist/esm/pm-plugins/table-resizing/utils/resize-column.js CHANGED
@@ -3,54 +3,71 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  // Resize a given column by an amount from the current state
5
5
 
6
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
6
  import { TableCssClassName as ClassName } from '../../../types';
8
7
  import { getTableContainerElementWidth, getTableScalingPercent } from './misc';
9
8
  import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
10
9
  import { updateColgroup } from './resize-state';
11
10
  export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
12
11
  var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
13
- // If table resize to show overflowed content, we need to re calculate the resize amount because now offset = amount amount instead of amount * 2
14
12
  var scalePercent = 1;
15
- var resizeAmount;
16
- if (getBooleanFF('platform.editor.table.colum-resizing-improvements')) {
17
- var _tableRef$closest;
18
- // when table initially not overflow, but enter overflow, we need to calculate the resize amount by two part, before and after overflow, before overflow should be double, after should not be double.
19
- var tableWidth = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth;
20
- var tableContainerWidth = tableRef === null || tableRef === void 0 || (_tableRef$closest = tableRef.closest('.resizer-item')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
21
- var isOverflowed = !!(tableWidth && tableContainerWidth && tableWidth > tableContainerWidth);
22
- resizeAmount = amount * 2;
23
- if (isOverflowed) {
24
- resizeAmount = amount < 0 ? amount : resizeAmount - (tableNode.attrs.width + resizeAmount - tableContainerWidth) / 2;
25
- } else {
26
- resizeAmount = amount > 0 && tableContainerWidth ? resizeAmount - (tableNode.attrs.width + resizeAmount - tableContainerWidth) / 2 : resizeAmount;
27
- }
28
- } else {
29
- resizeAmount = amount;
30
- }
31
-
32
- // This need to be clean up if clean up the FF, we will not need this scale logic because now full table width changed/updated in resizeColumn
33
- if (isTableScalingEnabled && !getBooleanFF('platform.editor.table.colum-resizing-improvements')) {
13
+ var resizeAmount = amount;
14
+ if (isTableScalingEnabled) {
34
15
  scalePercent = getTableScalingPercent(tableNode, tableRef);
35
16
  resizeAmount = amount / scalePercent;
36
17
  }
37
- var newState = getBooleanFF('platform.editor.table.colum-resizing-improvements') ? updateAffectedColumn(resizeState, colIndex, resizeAmount) : resizeAmount > 0 ? growColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeAmount < 0 ? shrinkColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeState;
38
- getBooleanFF('platform.editor.table.colum-resizing-improvements') ? updateColgroup(newState, tableRef, tableNode, false) : updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled);
39
- if (getBooleanFF('platform.editor.table.colum-resizing-improvements')) {
40
- // use the difference in width from affected column to update overall table width
41
- var delta = newState.cols[colIndex].width - resizeState.cols[colIndex].width;
42
- updateTable(delta, tableRef, tableNode);
43
- return _objectSpread(_objectSpread({}, newState), {}, {
44
- tableWidth: resizeState.tableWidth + delta
45
- });
46
- }
18
+ var newState = resizeAmount > 0 ? growColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeAmount < 0 ? shrinkColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeState;
19
+ updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled);
47
20
  return newState;
48
21
  };
49
- var updateTable = function updateTable(resizeAmount, tableRef, tableNode) {
22
+
23
+ // try not scale table during resize
24
+ export var resizeColumnAndTable = function resizeColumnAndTable(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
25
+ var _tableRef$closest;
26
+ var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
27
+ var originalTableWidth = arguments.length > 7 ? arguments[7] : undefined;
28
+ // TODO: can we use document state, and apply scaling factor?
29
+ var tableWidth = tableRef.clientWidth;
30
+ var tableContainerWidth = (_tableRef$closest = tableRef.closest('.pm-table-container')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
31
+ var isOverflowed = !!(tableWidth && tableContainerWidth && tableWidth > tableContainerWidth);
32
+ var resizeAmount = amount * 2;
33
+
34
+ // todo: reimplement - use getTableScalingPercentFrozen to get scaled percent before table width changes dynamically
35
+ // let scalePercent = 1;
36
+ // if (isTableScalingEnabled) {
37
+ // import from ./misc
38
+ // scalePercent = getStaticTableScalingPercent(
39
+ // tableNode,
40
+ // originalTableWidth || resizeState.maxSize,
41
+ // );
42
+ // resizeAmount = amount / scalePercent;
43
+ // }
44
+
45
+ // need to look at the resize amount and try to adjust the colgroups
46
+ if (isOverflowed) {
47
+ resizeAmount = amount < 0 ? amount : resizeAmount - (tableNode.attrs.width + resizeAmount - tableContainerWidth) / 2;
48
+ } else {
49
+ resizeAmount = amount > 0 && tableContainerWidth ? resizeAmount - (tableNode.attrs.width + resizeAmount - tableContainerWidth) / 2 : resizeAmount;
50
+ }
51
+ var newState = updateAffectedColumn(resizeState, colIndex, resizeAmount);
52
+
53
+ // this function only updates the colgroup in DOM, it reverses the scalePercent
54
+ // todo: change isScalingEnabled to true when reimplementing scaling
55
+ updateColgroup(newState, tableRef, tableNode, false);
56
+
57
+ // use the difference in width from affected column to update overall table width
58
+ var delta = newState.cols[colIndex].width - resizeState.cols[colIndex].width;
59
+ if (!isOverflowed) {
60
+ updateTablePreview(delta, tableRef, tableNode);
61
+ }
62
+ return _objectSpread(_objectSpread({}, newState), {}, {
63
+ tableWidth: isOverflowed ? tableContainerWidth : resizeState.tableWidth + delta
64
+ });
65
+ };
66
+ var updateTablePreview = function updateTablePreview(resizeAmount, tableRef, tableNode) {
50
67
  var currentWidth = getTableContainerElementWidth(tableNode);
51
68
  var resizingContainer = tableRef === null || tableRef === void 0 ? void 0 : tableRef.closest(".".concat(ClassName.TABLE_RESIZER_CONTAINER));
52
69
  var resizingItem = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.querySelector('.resizer-item');
53
- if (resizingContainer && resizingItem) {
70
+ if (resizingItem) {
54
71
  var newWidth = "".concat(currentWidth + resizeAmount, "px");
55
72
  if (tableRef) {
56
73
  tableRef.style.width = newWidth;
package/dist/types/pm-plugins/table-resizing/utils/index.d.ts CHANGED
@@ -9,5 +9,5 @@ export { updateControls, isClickNear, getResizeCellPos } from './dom';
9
9
  export { scale, scaleWithParent, scaleTable, previewScaleTable, } from './scale-table';
10
10
  export type { ScaleOptions } from './scale-table';
11
11
  export type { ResizeState, ResizeStateWithAnalytics } from './types';
12
- export { resizeColumn } from './resize-column';
12
+ export { resizeColumn, resizeColumnAndTable } from './resize-column';
13
13
  export { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_DEFAULT_WIDTH, MAX_SCALING_PERCENT, } from './consts';
package/dist/types/pm-plugins/table-resizing/utils/misc.d.ts CHANGED
@@ -25,4 +25,5 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
25
25
  export declare const getTableElementWidth: (table: PMNode) => number;
26
26
  export declare const getTableContainerElementWidth: (table: PMNode) => number;
27
27
  export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement | null) => number;
28
+ export declare const getStaticTableScalingPercent: (table: PMNode, tableRenderWidth: number) => number;
28
29
  export {};
package/dist/types/pm-plugins/table-resizing/utils/resize-column.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
2
2
  import type { ResizeState } from './types';
3
3
  export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;
4
+ export declare const resizeColumnAndTable: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean, originalTableWidth?: number) => ResizeState;
package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts CHANGED
@@ -109,7 +109,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
109
109
  actions: {
110
110
  getAvatarColor: (str: string) => {
111
111
  index: number;
112
- color: "var(--ds-surface)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-neutral-subtle)" | "var(--ds-text-subtlest)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-neutral)" | "var(--ds-blanket-selected)" | "var(--ds-background-selected-pressed)" | "var(--ds-border-focused)" | "var(--ds-icon-subtle)" | "var(--ds-blanket-danger)" | "var(--ds-border-danger)" | "var(--ds-background-danger-pressed)" | "var(--ds-icon-inverse)" | "var(--ds-background-danger-bold)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-025)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-150)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-weight-bold)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
112
+ color: "var(--ds-surface)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-neutral-subtle)" | "var(--ds-text-subtlest)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-neutral)" | "var(--ds-blanket-selected)" | "var(--ds-background-selected-pressed)" | "var(--ds-border-focused)" | "var(--ds-icon-subtle)" | "var(--ds-blanket-danger)" | "var(--ds-border-danger)" | "var(--ds-background-danger-pressed)" | "var(--ds-icon-inverse)" | "var(--ds-background-danger-bold)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-025)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-150)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
113
113
  };
114
114
  addInlineCommentMark: (props: {
115
115
  from: number;
@@ -209,7 +209,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
209
209
  actions: {
210
210
  getAvatarColor: (str: string) => {
211
211
  index: number;
212
- color: "var(--ds-surface)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-neutral-subtle)" | "var(--ds-text-subtlest)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-neutral)" | "var(--ds-blanket-selected)" | "var(--ds-background-selected-pressed)" | "var(--ds-border-focused)" | "var(--ds-icon-subtle)" | "var(--ds-blanket-danger)" | "var(--ds-border-danger)" | "var(--ds-background-danger-pressed)" | "var(--ds-icon-inverse)" | "var(--ds-background-danger-bold)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-025)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-150)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-weight-bold)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
212
+ color: "var(--ds-surface)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-neutral-subtle)" | "var(--ds-text-subtlest)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-neutral)" | "var(--ds-blanket-selected)" | "var(--ds-background-selected-pressed)" | "var(--ds-border-focused)" | "var(--ds-icon-subtle)" | "var(--ds-blanket-danger)" | "var(--ds-border-danger)" | "var(--ds-background-danger-pressed)" | "var(--ds-icon-inverse)" | "var(--ds-background-danger-bold)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-025)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-150)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
213
213
  };
214
214
  addInlineCommentMark: (props: {
215
215
  from: number;