@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.09f015db1

package/lib-esm/Token/IssueLabelToken-99c9b914.css

@@ -1,2 +0,0 @@
-.prc-Token-IssueLabel-ZuoEW:where([data-has-remove-button=true]){padding-right:0}.prc-Token-RemoveButton-H4Dmg:where([data-has-multiple-action-targets=true]){position:relative;z-index:1}
-/*# sourceMappingURL=IssueLabelToken-99c9b914.css.map */

package/lib-esm/Token/IssueLabelToken-99c9b914.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/IssueLabelToken.module.css"],"names":[],"mappings":"AAAA,iEACE,eACF,CAEA,6EACE,iBAAkB,CAClB,SACF","file":"IssueLabelToken-99c9b914.css","sourcesContent":[".IssueLabel:where([data-has-remove-button='true']) {\n  padding-right: 0;\n}\n\n.RemoveButton:where([data-has-multiple-action-targets='true']) {\n  position: relative;\n  z-index: 1;\n}\n"]}

package/lib-esm/Token/IssueLabelToken.js

@@ -1,139 +0,0 @@
-import { forwardRef, useMemo } from 'react';
-import TokenBase, { defaultTokenSize, isTokenInteractive } from './TokenBase.js';
-import RemoveTokenButton from './_RemoveTokenButton.js';
-import { parseToRgba, parseToHsla } from 'color2k';
-import { useTheme } from '../ThemeProvider.js';
-import TokenTextContainer from './_TokenTextContainer.js';
-import classes from './IssueLabelToken.module.css.js';
-import { clsx } from 'clsx';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const tokenBorderWidthPx = 1;
-const lightModeStyles = {
-  '--lightness-threshold': '0.453',
-  '--border-threshold': '0.96',
-  '--border-alpha': 'max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1))',
-  background: 'rgb(var(--label-r), var(--label-g), var(--label-b))',
-  color: 'hsl(0, 0%, calc(var(--lightness-switch) * 100%))',
-  borderWidth: tokenBorderWidthPx,
-  borderStyle: 'solid',
-  borderColor: 'hsla(var(--label-h),calc(var(--label-s) * 1%),calc((var(--label-l) - 25) * 1%),var(--border-alpha))'
-};
-const darkModeStyles = {
-  '--lightness-threshold': '0.6',
-  '--background-alpha': '0.18',
-  '--border-alpha': '0.3',
-  '--lighten-by': 'calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch))',
-  borderWidth: tokenBorderWidthPx,
-  borderStyle: 'solid',
-  background: 'rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha))',
-  color: 'hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))',
-  borderColor: 'hsla(var(--label-h), calc(var(--label-s) * 1%),calc((var(--label-l) + var(--lighten-by)) * 1%),var(--border-alpha))'
-};
-const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
-  const {
-    as,
-    fillColor = '#999',
-    onRemove,
-    id,
-    isSelected,
-    text,
-    size = defaultTokenSize,
-    hideRemoveButton,
-    href,
-    onClick,
-    className,
-    ...rest
-  } = props;
-  const interactiveTokenProps = {
-    as,
-    href,
-    onClick
-  };
-  const {
-    resolvedColorScheme
-  } = useTheme();
-  const hasMultipleActionTargets = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
-  const onRemoveClick = e => {
-    e.stopPropagation();
-    onRemove && onRemove();
-  };
-  const labelStyles = useMemo(() => {
-    const [r, g, b] = parseToRgba(fillColor);
-    const [h, s, l] = parseToHsla(fillColor);
-    const isLightScheme = !(resolvedColorScheme !== null && resolvedColorScheme !== void 0 && resolvedColorScheme.startsWith('dark')); // fall back to light colors for unknown schemes
-
-    // label hack taken from https://github.com/github/github/blob/master/app/assets/stylesheets/hacks/hx_primer-labels.scss#L43-L108
-    // this logic should eventually live in primer/components. Also worthy of note is that the dotcom hack code will be moving to primer/css soon.
-    return {
-      '--label-r': String(r),
-      '--label-g': String(g),
-      '--label-b': String(b),
-      '--label-h': String(Math.round(h)),
-      '--label-s': String(Math.round(s * 100)),
-      '--label-l': String(Math.round(l * 100)),
-      '--perceived-lightness': 'calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)',
-      '--lightness-switch': 'max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))',
-      paddingRight: hideRemoveButton || !onRemove ? undefined : 0,
-      position: 'relative',
-      ...(isLightScheme ? lightModeStyles : darkModeStyles),
-      ...(isSelected ? {
-        background: isLightScheme ? 'hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))' : darkModeStyles.background,
-        ':focus': {
-          outline: 'none'
-        },
-        ':after': {
-          content: '""',
-          position: 'absolute',
-          zIndex: 1,
-          top: `-${tokenBorderWidthPx * 2}px`,
-          right: `-${tokenBorderWidthPx * 2}px`,
-          bottom: `-${tokenBorderWidthPx * 2}px`,
-          left: `-${tokenBorderWidthPx * 2}px`,
-          display: 'block',
-          pointerEvents: 'none',
-          boxShadow: `0 0 0 ${tokenBorderWidthPx * 2}px ${isLightScheme ? 'rgb(var(--label-r), var(--label-g), var(--label-b))' : 'hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))'}`,
-          borderRadius: '999px'
-        }
-      } : {}),
-      ...(isTokenInteractive(props) ? {
-        '&:hover': {
-          ...(isLightScheme ? {
-            backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)), rgb(var(--label-r),var(--label-g),var(--label-b)))'
-          } : {
-            background: 'hsla(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);'
-          }),
-          boxShadow: 'shadow.medium'
-        }
-      } : {})
-    };
-  }, [fillColor, resolvedColorScheme, hideRemoveButton, onRemove, isSelected, props]);
-  return /*#__PURE__*/jsxs(TokenBase, {
-    onRemove: onRemove,
-    id: id === null || id === void 0 ? void 0 : id.toString(),
-    isSelected: isSelected,
-    className: clsx(classes.IssueLabel, className),
-    text: text,
-    size: size,
-    style: labelStyles,
-    "data-has-remove-button": !hideRemoveButton && !!onRemove,
-    ...(!hasMultipleActionTargets ? interactiveTokenProps : {}),
-    ...rest,
-    ref: forwardedRef,
-    children: [/*#__PURE__*/jsx(TokenTextContainer, {
-      ...(hasMultipleActionTargets ? interactiveTokenProps : {}),
-      children: text
-    }), !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
-      borderOffset: tokenBorderWidthPx,
-      onClick: onRemoveClick,
-      size: size,
-      "aria-hidden": hasMultipleActionTargets ? 'true' : 'false',
-      isParentInteractive: isTokenInteractive(props),
-      "data-has-multiple-action-targets": hasMultipleActionTargets,
-      className: classes.RemoveButton
-    }) : null]
-  });
-});
-IssueLabelToken.displayName = 'IssueLabelToken';
-
-export { IssueLabelToken as default };

package/lib-esm/Token/IssueLabelToken.module.css.js

@@ -1,5 +0,0 @@
-import './IssueLabelToken-99c9b914.css';
-
-var classes = {"IssueLabel":"prc-Token-IssueLabel-ZuoEW","RemoveButton":"prc-Token-RemoveButton-H4Dmg"};
-
-export { classes as default };

package/lib-esm/Token/Token.d.ts

@@ -1,13 +0,0 @@
-import type React from 'react';
-import { type SxProp } from '../sx';
-import type { TokenBaseProps } from './TokenBase';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export interface TokenProps extends TokenBaseProps, SxProp {
-    /**
-     * A component that renders before the token text
-     */
-    leadingVisual?: React.ElementType;
-}
-declare const Token: PolymorphicForwardRefComponent<"a" | "button" | "span", TokenProps>;
-export default Token;
-//# sourceMappingURL=Token.d.ts.map

package/lib-esm/Token/TokenBase-0386597b.css

@@ -1,2 +0,0 @@
-.prc-Token-TokenBase-PfQzJ{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);display:inline-flex;font-family:inherit;font-weight:var(--base-text-weight-semibold,600);position:relative;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=true]){cursor:pointer}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=false]){cursor:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:16px;line-height:16px;padding-left:var(--base-size-4,.25rem);padding-right:var(--base-size-4,.25rem);width:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=medium]){font-size:var(--text-body-size-small,.75rem);height:20px;line-height:20px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=large]{font-size:var(--text-body-size-small,.75rem);height:24px;line-height:24px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{font-size:var(--text-body-size-medium,.875rem);height:32px;line-height:32px;padding-bottom:0;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);padding-top:0;width:auto}
-/*# sourceMappingURL=TokenBase-0386597b.css.map */

package/lib-esm/Token/TokenBase-0386597b.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAH7C,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAGF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,sCAAgC,CADhC,uCAAiC,CAFjC,UAOF,CAEA,qDAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,qCAAgC,CADhC,sCAAiC,CAFjC,UAOF,CAEA,4CAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,qCAAgC,CADhC,sCAAiC,CAFjC,UAOF,CAEA,6CAOE,8CAAuC,CALvC,WAAY,CAOZ,gBAAiB,CAJjB,gBAAiB,CACjB,qCAAiC,CAFjC,sCAAkC,CADlC,aAAc,CAFd,UASF","file":"TokenBase-0386597b.css","sourcesContent":[".TokenBase {\n  position: relative;\n  display: inline-flex;\n  font-family: inherit;\n  font-weight: var(--base-text-weight-semibold);\n  text-decoration: none;\n  white-space: nowrap;\n  border-radius: var(--borderRadius-full);\n  align-items: center;\n}\n\n.TokenBase:where([data-cursor-is-interactive='true']) {\n  cursor: pointer;\n}\n\n.TokenBase:where([data-cursor-is-interactive='false']) {\n  cursor: auto;\n}\n\n.TokenBase:where([data-size='small']) {\n  width: auto;\n  height: 16px;\n  padding-right: var(--base-size-4);\n  padding-left: var(--base-size-4);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n}\n\n.TokenBase:where([data-size='medium']) {\n  width: auto;\n  height: 20px;\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n}\n\n.TokenBase[data-size='large'] {\n  width: auto;\n  height: 24px;\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 24px;\n}\n\n.TokenBase[data-size='xlarge'] {\n  width: auto;\n  height: 32px;\n  padding-top: 0;\n  padding-right: var(--base-size-16);\n  padding-bottom: 0;\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 32px;\n}\n"]}

package/lib-esm/Token/TokenBase.d.ts

@@ -1,42 +0,0 @@
-import type { ComponentProps } from 'react';
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type TokenSizeKeys = 'small' | 'medium' | 'large' | 'xlarge';
-export declare const tokenSizes: Record<TokenSizeKeys, string>;
-export declare const defaultTokenSize: TokenSizeKeys;
-export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
-    as?: 'button' | 'a' | 'span';
-    /**
-     * The function that gets called when a user clicks the remove button, or keys "Backspace" or "Delete" when focused on the token
-     */
-    onRemove?: () => void;
-    /**
-     * Whether the remove button should be rendered in the token
-     */
-    hideRemoveButton?: boolean;
-    /**
-     * Whether the token is selected
-     */
-    isSelected?: boolean;
-    /**
-     * The text label inside the token
-     */
-    text: React.ReactNode;
-    /**
-     * A unique identifier that can be associated with the token
-     */
-    id?: number | string;
-    /**
-     * Which size the token will be rendered at
-     */
-    size?: TokenSizeKeys;
-    /**
-     * Whether or not the token is disabled (non-interactive).
-     */
-    disabled?: boolean;
-}
-export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
-declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps & SxProp>;
-export default TokenBase;
-//# sourceMappingURL=TokenBase.d.ts.map

package/lib-esm/Token/TokenBase.js

@@ -1,143 +0,0 @@
-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(27);
-  let className;
-  let id;
-  let onKeyDown;
-  let onRemove;
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    const {
-      onRemove: t3,
-      onKeyDown: t4,
-      id: t5,
-      className: t6,
-      size: t7,
-      isSelected: _isSelected,
-      as: t8,
-      ...t9
-    } = t0;
-    onRemove = t3;
-    onKeyDown = t4;
-    id = t5;
-    className = t6;
-    t1 = t7;
-    t2 = t8;
-    rest = t9;
-    $[0] = t0;
-    $[1] = className;
-    $[2] = id;
-    $[3] = onKeyDown;
-    $[4] = onRemove;
-    $[5] = rest;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    className = $[1];
-    id = $[2];
-    onKeyDown = $[3];
-    onRemove = $[4];
-    rest = $[5];
-    t1 = $[6];
-    t2 = $[7];
-  }
-  const size = t1 === undefined ? defaultTokenSize : t1;
-  const as = t2 === undefined ? "span" : t2;
-  let t3;
-  if ($[8] !== onKeyDown || $[9] !== onRemove) {
-    t3 = event => {
-      onKeyDown && onKeyDown(event);
-      if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
-        onRemove();
-      }
-    };
-    $[8] = onKeyDown;
-    $[9] = onRemove;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== className) {
-    t4 = clsx(classes.TokenBase, className);
-    $[11] = className;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== as || $[14] !== rest) {
-    t5 = isTokenInteractive({
-      as,
-      ...rest
-    });
-    $[13] = as;
-    $[14] = rest;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== id) {
-    var _id;
-    t6 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
-    $[16] = id;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  let t7;
-  if ($[18] !== as || $[19] !== forwardedRef || $[20] !== rest || $[21] !== size || $[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6) {
-    t7 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
-      onKeyDown: t3,
-      className: t4,
-      "data-cursor-is-interactive": t5,
-      "data-size": size,
-      id: t6,
-      ...rest,
-      ref: forwardedRef
-    });
-    $[18] = as;
-    $[19] = forwardedRef;
-    $[20] = rest;
-    $[21] = size;
-    $[22] = t3;
-    $[23] = t4;
-    $[24] = t5;
-    $[25] = t6;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  return t7;
-});
-
-export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };

package/lib-esm/Token/TokenBase.module.css.js

@@ -1,5 +0,0 @@
-import './TokenBase-0386597b.css';
-
-var classes = {"TokenBase":"prc-Token-TokenBase-PfQzJ"};
-
-export { classes as default };

package/lib-esm/Token/_RemoveTokenButton-d7f5985b.css

@@ -1,2 +0,0 @@
-.prc-Token-TokenButton-F4Y8h{align-items:center;align-self:baseline;appearance:none;background-color:transparent;border:0;border-radius:var(--borderRadius-full,624.9375rem);color:currentColor;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;margin-left:var(--base-size-4,.25rem);padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none}.prc-Token-TokenButton-F4Y8h[data-size=small]{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.prc-Token-TokenButton-F4Y8h[data-size=medium]{height:20px;width:20px}.prc-Token-TokenButton-F4Y8h[data-size=large]{height:var(--base-size-24,1.5rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-24,1.5rem)}.prc-Token-TokenButton-F4Y8h[data-size=xlarge]{height:var(--base-size-32,2rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-32,2rem)}.prc-Token-TokenButton-F4Y8h:active,.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle))}
-/*# sourceMappingURL=_RemoveTokenButton-d7f5985b.css.map */

package/lib-esm/Token/_RemoveTokenButton-d7f5985b.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/_RemoveTokenButton.module.css"],"names":[],"mappings":"AAAA,6BAaE,kBAAmB,CAEnB,mBAAoB,CADpB,eAAgB,CALhB,4BAA6B,CAC7B,QAAS,CACT,kDAAuC,CANvC,kBAAmB,CAEnB,cAAe,CANf,mBAAoB,CAGpB,mBAAoB,CAQpB,sBAAuB,CATvB,qCAA+B,CAD/B,SAAU,CAIV,4BAAqB,CAArB,oBAAqB,CAErB,wBAAiB,CAAjB,gBAQF,CAEA,8CAEE,+BAA2B,CAD3B,8BAEF,CAEA,+CAEE,WAAY,CADZ,UAEF,CAEA,8CAEE,iCAA2B,CAC3B,oCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,oCAA+B,CAF/B,8BAGF,CAQA,0GAEE,yEACF","file":"_RemoveTokenButton-d7f5985b.css","sourcesContent":[".TokenButton {\n  display: inline-flex;\n  padding: 0;\n  margin-left: var(--base-size-4);\n  font-family: inherit;\n  color: currentColor;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: 0;\n  border-radius: var(--borderRadius-full);\n  justify-content: center;\n  align-items: center;\n  appearance: none;\n  align-self: baseline;\n}\n\n.TokenButton[data-size='small'] {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TokenButton[data-size='medium'] {\n  width: 20px;\n  height: 20px;\n}\n\n.TokenButton[data-size='large'] {\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n  margin-left: var(--base-size-8);\n}\n\n.TokenButton[data-size='xlarge'] {\n  width: var(--base-size-32);\n  height: var(--base-size-32);\n  margin-left: var(--base-size-8);\n}\n\n.TokenButton:hover,\n.TokenButton:focus {\n  /* TODO: choose a better functional color variable for this */\n  background-color: var(--bgColor-neutral-muted);\n}\n\n.TokenButton:active {\n  /* TODO: choose a better functional color variable for this */\n  background-color: var(--bgColor-neutral-muted);\n}\n"]}

package/lib-esm/Token/_RemoveTokenButton.d.ts

@@ -1,14 +0,0 @@
-import type React from 'react';
-import { type SxProp } from '../sx';
-import type { TokenSizeKeys } from './TokenBase';
-interface TokenButtonProps extends SxProp {
-    borderOffset?: number;
-    size?: TokenSizeKeys;
-    isParentInteractive?: boolean;
-}
-type RemoveTokenButtonProps = TokenButtonProps & Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement>, 'size'>;
-declare const RemoveTokenButton: ({ "aria-label": ariaLabel, isParentInteractive, size, className, borderOffset, as: _as, ...rest }: React.PropsWithChildren<RemoveTokenButtonProps & {
-    as?: React.ElementType;
-}>) => React.JSX.Element;
-export default RemoveTokenButton;
-//# sourceMappingURL=_RemoveTokenButton.d.ts.map

package/lib-esm/Token/_RemoveTokenButton.js

@@ -1,37 +0,0 @@
-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 = ({
-  'aria-label': ariaLabel,
-  isParentInteractive,
-  size = defaultTokenSize,
-  className,
-  borderOffset = 0,
-  as: _as,
-  ...rest
-}) => {
-  // eslint-disable-next-line react-compiler/react-compiler
-  delete rest.children;
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    as: isParentInteractive ? 'span' : 'button',
-    tabIndex: isParentInteractive ? -1 : undefined,
-    "aria-label": !isParentInteractive ? 'Remove token' : ariaLabel,
-    "data-size": size,
-    className: clsx(classes.TokenButton, className),
-    style: {
-      transform: `translate(${borderOffset}px, -${borderOffset}px)`
-    },
-    ...rest,
-    children: /*#__PURE__*/jsx(XIcon, {
-      size: getTokenButtonIconSize(size)
-    })
-  });
-};
-RemoveTokenButton.displayName = "RemoveTokenButton";
-
-export { RemoveTokenButton as default };

package/lib-esm/Token/_RemoveTokenButton.module.css.js

@@ -1,5 +0,0 @@
-import './_RemoveTokenButton-d7f5985b.css';
-
-var classes = {"TokenButton":"prc-Token-TokenButton-F4Y8h"};
-
-export { classes as default };

package/lib-esm/Token/_TokenTextContainer.d.ts

@@ -1,5 +0,0 @@
-import type { TokenBaseProps } from './TokenBase';
-import type React from 'react';
-declare const TokenTextContainer: ({ children, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
-export default TokenTextContainer;
-//# sourceMappingURL=_TokenTextContainer.d.ts.map

package/lib-esm/Token/_TokenTextContainer.js

@@ -1,47 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import classes from './_TokenTextContainer.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
-import { jsx } from 'react/jsx-runtime';
-
-const TokenTextContainer = t0 => {
-  const $ = c(7);
-  let children;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      children,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-  } else {
-    children = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx(classes.TokenTextContainer);
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== children || $[5] !== props) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
-      className: t1,
-      ...props,
-      children: children
-    });
-    $[4] = children;
-    $[5] = props;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  return t2;
-};
-
-export { TokenTextContainer as default };

package/lib-esm/Token/index.d.ts

@@ -1,7 +0,0 @@
-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';
-export { default as AvatarToken } from './AvatarToken';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/Tooltip/Tooltip.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { ComponentProps } from '../utils/types';
-declare const TooltipBase: import("styled-components").StyledComponent<"span", any, SxProp, never>;
-/**
- * @deprecated
- */
-export type TooltipProps = {
-    direction?: 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw';
-    text?: string;
-    noDelay?: boolean;
-    align?: 'left' | 'right';
-    wrap?: boolean;
-} & ComponentProps<typeof TooltipBase>;
-export declare const TooltipContext: React.Context<{
-    tooltipId?: string;
-}>;
-/**
- * @deprecated
- */
-declare function Tooltip({ direction, children, className, text, noDelay, align, wrap, id, ...rest }: TooltipProps): React.JSX.Element;
-declare namespace Tooltip {
-    var alignments: string[];
-    var directions: string[];
-}
-export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map