@atlaskit/editor-plugin-table 7.10.1 → 7.11.0

package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts

@@ -142,7 +142,7 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                             actions: {
                                 getAvatarColor: (str: string) => {
                                     index: number;
-                                    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)";
+                                    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)";
                                 };
                                 addInlineCommentMark: (props: {
                                     from: number;
@@ -267,7 +267,7 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                     actions: {
                         getAvatarColor: (str: string) => {
                             index: number;
-                            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)";
+                            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)";
                         };
                         addInlineCommentMark: (props: {
                             from: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.10.1",
+  "version": "7.11.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.10.0",
     "@atlaskit/custom-steps": "^0.1.0",
-    "@atlaskit/editor-common": "^78.33.0",
+    "@atlaskit/editor-common": "^78.36.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
     "@atlaskit/editor-plugin-analytics": "^1.1.0",
@@ -43,15 +43,15 @@
     "@atlaskit/editor-shared-styles": "^2.10.0",
     "@atlaskit/editor-tables": "^2.7.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/menu": "^2.1.5",
+    "@atlaskit/menu": "^2.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.2.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/primitives": "^5.6.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@atlaskit/tooltip": "^18.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -115,9 +115,6 @@
     "platform.editor.table.shift-arrowup-fix": {
       "type": "boolean"
     },
-    "platform.editor.table.analytics-plugin-moved-event": {
-      "type": "boolean"
-    },
     "platform.editor.a11y-table-resizing_uapcv": {
       "type": "boolean"
     },
@@ -150,6 +147,9 @@
     },
     "platform.editor.explicit-html-element-check": {
       "type": "boolean"
+    },
+    "platform.editor.table.live-pages-sorting_4malx": {
+      "type": "boolean"
     }
   }
 }

package/src/commands/insert.ts

@@ -23,7 +23,6 @@ import {
   findTable,
   selectedRect,
 } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import { updateRowOrColumnMovedTransform } from '../pm-plugins/analytics/commands';
 import { META_KEYS } from '../pm-plugins/table-analytics';
@@ -66,10 +65,7 @@ export function addColumnAt(isTableScalingEnabled = false) {
         );
       }
 
-      if (
-        getBooleanFF('platform.editor.table.analytics-plugin-moved-event') &&
-        view
-      ) {
+      if (view) {
         updatedTr = updateRowOrColumnMovedTransform(
           { type: 'column' },
           'addRowOrColumn',
@@ -185,14 +181,12 @@ export const insertRow =
         tr.setSelection(selection.map(tr.doc, tr.mapping));
       }
 
-      if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event')) {
-        updateRowOrColumnMovedTransform(
-          {
-            type: 'row',
-          },
-          'addRowOrColumn',
-        )(state, tr);
-      }
+      updateRowOrColumnMovedTransform(
+        {
+          type: 'row',
+        },
+        'addRowOrColumn',
+      )(state, tr);
 
       dispatch(tr);
     }

package/src/commands/misc.ts

@@ -304,14 +304,20 @@ export const getTableElementMoveTypeBySlice = (
     return 'row';
   }
 
-  const map = TableMap.get(currentTable.node);
-  const slicedMap = TableMap.get(slice.content.firstChild);
-
-  return map.width === slicedMap.width
-    ? 'row'
-    : map.height === slicedMap.height
-    ? 'column'
-    : undefined;
+  // `TableMap.get` can throw if the content is invalid - in which case we should just
+  // return undefined
+  try {
+    const map = TableMap.get(currentTable.node);
+    const slicedMap = TableMap.get(slice.content.firstChild);
+
+    return map.width === slicedMap.width
+      ? 'row'
+      : map.height === slicedMap.height
+      ? 'column'
+      : undefined;
+  } catch (e) {
+    return undefined;
+  }
 };
 
 export const isInsideFirstCellOfRowOrColumn = (

package/src/nodeviews/TableComponent.tsx

@@ -214,6 +214,15 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       isTableScalingEnabled,
     } = this.props;
 
+    if (getBooleanFF('platform.editor.table.live-pages-sorting_4malx')) {
+      const { mode } =
+        this.props.pluginInjectionApi?.editorViewMode?.sharedState.currentState() ||
+        {};
+      if (mode === 'view') {
+        this?.table?.addEventListener('mouseenter', this.handleMouseEnter);
+      }
+    }
+
     if (isTableScalingEnabled) {
       this.handleColgroupUpdates(true);
     }
@@ -312,6 +321,10 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       window.removeEventListener('resize', this.handleWindowResizeDebounced);
     }
 
+    if (getBooleanFF('platform.editor.table.live-pages-sorting_4malx')) {
+      this?.table?.removeEventListener('mouseenter', this.handleMouseEnter);
+    }
+
     if (this.overflowShadowsObserver) {
       this.overflowShadowsObserver.dispose();
     }
@@ -326,6 +339,15 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     }
   }
 
+  handleMouseEnter = () => {
+    const node = this.props.getNode();
+    const pos = this.props.getPos();
+    const tr = this.props.view.state.tr;
+    const tableId = node.attrs.localId;
+    tr.setMeta('mouseEnterTable', [tableId, node, pos]);
+    this.props.view.dispatch(tr);
+  };
+
   handleColgroupUpdates(force = false) {
     const { getNode, containerWidth, isResizing, view, getPos } = this.props;
 

package/src/plugin.tsx

@@ -75,6 +75,7 @@ import {
   createPlugin as createTableWidthPlugin,
   pluginKey as tableWidthPluginKey,
 } from './pm-plugins/table-width';
+import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
 import { getToolbarConfig } from './toolbar';
 import type {
   ColumnResizingPluginState,
@@ -371,6 +372,16 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               : undefined;
           },
         },
+        {
+          name: 'tableViewModeSort',
+          plugin: () => {
+            return getBooleanFF(
+              'platform.editor.table.live-pages-sorting_4malx',
+            ) && api?.editorViewMode
+              ? createViewModeSortPlugin(api.editorViewMode)
+              : undefined;
+          },
+        },
         {
           name: 'tableLocalId',
           plugin: ({ dispatch }) => createTableLocalIdPlugin(dispatch),
@@ -399,9 +410,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
         {
           name: 'tableAnalyticsPlugin',
           plugin: ({ dispatch, dispatchAnalyticsEvent }) =>
-            getBooleanFF('platform.editor.table.analytics-plugin-moved-event')
-              ? createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent)
-              : undefined,
+            createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent),
         },
         {
           name: 'tableGetEditorViewReferencePlugin',

package/src/pm-plugins/analytics/plugin.ts

@@ -6,7 +6,6 @@ import {
 } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import {
   countCellsInSlice,
@@ -52,45 +51,37 @@ export const createPlugin = (
     },
     props: {
       handlePaste: ({ state, dispatch }, event, slice) => {
-        if (
-          getBooleanFF('platform.editor.table.analytics-plugin-moved-event')
-        ) {
-          const { schema } = state;
-          const type = getTableElementMoveTypeBySlice(slice, state);
+        const { schema } = state;
+        const type = getTableElementMoveTypeBySlice(slice, state);
 
-          // if the selection wasn't in the first cell of a row or column, don't count it
-          if (!type || !isInsideFirstCellOfRowOrColumn(state.selection, type)) {
-            return;
-          }
+        // if the selection wasn't in the first cell of a row or column, don't count it
+        if (!type || !isInsideFirstCellOfRowOrColumn(state.selection, type)) {
+          return;
+        }
 
-          const count = countCellsInSlice(slice, schema, type);
+        const count = countCellsInSlice(slice, schema, type);
 
-          updateRowOrColumnMoved(
-            {
-              numberOfCells: count,
-              type,
-            },
-            'pasted',
-          )(state, dispatch);
-        }
+        updateRowOrColumnMoved(
+          {
+            numberOfCells: count,
+            type,
+          },
+          'pasted',
+        )(state, dispatch);
       },
       transformCopied: (slice, { state, dispatch }) => {
-        if (
-          getBooleanFF('platform.editor.table.analytics-plugin-moved-event')
-        ) {
-          const { schema } = state;
+        const { schema } = state;
 
-          const type = getTableSelectionType(state.selection);
-          const count = countCellsInSlice(slice, schema, type);
+        const type = getTableSelectionType(state.selection);
+        const count = countCellsInSlice(slice, schema, type);
 
-          updateRowOrColumnMoved(
-            {
-              numberOfCells: count,
-              type,
-            },
-            'copyOrCut',
-          )(state, dispatch);
-        }
+        updateRowOrColumnMoved(
+          {
+            numberOfCells: count,
+            type,
+          },
+          'copyOrCut',
+        )(state, dispatch);
 
         return slice;
       },

package/src/pm-plugins/view-mode-sort/consts.ts

@@ -0,0 +1,3 @@
+export const SORTING_ICON_CLASS_NAME = 'view-mode-sorting-icon';
+export const IS_DISABLED_CLASS_NAME = 'is-disabled';
+export const SORT_INDEX_DATA_ATTRIBUTE = 'data-sort-index';