@atlaskit/editor-plugin-table 7.8.1 → 7.10.0

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 (57) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/commands/column-resize.js +18 -6
  3. package/dist/cjs/commands/misc.js +5 -1
  4. package/dist/cjs/commands-with-analytics.js +2 -2
  5. package/dist/cjs/nodeviews/TableComponent.js +11 -3
  6. package/dist/cjs/toolbar.js +4 -3
  7. package/dist/cjs/utils/index.js +12 -0
  8. package/dist/cjs/utils/nodes.js +6 -1
  9. package/dist/cjs/utils/table.js +34 -1
  10. package/dist/es2019/commands/column-resize.js +18 -6
  11. package/dist/es2019/commands/misc.js +5 -1
  12. package/dist/es2019/commands-with-analytics.js +2 -2
  13. package/dist/es2019/nodeviews/TableComponent.js +12 -4
  14. package/dist/es2019/toolbar.js +4 -3
  15. package/dist/es2019/utils/index.js +2 -2
  16. package/dist/es2019/utils/nodes.js +5 -0
  17. package/dist/es2019/utils/table.js +36 -1
  18. package/dist/esm/commands/column-resize.js +18 -6
  19. package/dist/esm/commands/misc.js +5 -1
  20. package/dist/esm/commands-with-analytics.js +2 -2
  21. package/dist/esm/nodeviews/TableComponent.js +12 -4
  22. package/dist/esm/toolbar.js +4 -3
  23. package/dist/esm/utils/index.js +2 -2
  24. package/dist/esm/utils/nodes.js +5 -0
  25. package/dist/esm/utils/table.js +33 -0
  26. package/dist/types/commands/column-resize.d.ts +5 -4
  27. package/dist/types/commands/misc.d.ts +1 -1
  28. package/dist/types/commands-with-analytics.d.ts +2 -1
  29. package/dist/types/nodeviews/TableComponent.d.ts +6 -54
  30. package/dist/types/plugin.d.ts +1 -1
  31. package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +18 -22
  32. package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +36 -44
  33. package/dist/types/ui/TableFloatingControls/index.d.ts +18 -22
  34. package/dist/types/utils/index.d.ts +2 -2
  35. package/dist/types/utils/nodes.d.ts +1 -0
  36. package/dist/types/utils/table.d.ts +3 -0
  37. package/dist/types-ts4.5/commands/column-resize.d.ts +5 -4
  38. package/dist/types-ts4.5/commands/misc.d.ts +1 -1
  39. package/dist/types-ts4.5/commands-with-analytics.d.ts +2 -1
  40. package/dist/types-ts4.5/nodeviews/TableComponent.d.ts +6 -54
  41. package/dist/types-ts4.5/plugin.d.ts +1 -1
  42. package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +18 -22
  43. package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +36 -44
  44. package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts +18 -22
  45. package/dist/types-ts4.5/utils/index.d.ts +2 -2
  46. package/dist/types-ts4.5/utils/nodes.d.ts +1 -0
  47. package/dist/types-ts4.5/utils/table.d.ts +3 -0
  48. package/package.json +4 -4
  49. package/src/commands/column-resize.ts +31 -8
  50. package/src/commands/misc.ts +9 -1
  51. package/src/commands-with-analytics.ts +7 -1
  52. package/src/nodeviews/TableComponent.tsx +21 -6
  53. package/src/plugin.tsx +1 -1
  54. package/src/toolbar.tsx +10 -1
  55. package/src/utils/index.ts +2 -1
  56. package/src/utils/nodes.ts +10 -0
  57. package/src/utils/table.ts +36 -0
package/dist/types-ts4.5/commands/column-resize.d.ts CHANGED
@@ -1,26 +1,27 @@
1
1
  import type { IntlShape } from 'react-intl-next/src/types';
2
2
  import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
3
+ import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
3
4
  import type { Transaction } from '@atlaskit/editor-prosemirror/state';
4
5
  import type { Direction } from '@atlaskit/editor-tables/types';
5
6
  export declare const initiateKeyboardColumnResizing: ({ ariaNotify, getIntl, }: {
6
- ariaNotify?: ((message: string) => void) | undefined;
7
+ ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
7
8
  getIntl?: (() => IntlShape) | undefined;
8
9
  }) => Command;
9
10
  export declare const activateNextResizeArea: ({ direction, ariaNotify, getIntl, }: {
10
11
  direction: Direction;
11
- ariaNotify?: ((message: string) => void) | undefined;
12
+ ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
12
13
  getIntl?: (() => IntlShape) | undefined;
13
14
  }) => Command;
14
15
  export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, ariaNotify, getIntl, }: {
15
16
  stepSize: number;
16
17
  getEditorContainerWidth: GetEditorContainerWidth;
17
18
  isTableScalingEnabled: boolean;
18
- ariaNotify?: ((message: string) => void) | undefined;
19
+ ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
19
20
  getIntl?: (() => IntlShape) | undefined;
20
21
  originalTr?: Transaction | undefined;
21
22
  }) => Command;
22
23
  export declare const stopKeyboardColumnResizing: ({ ariaNotify, getIntl, originalTr, }: {
23
- ariaNotify?: ((message: string) => void) | undefined;
24
+ ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
24
25
  getIntl?: (() => IntlShape) | undefined;
25
26
  originalTr?: Transaction | undefined;
26
27
  }) => Command;
package/dist/types-ts4.5/commands/misc.d.ts CHANGED
@@ -19,7 +19,7 @@ export declare const deleteTable: Command;
19
19
  export declare const deleteTableIfSelected: Command;
20
20
  export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;
21
21
  export declare const moveCursorBackward: Command;
22
- export declare const setMultipleCellAttrs: (attrs: Object, targetCellPosition?: number) => Command;
22
+ export declare const setMultipleCellAttrs: (attrs: Object, targetCellPosition?: number, editorView?: EditorView | null) => Command;
23
23
  export declare const selectColumn: (column: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;
24
24
  export declare const selectColumns: (columnIndexes: number[]) => Command;
25
25
  export declare const selectRow: (row: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;
package/dist/types-ts4.5/commands-with-analytics.d.ts CHANGED
@@ -3,13 +3,14 @@ import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
4
  import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
5
5
  import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
6
+ import type { EditorView } from '@atlaskit/editor-prosemirror/dist/types/view';
6
7
  import type { Rect } from '@atlaskit/editor-tables/table-map';
7
8
  import type { ResizeStateWithAnalytics } from './pm-plugins/table-resizing/utils';
8
9
  import type { InsertRowMethods, InsertRowOptions, RowInsertPosition } from './types';
9
10
  export declare const emptyMultipleCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition?: number) => Command;
10
11
  export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | null | undefined) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
11
12
  export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
12
- export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, targetCellPosition?: number) => Command;
13
+ export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, targetCellPosition?: number, editorView?: EditorView | null) => Command;
13
14
  export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
14
15
  export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
15
16
  export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
package/dist/types-ts4.5/nodeviews/TableComponent.d.ts CHANGED
@@ -1,13 +1,12 @@
1
1
  import React from 'react';
2
+ import type { IntlShape } from 'react-intl-next';
2
3
  import type { TableColumnOrdering } from '@atlaskit/custom-steps';
3
4
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
4
5
  import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
5
6
  import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
6
7
  import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
7
8
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
8
- import type { RowStickyState, StickyPluginState } from '../pm-plugins/sticky-headers';
9
9
  import type { CellHoverMeta, PluginInjectionAPI } from '../types';
10
- import { ShadowEvent } from '../types';
11
10
  import type { TableOptions } from './types';
12
11
  export interface ComponentProps {
13
12
  view: EditorView;
@@ -30,61 +29,14 @@ export interface ComponentProps {
30
29
  getEditorFeatureFlags: GetEditorFeatureFlags;
31
30
  dispatchAnalyticsEvent: DispatchAnalyticsEvent;
32
31
  pluginInjectionApi?: PluginInjectionAPI;
32
+ intl: IntlShape;
33
33
  isInDanger?: boolean;
34
34
  hoveredRows?: number[];
35
35
  hoveredCell?: CellHoverMeta;
36
36
  isTableHovered?: boolean;
37
37
  isWholeTableInDanger?: boolean;
38
38
  }
39
- interface TableState {
40
- scroll: number;
41
- parentWidth?: number;
42
- stickyHeader?: RowStickyState;
43
- [ShadowEvent.SHOW_BEFORE_SHADOW]: boolean;
44
- [ShadowEvent.SHOW_AFTER_SHADOW]: boolean;
45
- tableWrapperWidth?: number;
46
- tableWrapperHeight?: number;
47
- }
48
- declare class TableComponent extends React.Component<ComponentProps, TableState> {
49
- static displayName: string;
50
- state: TableState;
51
- private wrapper?;
52
- private table?;
53
- private node;
54
- private containerWidth?;
55
- private wasResizing?;
56
- private tableNodeWidth?;
57
- private layoutSize?;
58
- private overflowShadowsObserver?;
59
- private stickyScrollbar?;
60
- private isInitialOverflowSent;
61
- private initialOverflowCaptureTimerId?;
62
- private resizeObserver?;
63
- private dragAndDropCleanupFn?;
64
- constructor(props: ComponentProps);
65
- componentDidMount(): void;
66
- componentWillUnmount(): void;
67
- handleColgroupUpdates(force?: boolean): void;
68
- componentDidUpdate(_: any, prevState: TableState): void;
69
- private updateShadowState;
70
- private createShadowSentinels;
71
- private observeTable;
72
- onStickyState: (state: StickyPluginState) => void;
73
- prevTableState: any;
74
- render(): JSX.Element;
75
- private handleScroll;
76
- private handleTableResizing;
77
- private scaleTable;
78
- private setTimerToSendInitialOverflowCaptured;
79
- private handleAutoSize;
80
- private handleWindowResize;
81
- private getParentNodeWidth;
82
- private updateParentWidth;
83
- private tableNodeLayoutSize;
84
- private scaleTableDebounced;
85
- private handleTableResizingDebounced;
86
- private handleScrollDebounced;
87
- private handleAutoSizeDebounced;
88
- private handleWindowResizeDebounced;
89
- }
90
- export default TableComponent;
39
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
40
+ WrappedComponent: React.ComponentType<ComponentProps>;
41
+ };
42
+ export default _default;
package/dist/types-ts4.5/plugin.d.ts CHANGED
@@ -36,12 +36,12 @@ export type TablePlugin = NextEditorPlugin<'table', {
36
36
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
37
37
  };
38
38
  dependencies: [
39
- OptionalPlugin<AccessibilityUtilsPlugin>,
40
39
  AnalyticsPlugin,
41
40
  ContentInsertionPlugin,
42
41
  WidthPlugin,
43
42
  GuidelinePlugin,
44
43
  SelectionPlugin,
44
+ OptionalPlugin<AccessibilityUtilsPlugin>,
45
45
  OptionalPlugin<MediaPlugin>,
46
46
  OptionalPlugin<EditorViewModePlugin>
47
47
  ];
package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts CHANGED
@@ -32,16 +32,6 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
32
32
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
33
33
  };
34
34
  dependencies: [
35
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
36
- dependencies: [
37
- ];
38
- actions: {
39
- ariaNotify: (message: string) => void;
40
- };
41
- sharedState: {
42
- message: string;
43
- };
44
- }, undefined>>,
45
35
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
46
36
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
47
37
  sharedState: {
@@ -99,6 +89,14 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
99
89
  };
100
90
  sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
101
91
  }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>,
92
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
93
+ dependencies: [
94
+ ];
95
+ actions: {
96
+ ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
97
+ };
98
+ sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
99
+ }, undefined>>,
102
100
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
103
101
  pluginConfiguration: any;
104
102
  dependencies: any;
@@ -135,7 +133,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
135
133
  actions: {
136
134
  getAvatarColor: (str: string) => {
137
135
  index: number;
138
- color: import("@atlaskit/editor-common/collab").Color;
136
+ 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-ui)" | "var(--ds-font-ui-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)";
139
137
  };
140
138
  addInlineCommentMark: (props: {
141
139
  from: number;
@@ -159,16 +157,6 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
159
157
  } | undefined>>
160
158
  ];
161
159
  }, import("../../../plugin").TablePluginOptions | undefined>,
162
- import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
163
- dependencies: [
164
- ];
165
- actions: {
166
- ariaNotify: (message: string) => void;
167
- };
168
- sharedState: {
169
- message: string;
170
- };
171
- }, undefined>>,
172
160
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
173
161
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
174
162
  sharedState: {
@@ -226,6 +214,14 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
226
214
  };
227
215
  sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
228
216
  }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>,
217
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
218
+ dependencies: [
219
+ ];
220
+ actions: {
221
+ ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
222
+ };
223
+ sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
224
+ }, undefined>>,
229
225
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
230
226
  pluginConfiguration: any;
231
227
  dependencies: any;
@@ -262,7 +258,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
262
258
  actions: {
263
259
  getAvatarColor: (str: string) => {
264
260
  index: number;
265
- color: import("@atlaskit/editor-common/collab").Color;
261
+ 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-ui)" | "var(--ds-font-ui-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)";
266
262
  };
267
263
  addInlineCommentMark: (props: {
268
264
  from: number;