@atlaskit/editor-plugin-avatar-group 0.1.0

package/dist/types/ui/avatars.d.ts

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CollabParticipant } from '@atlaskit/editor-common/collab';
+import type { FeatureFlags, OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CollabEditPlugin, ReadOnlyParticipants } from '@atlaskit/editor-plugin-collab-edit';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface AvatarsProps {
+    sessionId?: string;
+    participants: ReadOnlyParticipants | undefined;
+    editorView?: EditorView;
+    featureFlags: FeatureFlags;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    editorAPI: PublicPluginAPI<[OptionalPlugin<CollabEditPlugin>]> | undefined;
+    children: ReactNode;
+}
+export declare const scrollToCollabCursor: (editorView: EditorView, participants: CollabParticipant[], sessionId: string | undefined, index: number, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => void;
+export declare const Avatars: React.MemoExoticComponent<(props: AvatarsProps) => jsx.JSX.Element | null>;

package/dist/types/ui/colored-avatar-item.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CollabEditPlugin } from '@atlaskit/editor-plugin-collab-edit';
+export interface ColoredAvatarItemProps {
+    sessionId: string;
+    name: string;
+    api: PublicPluginAPI<[OptionalPlugin<CollabEditPlugin>]> | undefined;
+}
+export declare const ColoredAvatarItem: (props: ColoredAvatarItemProps) => jsx.JSX.Element;

package/dist/types/ui/index.d.ts

@@ -0,0 +1,3 @@
+import AvatarsWithPluginState from './avatars-with-plugin-state';
+export default AvatarsWithPluginState;
+export { default as AvatarGroupPluginWrapper } from './AvatarGroupPluginWrapper';

package/dist/types/ui/invite-to-edit.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import type { InviteToEditComponentProps } from '@atlaskit/editor-common/collab';
+export interface InviteToEditButtonProps {
+    onClick?: React.MouseEventHandler;
+    selected?: boolean;
+    Component?: React.ComponentType<InviteToEditComponentProps>;
+    title: string;
+}
+export declare const InviteToEditButton: React.FC<InviteToEditButtonProps>;

package/dist/types/ui/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const inviteTeamWrapper: import("@emotion/react").SerializedStyles;
+export declare const avatarContainer: import("@emotion/react").SerializedStyles;
+export declare const badge: (color: string) => import("@emotion/react").SerializedStyles;

package/dist/types/ui/to-avatar.d.ts

@@ -0,0 +1,30 @@
+import type { AvatarProps } from '@atlaskit/avatar-group';
+import type { CollabParticipant } from '@atlaskit/editor-common/collab';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+declare const _default: import("memoize-one").MemoizedFn<(participant: CollabParticipant, api: PublicPluginAPI<[OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+    pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+    dependencies: [OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>, OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+        };
+        dependencies: [OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
+    sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+    actions: {
+        getAvatarColor: (str: string) => {
+            index: number;
+            color: import("@atlaskit/editor-common/collab").Color;
+        };
+    };
+}, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>]> | undefined) => AvatarProps>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export type { AvatarGroupPlugin } from './plugin';
+export { avatarGroupPlugin } from './plugin';

package/dist/types-ts4.5/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const avatarGroupMessages: {
+    editors: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/plugin.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { CollabEditOptions, CollabInviteToEditProps } from '@atlaskit/editor-common/collab';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { CollabEditPlugin } from '@atlaskit/editor-plugin-collab-edit';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+type Config = {
+    collabEdit?: CollabEditOptions;
+    takeFullWidth: boolean;
+    showAvatarGroup?: boolean;
+};
+export type AvatarGroupPlugin = NextEditorPlugin<'avatarGroup', {
+    pluginConfiguration: Config;
+    dependencies: [
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<CollabEditPlugin>
+    ];
+    actions: {
+        getToolbarItem: ({ editorView, inviteToEditHandler, isInviteToEditButtonSelected, inviteToEditComponent, }: {
+            editorView: EditorView;
+        } & CollabInviteToEditProps) => JSX.Element | null;
+    };
+}>;
+export declare const avatarGroupPlugin: AvatarGroupPlugin;
+export {};

package/dist/types-ts4.5/ui/AvatarGroupPluginWrapper.d.ts

@@ -0,0 +1,18 @@
+import { jsx } from '@emotion/react';
+import type { DispatchAnalyticsEvent, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AvatarGroupPlugin } from '../index';
+declare const AvatarGroupPluginWrapper: (props: {
+    collabEdit?: CollabEditOptions | undefined;
+    editorView: EditorView;
+    eventDispatcher: EventDispatcher<any>;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    takeFullWidth: boolean;
+    featureFlags: FeatureFlags;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    editorAPI: ExtractInjectionAPI<AvatarGroupPlugin> | undefined;
+}) => jsx.JSX.Element;
+export default AvatarGroupPluginWrapper;

package/dist/types-ts4.5/ui/avatars-with-plugin-state.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { FeatureFlags, OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CollabEditPlugin, CollabInviteToEditProps } from '@atlaskit/editor-plugin-collab-edit';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export type AvatarsWithPluginStateProps = {
+    editorView?: EditorView;
+    eventDispatcher?: EventDispatcher;
+    featureFlags: FeatureFlags;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    editorAPI: PublicPluginAPI<[
+        OptionalPlugin<CollabEditPlugin>
+    ]> | undefined;
+} & CollabInviteToEditProps;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
+    editorView?: EditorView | undefined;
+    eventDispatcher?: EventDispatcher<any> | undefined;
+    featureFlags: FeatureFlags;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    editorAPI: PublicPluginAPI<[
+        OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+            dependencies: [
+                OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: FeatureFlags;
+                    sharedState: FeatureFlags;
+                }, FeatureFlags>>,
+                OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                    pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                    sharedState: {
+                        createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                        attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                        performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                    };
+                    dependencies: [
+                        OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                            pluginConfiguration: FeatureFlags;
+                            sharedState: FeatureFlags;
+                        }, FeatureFlags>>
+                    ];
+                    actions: EditorAnalyticsAPI;
+                }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
+            ];
+            sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+            actions: {
+                getAvatarColor: (str: string) => {
+                    index: number;
+                    color: import("@atlaskit/editor-common/collab").Color;
+                };
+            };
+        }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>
+    ]> | undefined;
+} & CollabInviteToEditProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
+        editorView?: EditorView | undefined;
+        eventDispatcher?: EventDispatcher<any> | undefined;
+        featureFlags: FeatureFlags;
+        editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+        editorAPI: PublicPluginAPI<[
+            OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+                dependencies: [
+                    OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: FeatureFlags;
+                        sharedState: FeatureFlags;
+                    }, FeatureFlags>>,
+                    OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                        sharedState: {
+                            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                        };
+                        dependencies: [
+                            OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                                pluginConfiguration: FeatureFlags;
+                                sharedState: FeatureFlags;
+                            }, FeatureFlags>>
+                        ];
+                        actions: EditorAnalyticsAPI;
+                    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
+                ];
+                sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+                actions: {
+                    getAvatarColor: (str: string) => {
+                        index: number;
+                        color: import("@atlaskit/editor-common/collab").Color;
+                    };
+                };
+            }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>
+        ]> | undefined;
+    } & CollabInviteToEditProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.5/ui/avatars.d.ts

@@ -0,0 +1,22 @@
+/** @jsx jsx */
+import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CollabParticipant } from '@atlaskit/editor-common/collab';
+import type { FeatureFlags, OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CollabEditPlugin, ReadOnlyParticipants } from '@atlaskit/editor-plugin-collab-edit';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface AvatarsProps {
+    sessionId?: string;
+    participants: ReadOnlyParticipants | undefined;
+    editorView?: EditorView;
+    featureFlags: FeatureFlags;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    editorAPI: PublicPluginAPI<[
+        OptionalPlugin<CollabEditPlugin>
+    ]> | undefined;
+    children: ReactNode;
+}
+export declare const scrollToCollabCursor: (editorView: EditorView, participants: CollabParticipant[], sessionId: string | undefined, index: number, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => void;
+export declare const Avatars: React.MemoExoticComponent<(props: AvatarsProps) => jsx.JSX.Element | null>;

package/dist/types-ts4.5/ui/colored-avatar-item.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CollabEditPlugin } from '@atlaskit/editor-plugin-collab-edit';
+export interface ColoredAvatarItemProps {
+    sessionId: string;
+    name: string;
+    api: PublicPluginAPI<[
+        OptionalPlugin<CollabEditPlugin>
+    ]> | undefined;
+}
+export declare const ColoredAvatarItem: (props: ColoredAvatarItemProps) => jsx.JSX.Element;

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

@@ -0,0 +1,3 @@
+import AvatarsWithPluginState from './avatars-with-plugin-state';
+export default AvatarsWithPluginState;
+export { default as AvatarGroupPluginWrapper } from './AvatarGroupPluginWrapper';

package/dist/types-ts4.5/ui/invite-to-edit.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import type { InviteToEditComponentProps } from '@atlaskit/editor-common/collab';
+export interface InviteToEditButtonProps {
+    onClick?: React.MouseEventHandler;
+    selected?: boolean;
+    Component?: React.ComponentType<InviteToEditComponentProps>;
+    title: string;
+}
+export declare const InviteToEditButton: React.FC<InviteToEditButtonProps>;

package/dist/types-ts4.5/ui/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const inviteTeamWrapper: import("@emotion/react").SerializedStyles;
+export declare const avatarContainer: import("@emotion/react").SerializedStyles;
+export declare const badge: (color: string) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/to-avatar.d.ts

@@ -0,0 +1,37 @@
+import type { AvatarProps } from '@atlaskit/avatar-group';
+import type { CollabParticipant } from '@atlaskit/editor-common/collab';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+declare const _default: import("memoize-one").MemoizedFn<(participant: CollabParticipant, api: PublicPluginAPI<[
+    OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+        dependencies: [
+            OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>,
+            OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [
+                    OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>
+                ];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
+        ];
+        sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+        actions: {
+            getAvatarColor: (str: string) => {
+                index: number;
+                color: import("@atlaskit/editor-common/collab").Color;
+            };
+        };
+    }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>
+]> | undefined) => AvatarProps>;
+export default _default;

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@atlaskit/editor-plugin-avatar-group",
+  "version": "0.1.0",
+  "description": "Avatar Group plugin for @atlaskit/editor-core.",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Collaboration",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "name": "EditorPluginAvatarGroup",
+      "category": "Components"
+    }
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/avatar-group": "^9.5.0",
+    "@atlaskit/editor-common": "^76.34.0",
+    "@atlaskit/editor-plugin-analytics": "^0.4.0",
+    "@atlaskit/editor-plugin-collab-edit": "^0.1.0",
+    "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-shared-styles": "^2.9.0",
+    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.33.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
+    "memoize-one": "^6.0.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@af/integration-testing": "*",
+    "@af/visual-regression": "*",
+    "@atlaskit/editor-plugin-mentions": "^0.1.0",
+    "@atlaskit/editor-plugin-type-ahead": "^0.9.0",
+    "@atlaskit/editor-test-helpers": "^18.15.0",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/synchrony-test-helpers": "^2.3.0",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "compiled"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}