@atlaskit/reactions 30.0.6 → 30.0.8

package/dist/esm/components/Counter/Counter.js

@@ -1,97 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo, useRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import { SlideIn, ExitingPersistence } from '@atlaskit/motion';
-// eslint-disable-next-line @atlaskit/design-system/no-banned-imports
-
-import { formatLargeNumber } from '../../shared/utils';
-import { containerStyle, counterLabelStyle, countStyle, highlightStyle, darkerFontStyle, updatedStyles } from './styles';
-
-/**
- * Test id for component top level div
- */
-export var RENDER_COMPONENT_WRAPPER = 'counter-wrapper';
-
-/**
- * Test id for wrapper div of the counter inside the slider
- */
-export var RENDER_COUNTER_TESTID = 'counter-container';
-
-/**
- * Counter label value wrapper div
- */
-export var RENDER_LABEL_TESTID = 'counter_label_wrapper';
-/**
- * Display reaction count next to the emoji button
- */
-export var Counter = function Counter(_ref) {
-  var _ref$highlight = _ref.highlight,
-    highlight = _ref$highlight === void 0 ? false : _ref$highlight,
-    limit = _ref.limit,
-    overLimitLabel = _ref.overLimitLabel,
-    className = _ref.className,
-    value = _ref.value,
-    _ref$animationDuratio = _ref.animationDuration,
-    animationDuration = _ref$animationDuratio === void 0 ? 'medium' : _ref$animationDuratio,
-    useDarkerFont = _ref.useDarkerFont,
-    useUpdatedStyles = _ref.useUpdatedStyles;
-  var getLabel = function getLabel(value) {
-    // Check if reached limit
-    if (limit && overLimitLabel && value >= limit) {
-      return overLimitLabel || '';
-    } else if (value === 0) {
-      return '';
-    } else {
-      return formatLargeNumber(value);
-    }
-  };
-  var lastValue = useRef();
-  var label = getLabel(value);
-  useEffect(function () {
-    lastValue.current = value;
-  }, [value]);
-  var isIncreasing = useMemo(function () {
-    return lastValue.current ? lastValue.current < value : false;
-  }, [value]);
-  var fontStyles = useDarkerFont ? [darkerFontStyle] : [];
-  var additionalStyles = useUpdatedStyles ? [updatedStyles] : [];
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: className,
-    "data-testid": RENDER_COMPONENT_WRAPPER
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: [countStyle].concat(fontStyles, additionalStyles)
-  }, jsx(ExitingPersistence, null, jsx(SlideIn, {
-    enterFrom: isIncreasing ? 'top' : 'bottom',
-    exitTo: isIncreasing ? 'top' : 'bottom',
-    key: value,
-    duration: animationDuration
-  }, function (motion, direction) {
-    return jsx("div", {
-      ref: motion.ref,
-      css: [
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      containerStyle,
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        position: direction === 'exiting' ? 'absolute' : undefined
-      })]
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: motion.className,
-      "data-testid": RENDER_COUNTER_TESTID
-    }, jsx("span", {
-      "data-testid": RENDER_LABEL_TESTID
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: highlight ? [counterLabelStyle, highlightStyle] : counterLabelStyle,
-      key: value
-    }, label));
-  })));
-};

package/dist/esm/components/Counter/index.js

@@ -1 +0,0 @@
-export { Counter, RENDER_COUNTER_TESTID, RENDER_COMPONENT_WRAPPER, RENDER_LABEL_TESTID } from './Counter';

package/dist/esm/components/Counter/styles.js

@@ -1,43 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { N90, B400 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var countStyle = css({
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: "var(--ds-text-subtlest, ".concat(N90, ")"),
-  overflow: 'hidden',
-  position: 'relative',
-  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)", " 0"),
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '14px'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var containerStyle = css({
-  display: 'flex',
-  flexDirection: 'column'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var highlightStyle = css({
-  color: "var(--ds-text-selected, ".concat(B400, ")")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var counterLabelStyle = css({
-  fontVariantNumeric: 'tabular-nums'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var darkerFontStyle = css({
-  color: "var(--ds-text-subtle, #44546F)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var updatedStyles = css({
-  marginTop: "var(--ds-space-025, 2px)"
-});

package/dist/esm/components/EmojiButton/EmojiButton.js

@@ -1,54 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import { Pressable, xcss } from '@atlaskit/primitives';
-import { messages } from '../../shared/i18n';
-import { isLeftClick } from '../../shared/utils';
-var emojiButtonStyles = xcss({
-  outline: 'none',
-  display: 'flex',
-  backgroundColor: 'color.background.neutral.subtle',
-  border: 0,
-  borderRadius: 'border.radius',
-  margin: 'space.0',
-  padding: 'space.100',
-  // @ts-expect-error - Nested selectors not supported in XCSS
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  ':hover > span': {
-    transition: 'transform cubic-bezier(0.23, 1, 0.32, 1) 200ms',
-    transform: 'scale(1.33)'
-  }
-});
-export var RENDER_BUTTON_TESTID = 'button-emoji-id';
-/**
- * custom button to render the custom emoji selector inside the reaction picker
- */
-export var EmojiButton = function EmojiButton(_ref) {
-  var emojiId = _ref.emojiId,
-    onClick = _ref.onClick,
-    emojiProvider = _ref.emojiProvider;
-  var onButtonClick = function onButtonClick(event) {
-    event.preventDefault();
-    if (onClick && isLeftClick(event)) {
-      onClick(emojiId, undefined, event);
-    }
-  };
-  var intl = useIntl();
-  return jsx(Pressable, {
-    testId: RENDER_BUTTON_TESTID,
-    onClick: onButtonClick,
-    "aria-label": intl.formatMessage(messages.reactWithEmoji, {
-      emoji: emojiId.shortName
-    }),
-    xcss: emojiButtonStyles
-  }, jsx(ResourcedEmoji, {
-    emojiProvider: emojiProvider,
-    emojiId: emojiId
-  }));
-};

package/dist/esm/components/EmojiButton/index.js

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

package/dist/esm/components/FlashAnimation/FlashAnimation.js

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { containerStyle, flashStyle } from './styles';
-/**
- * Test id for wrapper FlashAnimation div
- */
-export var RENDER_FLASHANIMATION_TESTID = 'flash-animation';
-
-/**
- * Flash animation background component. See Reaction component for usage.
- */
-export var FlashAnimation = function FlashAnimation(props) {
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: props.className
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: [containerStyle, props.flash && flashStyle],
-    "data-testid": RENDER_FLASHANIMATION_TESTID
-  }, props.children);
-};

package/dist/esm/components/FlashAnimation/index.js

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

package/dist/esm/components/FlashAnimation/styles.js

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-import { B75, B300 } from '@atlaskit/theme/colors';
-var flashTime = 700;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var flashAnimation = keyframes({
-  '0%': {
-    backgroundColor: 'transparent'
-  },
-  '20%': {
-    backgroundColor: "var(--ds-background-selected-pressed, ".concat(B75, ")"),
-    borderColor: "var(--ds-border-selected, ".concat(B300, ")")
-  },
-  '75%': {
-    backgroundColor: "var(--ds-background-selected-pressed, ".concat(B75, ")"),
-    borderColor: "var(--ds-border-selected, ".concat(B300, ")")
-  },
-  '100%': {
-    backgroundColor: "var(--ds-background-selected-pressed, ".concat(B75, ")"),
-    borderColor: "var(--ds-border-selected, ".concat(B300, ")")
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var containerStyle = css({
-  width: '100%',
-  height: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var flashStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  animation: "".concat(flashAnimation, " ").concat(flashTime, "ms ease-in-out")
-});

package/dist/esm/components/Reaction/Reaction.js

@@ -1,198 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useIntl } from 'react-intl-next';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../../analytics';
-import { Counter } from '../Counter';
-import { ReactionParticleEffect } from '../ReactionParticleEffect';
-import { ReactionTooltip } from '../ReactionTooltip';
-import { messages } from '../../shared/i18n';
-import { isLeftClick } from '../../shared/utils';
-import { emojiStyle, emojiNoReactionStyle } from './styles';
-import { ReactionButton } from './ReactionButton';
-import { StaticReaction } from './StaticReaction';
-/**
- * Test id for Reaction item wrapper div
- */
-export var RENDER_REACTION_TESTID = 'render_reaction_wrapper';
-var containerStyles = xcss({
-  position: 'relative'
-});
-var borderlessStyle = xcss({
-  border: 'none'
-});
-var reactedStyles = xcss({
-  backgroundColor: 'color.background.selected',
-  borderColor: 'color.border.selected',
-  ':hover': {
-    backgroundColor: 'color.background.selected.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.selected.pressed'
-  }
-});
-var opaqueBackgroundStyles = xcss({
-  backgroundColor: 'elevation.surface',
-  ':hover': {
-    backgroundColor: 'elevation.surface.hovered'
-  },
-  ':active': {
-    backgroundColor: 'elevation.surface.pressed'
-  }
-});
-
-/**
- * Render an emoji reaction button
- */
-export var Reaction = function Reaction(_ref) {
-  var emojiProvider = _ref.emojiProvider,
-    onClick = _ref.onClick,
-    reaction = _ref.reaction,
-    _ref$onMouseEnter = _ref.onMouseEnter,
-    onMouseEnter = _ref$onMouseEnter === void 0 ? function () {} : _ref$onMouseEnter,
-    _ref$onFocused = _ref.onFocused,
-    onFocused = _ref$onFocused === void 0 ? function () {} : _ref$onFocused,
-    _ref$flash = _ref.flash,
-    flash = _ref$flash === void 0 ? false : _ref$flash,
-    _ref$showParticleEffe = _ref.showParticleEffect,
-    showParticleEffect = _ref$showParticleEffe === void 0 ? false : _ref$showParticleEffe,
-    _ref$showOpaqueBackgr = _ref.showOpaqueBackground,
-    showOpaqueBackground = _ref$showOpaqueBackgr === void 0 ? false : _ref$showOpaqueBackgr,
-    allowUserDialog = _ref.allowUserDialog,
-    handleOpenReactionsDialog = _ref.handleOpenReactionsDialog,
-    _ref$isViewOnly = _ref.isViewOnly,
-    isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
-    showSubtleStyle = _ref.showSubtleStyle;
-  var intl = useIntl();
-  var hoverStart = useRef();
-  var focusStart = useRef();
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    emojiName = _useState2[0],
-    setEmojiName = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isTooltipEnabled = _useState4[0],
-    setIsTooltipEnabled = _useState4[1];
-  var reacted = reaction.reacted;
-  var emojiId = {
-    id: reaction.emojiId,
-    shortName: ''
-  };
-
-  // TODO: Extract the flow to a custom hook to retrieve emoji detailed description from an id using a custom hook. This will benefit a better optimization instead of the emojiProvider resolving everytime.
-  // Also optimize in future version to fetch in batch several emojiIds
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var emojiResource, foundEmoji;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return Promise.resolve(emojiProvider);
-          case 2:
-            emojiResource = _context.sent;
-            _context.next = 5;
-            return emojiResource.findById(reaction.emojiId);
-          case 5:
-            foundEmoji = _context.sent;
-            if (foundEmoji) {
-              setEmojiName(foundEmoji.name);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
-  }, [emojiProvider, reaction.emojiId]);
-  var handleClick = useCallback(function (event) {
-    event.preventDefault();
-    if (isLeftClick(event)) {
-      var _reacted = reaction.reacted,
-        _emojiId = reaction.emojiId;
-      createAndFireSafe(createAnalyticsEvent, createReactionClickedEvent, !_reacted, _emojiId);
-      onClick(reaction.emojiId, event);
-    }
-  }, [createAnalyticsEvent, reaction, onClick]);
-  var handleMouseEnter = useCallback(function (event) {
-    event.preventDefault();
-    setIsTooltipEnabled(true);
-    if (!reaction.users || !reaction.users.length) {
-      focusStart.current = Date.now();
-    }
-    createAndFireSafe(createAnalyticsEvent, createReactionHoveredEvent, focusStart.current);
-    onMouseEnter(reaction.emojiId, event);
-  }, [createAnalyticsEvent, reaction, onMouseEnter]);
-  var handleFocused = useCallback(function (event) {
-    event.preventDefault();
-    setIsTooltipEnabled(true);
-    if (!reaction.users || !reaction.users.length) {
-      hoverStart.current = Date.now();
-    }
-    createAndFireSafe(createAnalyticsEvent, createReactionFocusedEvent, hoverStart.current);
-    onFocused(reaction.emojiId, event);
-  }, [createAnalyticsEvent, reaction, onFocused]);
-  var dismissTooltip = function dismissTooltip() {
-    setIsTooltipEnabled(false);
-  };
-  var buttonStyles = [].concat(_toConsumableArray(showOpaqueBackground ? [opaqueBackgroundStyles] : []), _toConsumableArray(showSubtleStyle ? [borderlessStyle] : []));
-  var emojiAndCount = jsx(Inline, null, jsx("div", {
-    css: [emojiStyle, reaction.count === 0 && emojiNoReactionStyle]
-  }, jsx(ResourcedEmoji, {
-    emojiProvider: emojiProvider,
-    emojiId: emojiId,
-    fitToHeight: 16
-  })), jsx(Counter, {
-    value: reaction.count,
-    highlight: !isViewOnly && reaction.reacted
-  }));
-  return jsx(Box, {
-    xcss: containerStyles
-  }, showParticleEffect && jsx(ReactionParticleEffect, {
-    emojiId: emojiId,
-    emojiProvider: emojiProvider
-  }), jsx(ReactionTooltip, {
-    emojiName: emojiName,
-    reaction: reaction,
-    isEnabled: isTooltipEnabled,
-    allowUserDialog: allowUserDialog,
-    handleOpenReactionsDialog: handleOpenReactionsDialog,
-    dismissTooltip: dismissTooltip
-  }, isViewOnly ? jsx(StaticReaction, {
-    onMouseEnter: handleMouseEnter,
-    onFocus: handleFocused,
-    testId: RENDER_REACTION_TESTID,
-    dataAttributes: {
-      'data-emoji-id': reaction.emojiId
-    }
-  }, emojiAndCount) : jsx(ReactionButton, {
-    onClick: handleClick,
-    flash: flash,
-    additionalStyles: reaction.reacted ? [reactedStyles] : buttonStyles,
-    ariaLabel: intl.formatMessage(messages.reactWithEmoji, {
-      emoji: emojiName
-    }),
-    ariaPressed: reacted,
-    onMouseEnter: handleMouseEnter,
-    onFocus: handleFocused,
-    testId: RENDER_REACTION_TESTID,
-    dataAttributes: {
-      'data-emoji-id': reaction.emojiId,
-      'data-emoji-button-id': reaction.emojiId
-    }
-  }, emojiAndCount)));
-};

package/dist/esm/components/Reaction/ReactionButton.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { Pressable, xcss } from '@atlaskit/primitives';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FlashAnimation } from '../FlashAnimation';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-import { flashStyle, flashStyleOld } from './styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-
-// please sync reaction styles that are not button-specific with StaticReaction.tsx
-var reactionButtonStyles = xcss({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-  minWidth: '36px',
-  height: '24px',
-  backgroundColor: 'color.background.neutral.subtle',
-  borderWidth: 'border.width',
-  borderStyle: 'solid',
-  borderColor: 'color.border',
-  borderRadius: 'border.radius.circle',
-  color: 'color.text.subtle',
-  marginBlockStart: 'space.050',
-  marginInlineEnd: 'space.050',
-  padding: 'space.0',
-  overflow: 'hidden',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var reactionStylesRefresh = xcss({
-  borderRadius: 'border.radius'
-});
-export var ReactionButton = function ReactionButton(_ref) {
-  var onClick = _ref.onClick,
-    _ref$flash = _ref.flash,
-    flash = _ref$flash === void 0 ? false : _ref$flash,
-    _ref$additionalStyles = _ref.additionalStyles,
-    additionalStyles = _ref$additionalStyles === void 0 ? [] : _ref$additionalStyles,
-    ariaLabel = _ref.ariaLabel,
-    ariaPressed = _ref.ariaPressed,
-    onMouseEnter = _ref.onMouseEnter,
-    onFocus = _ref.onFocus,
-    children = _ref.children,
-    _ref$dataAttributes = _ref.dataAttributes,
-    dataAttributes = _ref$dataAttributes === void 0 ? {} : _ref$dataAttributes,
-    testId = _ref.testId;
-  return jsx(Pressable, _extends({
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onFocus: onFocus,
-    "aria-label": ariaLabel,
-    "aria-pressed": ariaPressed,
-    testId: testId,
-    xcss: [reactionButtonStyles].concat(_toConsumableArray(additionalStyles), [
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    fg('platform-component-visual-refresh') && reactionStylesRefresh])
-  }, dataAttributes), jsx(FlashAnimation, {
-    flash: flash
-    /* eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */,
-    css: fg('platform-component-visual-refresh') ? flashStyle : flashStyleOld
-  }, children));
-};

package/dist/esm/components/Reaction/StaticReaction.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { Box, xcss } from '@atlaskit/primitives';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-
-// please sync reaction styles that are not button-specific with ReactionButton.tsx
-var staticReactionStyles = xcss({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-  minWidth: '36px',
-  height: '24px',
-  backgroundColor: 'color.background.neutral.subtle',
-  color: 'color.text.subtle',
-  marginBlockStart: 'space.050',
-  marginInlineEnd: 'space.050',
-  padding: 'space.0',
-  overflow: 'hidden',
-  border: 'none',
-  borderRadius: 'border.radius',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered',
-    cursor: 'default'
-  }
-});
-export var StaticReaction = function StaticReaction(_ref) {
-  var onMouseEnter = _ref.onMouseEnter,
-    onFocus = _ref.onFocus,
-    children = _ref.children,
-    testId = _ref.testId,
-    _ref$dataAttributes = _ref.dataAttributes,
-    dataAttributes = _ref$dataAttributes === void 0 ? {} : _ref$dataAttributes;
-  return jsx(Box, _extends({
-    onMouseEnter: onMouseEnter,
-    onFocus: onFocus,
-    testId: testId,
-    xcss: staticReactionStyles
-  }, dataAttributes), children);
-};

package/dist/esm/components/Reaction/index.js

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