@atlaskit/reactions 21.8.0 → 21.8.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/reactions
 
+## 21.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.8.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.8.0"
+	"version": "21.8.1"
 }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.8.0"
+	"version": "21.8.1"
 }

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.8.0"
+	"version": "21.8.1"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "21.8.0",
+  "version": "21.8.1",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "TWP Collaboration Platform",
@@ -43,7 +35,7 @@
     "@atlaskit/motion": "^1.3.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/util-service-support": "^6.1.0",
@@ -62,7 +54,7 @@
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/tooltip": "^17.6.0",
-    "@atlaskit/util-data-test": "^17.5.0",
+    "@atlaskit/util-data-test": "^17.6.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/ufo": "^0.1.0",
     "@emotion/jest": "^11.8.0",
@@ -71,7 +63,6 @@
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
-    "@types/webpack-dev-server": "^3.11.2",
     "dotenv": "^8.2.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
@@ -81,7 +72,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1",
     "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.11.1"
   },
   "keywords": [
     "fabric",

package/dist/types-ts4.0/MockReactionsClient.d.ts

@@ -1,23 +0,0 @@
-import { Reactions, Client, ReactionSummary } from './types';
-export declare const containerAri = "ari:cloud:owner:demo-cloud-id:container/1";
-export declare const ari = "ari:cloud:owner:demo-cloud-id:item/1";
-export declare const getReactionSummary: (shortName: string, count: number, reacted: boolean) => ReactionSummary;
-export declare const getUser: (id: string, displayName: string) => {
-    id: string;
-    displayName: string;
-};
-export declare const mockData: {
-    [key: string]: ReactionSummary[];
-};
-/**
- * Mocked version of the client to fetch user information
- */
-export declare class MockReactionsClient implements Client {
-    private delay;
-    constructor(delay?: number);
-    private delayPromise;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-}

package/dist/types-ts4.0/analytics/analytics.d.ts

@@ -1,102 +0,0 @@
-import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EventType } from '@atlaskit/analytics-gas-types';
-import { ReactionSummary, ReactionSource } from '../types';
-export declare type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
-export declare const createRestSucceededEvent: (actionSubject: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number | undefined) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createReactionsRenderedEvent: (startTime: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createPickerCancelledEvent: (startTime?: number | undefined) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createPickerMoreClickedEvent: (startTime?: number | undefined) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary | undefined, startTime?: number | undefined) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createReactionHoveredEvent: (startTime?: number | undefined) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: any;
-        packageVersion: any;
-    };
-};
-/**
- * Used for store failure metadata for analytics
- * @param error The error could be a service error with {code, reason} or an Error
- * @returns any
- */
-export declare const extractErrorInfo: (error: any) => any;

package/dist/types-ts4.0/analytics/constants.d.ts

@@ -1 +0,0 @@
-export declare const SAMPLING_RATE_REACTIONS_RENDERED_EXP = 0.02;

package/dist/types-ts4.0/analytics/index.d.ts

@@ -1,2 +0,0 @@
-export * as Analytics from './analytics';
-export * as UFO from './ufo';

package/dist/types-ts4.0/analytics/ufo.d.ts

@@ -1,40 +0,0 @@
-import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
-/**
- * Types of experiences
- */
-export declare enum ExperienceName {
-    REACTIONS_RENDERED = "reactions-rendered",
-    PICKER_OPENED = "reactions-picker-opened",
-    REACTION_ADDED = "reaction-added",
-    REACTION_REMOVED = "reaction-removed",
-    REACTION_DETAILS_FETCHED = "reaction-details-fetched"
-}
-/**
- * UFO types of components been instrumented
- */
-export declare enum ComponentName {
-    PICKER_RENDERED = "reactions-picker",
-    REACTIONS = "reactions-list",
-    REACTION_ITEM = "reaction-item"
-}
-/**
- * Experience when the emoji picker is opened
- */
-export declare const PickerRender: UFOExperience;
-/**
- * Experience when the list of reactions gets rendered
- */
-export declare const ReactionsRendered: ConcurrentExperience;
-/**
- * Experience when a reaction emoji gets added
- */
-export declare const ReactionsAdd: ConcurrentExperience;
-/**
- * Experience when a reaction details gets fetched
- */
-export declare const ReactionDetailsFetch: ConcurrentExperience;
-/**
- * Experience when a reaction emoji gets removed/decrement
- */
-export declare const ReactionsRemove: ConcurrentExperience;
-export declare const sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;

package/dist/types-ts4.0/client/ReactionServiceClient.d.ts

@@ -1,35 +0,0 @@
-import { Reactions, ReactionSummary, Client } from '../types';
-/**
- * Utility class to retrieve/modify all actions on reactions collection
- */
-export declare class ReactionServiceClient implements Client {
-    /**
-     * oAuth token
-     */
-    private sessionToken?;
-    /**
-     * API config
-     */
-    private serviceConfig;
-    /**
-     *
-     * @param baseUrl base domain url
-     * @param sessionToken oAuth token for reactions emoji services
-     */
-    constructor(baseUrl: string, sessionToken?: string);
-    /**
-     * Get http headers for the "fetch" request
-     * @param hasBody
-     */
-    private getHeaders;
-    /**
-     * Send a request to remote service
-     * @param path endpoint api url
-     * @param options Optional custom params
-     */
-    private requestService;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-}

package/dist/types-ts4.0/client/index.d.ts

@@ -1 +0,0 @@
-export { ReactionServiceClient } from './ReactionServiceClient';

package/dist/types-ts4.0/components/Counter/Counter.d.ts

@@ -1,45 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-/**
- * Test id for component top level div
- */
-export declare const RENDER_COMPONENT_WRAPPER = "counter-wrapper";
-/**
- * Test id for wrapper div of the counter inside the slider
- */
-export declare const RENDER_COUNTER_TESTID = "counter-container";
-/**
- * Counter label value wrapper div
- */
-export declare const RENDER_LABEL_TESTID = "counter_label_wrapper";
-export interface CounterProps {
-    /**
-     * Count of emoji been selected
-     */
-    value: number;
-    /**
-     * Has the emoji been selected by given user (defaults to false)
-     */
-    highlight?: boolean;
-    /**
-     * Max threshold of selections to show before having a label (defaults to 1000)
-     */
-    limit?: number;
-    /**
-     * Label to show when the value surpasses the limit value (defaults to "1k+")
-     */
-    overLimitLabel?: string;
-    /**
-     * Optional wrapper class name
-     */
-    className?: string;
-    /**
-     * Duration in ms of how long the motion will take (defaults to "mediumDurationMs" from '@atlaskit/motion')
-     */
-    animationDuration?: number;
-}
-export declare const getLabel: (value: number, overLimitLabel?: string | undefined, limit?: number | undefined) => string;
-/**
- * Display reaction count next to the emoji button
- */
-export declare const Counter: React.FC<CounterProps>;

package/dist/types-ts4.0/components/Counter/index.d.ts

@@ -1,3 +0,0 @@
-export { Counter, RENDER_COUNTER_TESTID, RENDER_COMPONENT_WRAPPER, RENDER_LABEL_TESTID, } from './Counter';
-export type { CounterProps } from './Counter';
-export * as styles from './styles';

package/dist/types-ts4.0/components/Counter/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const countStyle: import("@emotion/react").SerializedStyles;
-export declare const highlightStyle: import("@emotion/react").SerializedStyles;
-export declare const containerStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/EmojiButton/EmojiButton.d.ts

@@ -1,22 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { EmojiId, OnEmojiEvent, EmojiProvider } from '@atlaskit/emoji';
-export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
-export interface EmojiButtonProps {
-    /**
-     * identifier info for a given emoji
-     */
-    emojiId: EmojiId;
-    /**
-     * Async provider to fetch the emoji
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Event handler when a new emoji is selected
-     */
-    onClick: OnEmojiEvent;
-}
-/**
- * custom button to render the custom emoji selector inside the reaction picker
- */
-export declare const EmojiButton: React.FC<EmojiButtonProps>;

package/dist/types-ts4.0/components/EmojiButton/index.d.ts

@@ -1,2 +0,0 @@
-export { EmojiButton, RENDER_BUTTON_TESTID } from './EmojiButton';
-export type { EmojiButtonProps } from './EmojiButton';

package/dist/types-ts4.0/components/EmojiButton/styles.d.ts

@@ -1 +0,0 @@
-export declare const emojiButtonStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/FlashAnimation/FlashAnimation.d.ts

@@ -1,20 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-export interface FlashAnimationProps {
-    /**
-     * Optional wrapper div class anme
-     */
-    className?: string;
-    /**
-     * Show custom animation or render as standard without animation (defaults to false)
-     */
-    flash?: boolean;
-}
-/**
- * Test id for wrapper FlashAnimation div
- */
-export declare const RENDER_FLASHANIMATION_TESTID = "flash-animation";
-/**
- * Flash animation background component. See Reaction component for usage.
- */
-export declare const FlashAnimation: React.FC<FlashAnimationProps>;

package/dist/types-ts4.0/components/FlashAnimation/index.d.ts

@@ -1,2 +0,0 @@
-export { FlashAnimation, RENDER_FLASHANIMATION_TESTID } from './FlashAnimation';
-export type { FlashAnimationProps } from './FlashAnimation';

package/dist/types-ts4.0/components/FlashAnimation/styles.d.ts

@@ -1,5 +0,0 @@
-/** @jsx jsx */
-import { keyframes } from '@emotion/react';
-export declare const flashAnimation: typeof keyframes;
-export declare const containerStyle: import("@emotion/react").SerializedStyles;
-export declare const flashStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/Reaction/Reaction.d.ts

@@ -1,38 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { EmojiProvider } from '@atlaskit/emoji';
-import { ReactionSummary, ReactionClick, ReactionMouseEnter } from '../../types';
-/**
- * Test id for Reaction item wrapper div
- */
-export declare const RENDER_REACTION_TESTID = "render_reaction_wrapper";
-export interface ReactionProps {
-    /**
-     * Data for the reaction
-     */
-    reaction: ReactionSummary;
-    /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * event handler when the emoji button is clicked
-     */
-    onClick: ReactionClick;
-    /**
-     * Optional wrapper reaction <button /> class name
-     */
-    className?: string;
-    /**
-     * Optional event when the mouse cursor hovers over the reaction
-     */
-    onMouseEnter?: ReactionMouseEnter;
-    /**
-     * Show custom animation or render as standard without animation (defaults to false)
-     */
-    flash?: boolean;
-}
-/**
- * Render an emoji reaction button
- */
-export declare const Reaction: React.FC<ReactionProps>;

package/dist/types-ts4.0/components/Reaction/index.d.ts

@@ -1,2 +0,0 @@
-export { Reaction, RENDER_REACTION_TESTID } from './Reaction';
-export type { ReactionProps } from './Reaction';

package/dist/types-ts4.0/components/Reaction/styles.d.ts

@@ -1,10 +0,0 @@
-/**
- * Styling Note:
- * Padding and line height are set within the child components
- * of FlashAnimation b/c it otherwise throws off the flash styling
- */
-export declare const emojiStyle: import("@emotion/react").SerializedStyles;
-export declare const reactionStyle: import("@emotion/react").SerializedStyles;
-export declare const reactedStyle: import("@emotion/react").SerializedStyles;
-export declare const flashHeight: number;
-export declare const flashStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/ReactionPicker/ReactionPicker.d.ts

@@ -1,50 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { EmojiProvider } from '@atlaskit/emoji/resource';
-import { SelectorProps } from '../Selector';
-import { TriggerProps } from '../Trigger';
-import { ReactionSource } from '../../types';
-/**
- * Test id for wrapper ReactionPicker div
- */
-export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
-export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
-    /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
-     */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
-    /**
-     * Optional class name
-     */
-    className?: string;
-    /**
-     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
-     */
-    allowAllEmojis?: boolean;
-    /**
-     * Enable/Disable the button to be clickable (defaults to false)
-     */
-    disabled?: boolean;
-    /**
-     * Optional event handler when the emoji picker is opened
-     */
-    onOpen?: () => void;
-    /**
-     * Optional event handler when the emoji picker is clicked outside and closed
-     */
-    onCancel?: () => void;
-    /**
-     * Optional event handler when the custom emoji picker icon is selected
-     */
-    onShowMore?: () => void;
-}
-/**
- * Picker component for adding reactions
- */
-export declare const ReactionPicker: React.FC<ReactionPickerProps>;

package/dist/types-ts4.0/components/ReactionPicker/index.d.ts

@@ -1,2 +0,0 @@
-export { ReactionPicker, RENDER_REACTIONPICKER_TESTID } from './ReactionPicker';
-export type { ReactionPickerProps } from './ReactionPicker';

package/dist/types-ts4.0/components/ReactionPicker/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const pickerStyle: import("@emotion/react").SerializedStyles;
-export declare const contentStyle: import("@emotion/react").SerializedStyles;
-export declare const popupStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/ReactionTooltip/ReactionTooltip.d.ts

@@ -1,22 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { ReactionSummary } from '../../types';
-/**
- * Test id for wrapper ReactionTooltip div
- */
-export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
-export interface ReactionTooltipProps {
-    /**
-     * Optional name for the reaction emoji
-     */
-    emojiName?: string;
-    /**
-     * Info on the emoji reaction to render
-     */
-    reaction: ReactionSummary;
-    /**
-     * Optional Max users to show in the displayed tooltip (defaults to 5)
-     */
-    maxReactions?: number;
-}
-export declare const ReactionTooltip: React.FC<ReactionTooltipProps>;

package/dist/types-ts4.0/components/ReactionTooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { ReactionTooltip, RENDER_REACTIONTOOLTIP_TESTID, } from './ReactionTooltip';
-export type { ReactionTooltipProps } from './ReactionTooltip';

package/dist/types-ts4.0/components/ReactionTooltip/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const verticalMargin = 5;
-export declare const tooltipStyle: import("@emotion/react").SerializedStyles;
-export declare const emojiNameStyle: import("@emotion/react").SerializedStyles;
-export declare const footerStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/Reactions/Reactions.d.ts

@@ -1,57 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { ReactionStatus, ReactionClick, ReactionSummary, QuickReactionEmojiSummary } from '../../types';
-import { ReactionPickerProps } from '../ReactionPicker';
-import { SelectorProps } from '../Selector';
-/**
- * Test id for wrapper Reactions div
- */
-export declare const RENDER_REACTIONS_TESTID = "render-reactions";
-export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
-    /**
-     * event handler to fetching the reactions
-     */
-    loadReaction: () => void;
-    /**
-     * Event callback when an emoji button is selected
-     */
-    onSelection: (emojiId: string) => void;
-    /**
-     * Optional list of reactions to render (defaults to empty list)
-     */
-    reactions?: ReactionSummary[];
-    /**
-     * Condition for the reaction list status while been fetched
-     */
-    status: ReactionStatus;
-    /**
-     * event handler when the emoji button is clicked
-     */
-    onReactionClick: ReactionClick;
-    /**
-     * Optional emoji reactions list to show custom animation or render as standard (key => emoji string "id", value => true/false to show custom animation)
-     */
-    flash?: Record<string, boolean>;
-    /**
-     * Optional event when the mouse cursor hovers over the reaction
-     * @param emojiId hovered reaction emoji id
-     */
-    onReactionHover?: (emojiId: string) => void;
-    /**
-     * Optional error message to show when unable to display the reaction emoji
-     */
-    errorMessage?: string;
-    /**
-     * quickReactionEmojis are emojis that will be shown in the the primary view even if the reaction count is zero
-     */
-    quickReactionEmojis?: QuickReactionEmojiSummary;
-}
-/**
- * Get content of the tooltip
- */
-export declare function getTooltip(status: ReactionStatus, errorMessage?: string): string | jsx.JSX.Element | null;
-/**
- * Renders list of reactions
- */
-export declare const Reactions: React.FC<ReactionsProps>;

package/dist/types-ts4.0/components/Reactions/index.d.ts

@@ -1,2 +0,0 @@
-export { Reactions, RENDER_REACTIONS_TESTID } from './Reactions';
-export type { ReactionsProps } from './Reactions';

package/dist/types-ts4.0/components/Reactions/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const reactionStyle: import("@emotion/react").SerializedStyles;
-export declare const wrapperStyle: import("@emotion/react").SerializedStyles;