@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.3

package/dist/Token/Token.js

@@ -0,0 +1,284 @@
+import { c } from 'react-compiler-runtime';
+import { forwardRef } from 'react';
+import TokenBase, { isTokenInteractive, defaultTokenSize } from './TokenBase.js';
+import RemoveTokenButton from './_RemoveTokenButton.js';
+import TokenTextContainer from './_TokenTextContainer.js';
+import VisuallyHidden from '../_VisuallyHidden.js';
+import classes from './Token.module.css.js';
+import { clsx } from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const tokenBorderWidthPx = 1;
+const LeadingVisualContainer = t0 => {
+  const $ = c(7);
+  const {
+    children,
+    size
+  } = t0;
+  let t1;
+  if ($[0] !== size) {
+    t1 = size && ["large", "xlarge"].includes(size);
+    $[0] = size;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = clsx(classes.LeadingVisualContainer, {
+      [classes.LargeLeadingVisual]: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== children || $[5] !== t2) {
+    t3 = /*#__PURE__*/jsx("div", {
+      className: t2,
+      children: children
+    });
+    $[4] = children;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const $ = c(66);
+  let LeadingVisual;
+  let as;
+  let className;
+  let hideRemoveButton;
+  let href;
+  let id;
+  let onClick;
+  let onRemove;
+  let rest;
+  let style;
+  let t0;
+  let text;
+  if ($[0] !== props) {
+    ({
+      as,
+      onRemove,
+      id,
+      leadingVisual: LeadingVisual,
+      text,
+      size: t0,
+      hideRemoveButton,
+      href,
+      onClick,
+      className,
+      style,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = LeadingVisual;
+    $[2] = as;
+    $[3] = className;
+    $[4] = hideRemoveButton;
+    $[5] = href;
+    $[6] = id;
+    $[7] = onClick;
+    $[8] = onRemove;
+    $[9] = rest;
+    $[10] = style;
+    $[11] = t0;
+    $[12] = text;
+  } else {
+    LeadingVisual = $[1];
+    as = $[2];
+    className = $[3];
+    hideRemoveButton = $[4];
+    href = $[5];
+    id = $[6];
+    onClick = $[7];
+    onRemove = $[8];
+    rest = $[9];
+    style = $[10];
+    t0 = $[11];
+    text = $[12];
+  }
+  const size = t0 === undefined ? defaultTokenSize : t0;
+  let t1;
+  if ($[13] !== hideRemoveButton || $[14] !== onRemove || $[15] !== props) {
+    t1 = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
+    $[13] = hideRemoveButton;
+    $[14] = onRemove;
+    $[15] = props;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
+  }
+  const hasMultipleActionTargets = t1;
+  let t2;
+  if ($[17] !== onRemove) {
+    t2 = e => {
+      e.stopPropagation();
+      onRemove && onRemove();
+    };
+    $[17] = onRemove;
+    $[18] = t2;
+  } else {
+    t2 = $[18];
+  }
+  const onRemoveClick = t2;
+  let t3;
+  if ($[19] !== as || $[20] !== href || $[21] !== onClick) {
+    t3 = {
+      as,
+      href,
+      onClick
+    };
+    $[19] = as;
+    $[20] = href;
+    $[21] = onClick;
+    $[22] = t3;
+  } else {
+    t3 = $[22];
+  }
+  const interactiveTokenProps = t3;
+  let t4;
+  if ($[23] !== id) {
+    var _id;
+    t4 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[23] = id;
+    $[24] = t4;
+  } else {
+    t4 = $[24];
+  }
+  let t5;
+  if ($[25] !== className) {
+    t5 = clsx(className, classes.Token);
+    $[25] = className;
+    $[26] = t5;
+  } else {
+    t5 = $[26];
+  }
+  const t6 = !(hideRemoveButton || !onRemove);
+  let t7;
+  if ($[27] !== hasMultipleActionTargets || $[28] !== interactiveTokenProps) {
+    t7 = !hasMultipleActionTargets ? interactiveTokenProps : {};
+    $[27] = hasMultipleActionTargets;
+    $[28] = interactiveTokenProps;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[30] !== style) {
+    t8 = {
+      borderWidth: `${tokenBorderWidthPx}px`,
+      ...style
+    };
+    $[30] = style;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  let t9;
+  if ($[32] !== LeadingVisual || $[33] !== size) {
+    t9 = LeadingVisual ? /*#__PURE__*/jsx(LeadingVisualContainer, {
+      size: size,
+      children: /*#__PURE__*/jsx(LeadingVisual, {})
+    }) : null;
+    $[32] = LeadingVisual;
+    $[33] = size;
+    $[34] = t9;
+  } else {
+    t9 = $[34];
+  }
+  let t10;
+  if ($[35] !== hasMultipleActionTargets || $[36] !== interactiveTokenProps) {
+    t10 = hasMultipleActionTargets ? interactiveTokenProps : {};
+    $[35] = hasMultipleActionTargets;
+    $[36] = interactiveTokenProps;
+    $[37] = t10;
+  } else {
+    t10 = $[37];
+  }
+  let t11;
+  if ($[38] !== onRemove) {
+    t11 = onRemove && /*#__PURE__*/jsx(VisuallyHidden, {
+      children: " (press backspace or delete to remove)"
+    });
+    $[38] = onRemove;
+    $[39] = t11;
+  } else {
+    t11 = $[39];
+  }
+  let t12;
+  if ($[40] !== t10 || $[41] !== t11 || $[42] !== text) {
+    t12 = /*#__PURE__*/jsxs(TokenTextContainer, {
+      ...t10,
+      children: [text, t11]
+    });
+    $[40] = t10;
+    $[41] = t11;
+    $[42] = text;
+    $[43] = t12;
+  } else {
+    t12 = $[43];
+  }
+  let t13;
+  if ($[44] !== hasMultipleActionTargets || $[45] !== hideRemoveButton || $[46] !== onRemove || $[47] !== onRemoveClick || $[48] !== props || $[49] !== size) {
+    t13 = !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
+      borderOffset: tokenBorderWidthPx,
+      onClick: onRemoveClick,
+      size: size,
+      isParentInteractive: isTokenInteractive(props),
+      "aria-hidden": hasMultipleActionTargets ? "true" : "false"
+    }) : null;
+    $[44] = hasMultipleActionTargets;
+    $[45] = hideRemoveButton;
+    $[46] = onRemove;
+    $[47] = onRemoveClick;
+    $[48] = props;
+    $[49] = size;
+    $[50] = t13;
+  } else {
+    t13 = $[50];
+  }
+  let t14;
+  if ($[51] !== forwardedRef || $[52] !== onRemove || $[53] !== props.isSelected || $[54] !== rest || $[55] !== size || $[56] !== t12 || $[57] !== t13 || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7 || $[62] !== t8 || $[63] !== t9 || $[64] !== text) {
+    t14 = /*#__PURE__*/jsxs(TokenBase, {
+      onRemove: onRemove,
+      id: t4,
+      className: t5,
+      text: text,
+      size: size,
+      "data-is-selected": props.isSelected,
+      "data-is-remove-btn": t6,
+      ...t7,
+      ...rest,
+      ref: forwardedRef,
+      style: t8,
+      children: [t9, t12, t13]
+    });
+    $[51] = forwardedRef;
+    $[52] = onRemove;
+    $[53] = props.isSelected;
+    $[54] = rest;
+    $[55] = size;
+    $[56] = t12;
+    $[57] = t13;
+    $[58] = t4;
+    $[59] = t5;
+    $[60] = t6;
+    $[61] = t7;
+    $[62] = t8;
+    $[63] = t9;
+    $[64] = text;
+    $[65] = t14;
+  } else {
+    t14 = $[65];
+  }
+  return t14;
+});
+Token.displayName = 'Token';
+
+export { Token as default };

package/dist/Token/TokenBase.js

@@ -0,0 +1,134 @@
+import { c } from 'react-compiler-runtime';
+import React from 'react';
+import { clsx } from 'clsx';
+import classes from './TokenBase.module.css.js';
+import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { jsx } from 'react/jsx-runtime';
+
+const tokenSizes = {
+  small: '16px',
+  medium: '20px',
+  large: '24px',
+  xlarge: '32px'
+};
+const defaultTokenSize = 'medium';
+const isTokenInteractive = ({
+  as = 'span',
+  onClick,
+  onFocus,
+  tabIndex = -1,
+  disabled
+}) => {
+  if (disabled) {
+    return false;
+  }
+  return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
+};
+const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
+  const $ = c(26);
+  let T0;
+  let id;
+  let rest;
+  let size;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== t0) {
+    const {
+      onRemove,
+      onKeyDown,
+      id: t5,
+      className,
+      size: t6,
+      isSelected: _isSelected,
+      as: t7,
+      ...t8
+    } = t0;
+    id = t5;
+    rest = t8;
+    size = t6 === undefined ? defaultTokenSize : t6;
+    const as = t7 === undefined ? "span" : t7;
+    T0 = BoxWithFallback;
+    t1 = as;
+    if ($[9] !== onKeyDown || $[10] !== onRemove) {
+      t2 = event => {
+        onKeyDown && onKeyDown(event);
+        if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
+          onRemove();
+        }
+      };
+      $[9] = onKeyDown;
+      $[10] = onRemove;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    if ($[12] !== className) {
+      t3 = clsx(classes.TokenBase, className);
+      $[12] = className;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    t4 = isTokenInteractive({
+      as,
+      ...rest
+    });
+    $[0] = t0;
+    $[1] = T0;
+    $[2] = id;
+    $[3] = rest;
+    $[4] = size;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    T0 = $[1];
+    id = $[2];
+    rest = $[3];
+    size = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+  }
+  let t5;
+  if ($[14] !== id) {
+    var _id;
+    t5 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[14] = id;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== T0 || $[17] !== forwardedRef || $[18] !== rest || $[19] !== size || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+    t6 = /*#__PURE__*/jsx(T0, {
+      as: t1,
+      onKeyDown: t2,
+      className: t3,
+      "data-cursor-is-interactive": t4,
+      "data-size": size,
+      id: t5,
+      ...rest,
+      ref: forwardedRef
+    });
+    $[16] = T0;
+    $[17] = forwardedRef;
+    $[18] = rest;
+    $[19] = size;
+    $[20] = t1;
+    $[21] = t2;
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = t5;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  return t6;
+});
+
+export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };

package/dist/Token/_RemoveTokenButton.js

@@ -0,0 +1,117 @@
+import { c } from 'react-compiler-runtime';
+import { XIcon } from '@primer/octicons-react';
+import { clsx } from 'clsx';
+import { defaultTokenSize, tokenSizes } from './TokenBase.js';
+import classes from './_RemoveTokenButton.module.css.js';
+import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { jsx } from 'react/jsx-runtime';
+
+const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
+const RemoveTokenButton = t0 => {
+  const $ = c(24);
+  let ariaLabel;
+  let borderOffset;
+  let className;
+  let isParentInteractive;
+  let rest;
+  let size;
+  if ($[0] !== t0) {
+    const {
+      "aria-label": t1,
+      isParentInteractive: t2,
+      size: t3,
+      className: t4,
+      borderOffset: t5,
+      as: _as,
+      ...t6
+    } = t0;
+    ariaLabel = t1;
+    isParentInteractive = t2;
+    className = t4;
+    rest = t6;
+    size = t3 === undefined ? defaultTokenSize : t3;
+    borderOffset = t5 === undefined ? 0 : t5;
+    delete rest.children;
+    $[0] = t0;
+    $[1] = ariaLabel;
+    $[2] = borderOffset;
+    $[3] = className;
+    $[4] = isParentInteractive;
+    $[5] = rest;
+    $[6] = size;
+  } else {
+    ariaLabel = $[1];
+    borderOffset = $[2];
+    className = $[3];
+    isParentInteractive = $[4];
+    rest = $[5];
+    size = $[6];
+  }
+  const t1 = isParentInteractive ? "span" : "button";
+  const t2 = isParentInteractive ? -1 : undefined;
+  const t3 = !isParentInteractive ? "Remove token" : ariaLabel;
+  let t4;
+  if ($[7] !== className) {
+    t4 = clsx(classes.TokenButton, className);
+    $[7] = className;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const t5 = `translate(${borderOffset}px, -${borderOffset}px)`;
+  let t6;
+  if ($[9] !== t5) {
+    t6 = {
+      transform: t5
+    };
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== size) {
+    t7 = getTokenButtonIconSize(size);
+    $[11] = size;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t7) {
+    t8 = /*#__PURE__*/jsx(XIcon, {
+      size: t7
+    });
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== rest || $[16] !== size || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t6 || $[22] !== t8) {
+    t9 = /*#__PURE__*/jsx(BoxWithFallback, {
+      as: t1,
+      tabIndex: t2,
+      "aria-label": t3,
+      "data-size": size,
+      className: t4,
+      style: t6,
+      ...rest,
+      children: t8
+    });
+    $[15] = rest;
+    $[16] = size;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t6;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
+};
+
+export { RemoveTokenButton as default };

package/dist/Token/index.d.ts

@@ -0,0 +1,6 @@
+export type { TokenSizeKeys } from './TokenBase';
+export { default } from './Token';
+export type { TokenProps } from './Token';
+export { default as IssueLabelToken } from './IssueLabelToken';
+export type { IssueLabelTokenProps } from './IssueLabelToken';
+//# sourceMappingURL=index.d.ts.map

package/dist/Token/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Token/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA"}

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,134 @@
+import { c } from 'react-compiler-runtime';
+import { clsx } from 'clsx';
+import React from 'react';
+import styled from 'styled-components';
+import { get } from '../constants.js';
+import sx from '../sx.js';
+import { jsx } from 'react/jsx-runtime';
+import { useId } from '../hooks/useId.js';
+
+const TooltipBase = styled.span.withConfig({
+  displayName: "Tooltip__TooltipBase",
+  componentId: "sc-17tf59c-0"
+})(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}", ";"], get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.2'), get('space.3'), get('space.3'), get('space.3'), get('space.3'), sx);
+
+/**
+ * @deprecated
+ */
+
+const TooltipContext = /*#__PURE__*/React.createContext({});
+
+/**
+ * @deprecated
+ */
+function Tooltip(t0) {
+  const $ = c(27);
+  let align;
+  let children;
+  let className;
+  let id;
+  let noDelay;
+  let rest;
+  let t1;
+  let text;
+  let wrap;
+  if ($[0] !== t0) {
+    ({
+      direction: t1,
+      children,
+      className,
+      text,
+      noDelay,
+      align,
+      wrap,
+      id,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = align;
+    $[2] = children;
+    $[3] = className;
+    $[4] = id;
+    $[5] = noDelay;
+    $[6] = rest;
+    $[7] = t1;
+    $[8] = text;
+    $[9] = wrap;
+  } else {
+    align = $[1];
+    children = $[2];
+    className = $[3];
+    id = $[4];
+    noDelay = $[5];
+    rest = $[6];
+    t1 = $[7];
+    text = $[8];
+    wrap = $[9];
+  }
+  const direction = t1 === undefined ? "n" : t1;
+  const tooltipId = useId(id);
+  const t2 = `tooltipped-${direction}`;
+  const t3 = align && `tooltipped-align-${align}-2`;
+  const t4 = noDelay && "tooltipped-no-delay";
+  const t5 = wrap && "tooltipped-multiline";
+  let t6;
+  if ($[10] !== className || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+    t6 = clsx(className, t2, t3, t4, t5);
+    $[10] = className;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const classes = t6;
+  let t7;
+  if ($[16] !== tooltipId) {
+    t7 = {
+      tooltipId
+    };
+    $[16] = tooltipId;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const value = t7;
+  let t8;
+  if ($[18] !== children || $[19] !== classes || $[20] !== rest || $[21] !== text || $[22] !== tooltipId) {
+    t8 = /*#__PURE__*/jsx(TooltipBase, {
+      role: "tooltip",
+      "aria-label": text,
+      id: tooltipId,
+      ...rest,
+      className: classes,
+      children: children
+    });
+    $[18] = children;
+    $[19] = classes;
+    $[20] = rest;
+    $[21] = text;
+    $[22] = tooltipId;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  let t9;
+  if ($[24] !== t8 || $[25] !== value) {
+    t9 = /*#__PURE__*/jsx(TooltipContext.Provider, {
+      value: value,
+      children: t8
+    });
+    $[24] = t8;
+    $[25] = value;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
+}
+Tooltip.alignments = ['left', 'right'];
+Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
+
+export { TooltipContext, Tooltip as default };

package/dist/TooltipV2/Tooltip-5a80d7b2.css

@@ -0,0 +1,2 @@
+@keyframes prc-TooltipV2-tooltip-appear-hLf77{0%{opacity:0}to{opacity:1}}.prc-TooltipV2-Tooltip-cYMVY{display:none}.prc-TooltipV2-Tooltip-cYMVY[popover]{margin:auto;max-width:250px;overflow:visible;padding:var(--overlay-paddingBlock-condensed,.25rem) var(--overlay-padding-condensed,.5rem);position:absolute;width:max-content;clip:auto;color:var(--tooltip-fgColor,#fff);font:var(--text-body-shorthand-small,400 .75rem/1.6666 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");text-align:center;word-wrap:break-word;background:var(--tooltip-bgColor,#25292e);border:0;border-radius:var(--borderRadius-medium,.375rem);white-space:normal;-webkit-font-smoothing:subpixel-antialiased;inset:auto;text-wrap:balance}.prc-TooltipV2-Tooltip-cYMVY[popover]:popover-open{display:block}.prc-TooltipV2-Tooltip-cYMVY[popover].\\:popover-open{display:block}@media (forced-colors:active){.prc-TooltipV2-Tooltip-cYMVY{outline:1px solid transparent}}.prc-TooltipV2-Tooltip-cYMVY:after{content:"";display:block;height:var(--overlay-offset,.25rem);left:0;position:absolute;right:0}.prc-TooltipV2-Tooltip-cYMVY[data-direction=n]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=ne]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=nw]:after{top:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=s]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=se]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=sw]:after{bottom:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=w]:after{left:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=e]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=w]:after{bottom:0;content:"";display:block;height:100%;position:absolute;width:8px}.prc-TooltipV2-Tooltip-cYMVY[data-direction=e]:after{margin-left:-8px;right:100%}@media screen and (prefers-reduced-motion:no-preference){.prc-TooltipV2-Tooltip-cYMVY:popover-open,.prc-TooltipV2-Tooltip-cYMVY:popover-open:before{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-TooltipV2-tooltip-appear-hLf77;animation-timing-function:ease-in}.prc-TooltipV2-Tooltip-cYMVY.\\:popover-open,.prc-TooltipV2-Tooltip-cYMVY.\\:popover-open:before{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-TooltipV2-tooltip-appear-hLf77;animation-timing-function:ease-in}}.prc-TooltipV2-KeybindingHintContainer-iabqv.prc-TooltipV2-HasTextBefore-cCzYC{margin-left:var(--base-size-6,.375rem)}
+/*# sourceMappingURL=Tooltip-5a80d7b2.css.map */

package/dist/TooltipV2/Tooltip-5a80d7b2.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TooltipV2/Tooltip.module.css"],"names":[],"mappings":"AACA,8CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,6BAEE,YA6GF,CA3GE,sCAME,WAAY,CAHZ,eAAgB,CAMhB,gBAAiB,CAJjB,2FAA+E,CAJ/E,iBAAkB,CAClB,iBAAkB,CAQlB,SAAU,CAEV,iCAA6B,CAD7B,+KAAsC,CAEtC,iBAAkB,CAClB,oBAAqB,CAErB,yCAAkC,CAClC,QAAS,CACT,gDAAyC,CAHzC,kBAAmB,CAInB,2CAA4C,CAC5C,UAAW,CACX,iBACF,CAGA,mDACE,aACF,CAIA,sDACE,aACF,CAEA,8BAvCF,6BAwCI,6BAuEJ,CAtEE,CAGA,mCAME,UAAW,CAFX,aAAc,CACd,mCAA6B,CAF7B,MAAO,CAFP,iBAAkB,CAClB,OAKF,CAGA,iKAGE,QACF,CAEA,iKAGE,WACF,CAEA,qDAGE,SAKF,CAGA,0GATE,QAAS,CAKT,UAAW,CAHX,aAAc,CAEd,WAAY,CALZ,iBAAkB,CAIlB,SAgBF,CAVA,qDAQE,gBAAiB,CANjB,UAQF,CAGA,yDAEE,2FAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CAGA,iGAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CACF,CAGF,+EACE,sCACF","file":"Tooltip-5a80d7b2.css","sourcesContent":["/* Animation definition */\n@keyframes tooltip-appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.Tooltip {\n  /* Overriding the default popover styles */\n  display: none;\n\n  &[popover] {\n    position: absolute;\n    width: max-content;\n    max-width: 250px;\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--overlay-paddingBlock-condensed) var(--overlay-padding-condensed);\n    margin: auto;\n\n    /* for scrollbar */\n    overflow: visible;\n    clip: auto;\n    font: var(--text-body-shorthand-small);\n    color: var(--tooltip-fgColor);\n    text-align: center;\n    word-wrap: break-word;\n    white-space: normal;\n    background: var(--tooltip-bgColor);\n    border: 0;\n    border-radius: var(--borderRadius-medium);\n    -webkit-font-smoothing: subpixel-antialiased;\n    inset: auto;\n    text-wrap: balance;\n  }\n\n  /* class name in chrome is :popover-open */\n  &[popover]:popover-open {\n    display: block;\n  }\n\n  /* class name in firefox and safari is \\:popover-open */\n  /* stylelint-disable-next-line selector-class-pattern */\n  &[popover]:global(.\\\\:popover-open) {\n    display: block;\n  }\n\n  @media (forced-colors: active) {\n    outline: 1px solid transparent;\n  }\n\n  /* This is needed to keep the tooltip open when the user leaves the trigger element to hover tooltip */\n  &::after {\n    position: absolute;\n    right: 0;\n    left: 0;\n    display: block;\n    height: var(--overlay-offset);\n    content: '';\n  }\n\n  /* South, East, Southeast, Southwest after */\n  &[data-direction='n']::after,\n  &[data-direction='ne']::after,\n  &[data-direction='nw']::after {\n    top: 100%;\n  }\n\n  &[data-direction='s']::after,\n  &[data-direction='se']::after,\n  &[data-direction='sw']::after {\n    bottom: 100%;\n  }\n\n  &[data-direction='w']::after {\n    position: absolute;\n    bottom: 0;\n    left: 100%;\n    display: block;\n    width: 8px;\n    height: 100%;\n    content: '';\n  }\n\n  /* East before and after */\n  &[data-direction='e']::after {\n    position: absolute;\n    right: 100%;\n    bottom: 0;\n    display: block;\n    width: 8px;\n    height: 100%;\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -8px;\n    content: '';\n  }\n\n  /* Only show animations if users don't have a preference for reduced motion */\n  @media screen and (prefers-reduced-motion: no-preference) {\n    /* Animation styles */\n    &:popover-open,\n    &:popover-open::before {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n\n    /* Animation styles */\n    &:global(.\\\\:popover-open) /* stylelint-disable-line selector-class-pattern */,\n    &:global(.\\\\:popover-open)::before /* stylelint-disable-line selector-class-pattern */ {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n  }\n}\n\n.KeybindingHintContainer.HasTextBefore {\n  margin-left: var(--base-size-6);\n}\n"]}

package/dist/TooltipV2/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AASjC,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAK7G,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAChD;IACE,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;CAC7C,GAAG,MAAM,CACX,GACC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAyDnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO;gBAjEJ,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;;;qEA8T/C,CAAA"}