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

package/lib/ToggleSwitch/ToggleSwitch.js

@@ -1,468 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var _VisuallyHidden = require('../_VisuallyHidden.js');
-var useSafeTimeout = require('../hooks/useSafeTimeout.js');
-var ToggleSwitch_module = require('./ToggleSwitch.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useProvidedStateOrCreate = require('../hooks/useProvidedStateOrCreate.js');
-var useId = require('../hooks/useId.js');
-var AriaStatus = require('../live-region/AriaStatus.js');
-var Spinner = require('../Spinner/Spinner.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CircleIcon = t0 => {
-  const $ = reactCompilerRuntime.c(4);
-  const {
-    size
-  } = t0;
-  const t1 = size === "small" ? "12" : "16";
-  const t2 = size === "small" ? "12" : "16";
-  let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx("path", {
-      fillRule: "evenodd",
-      d: "M8 12.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"
-    });
-    $[0] = t3;
-  } else {
-    t3 = $[0];
-  }
-  let t4;
-  if ($[1] !== t1 || $[2] !== t2) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("svg", {
-      "aria-hidden": "true",
-      width: t1,
-      height: t2,
-      viewBox: "0 0 16 16",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: t3
-    });
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  return t4;
-};
-const LineIcon = t0 => {
-  const $ = reactCompilerRuntime.c(4);
-  const {
-    size
-  } = t0;
-  const t1 = size === "small" ? "12" : "16";
-  const t2 = size === "small" ? "12" : "16";
-  let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx("path", {
-      fillRule: "evenodd",
-      d: "M8 2a.75.75 0 0 1 .75.75v11.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2Z"
-    });
-    $[0] = t3;
-  } else {
-    t3 = $[0];
-  }
-  let t4;
-  if ($[1] !== t1 || $[2] !== t2) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("svg", {
-      "aria-hidden": "true",
-      width: t1,
-      height: t2,
-      viewBox: "0 0 16 16",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: t3
-    });
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  return t4;
-};
-const ToggleSwitch = /*#__PURE__*/React__default.default.forwardRef(function ToggleSwitch(props, ref) {
-  const $ = reactCompilerRuntime.c(91);
-  let ariaDescribedby;
-  let ariaLabelledby;
-  let checked;
-  let className;
-  let defaultChecked;
-  let disabled;
-  let loading;
-  let onChange;
-  let onClick;
-  let rest;
-  let t0;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  if ($[0] !== props) {
-    ({
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      defaultChecked,
-      disabled,
-      loading,
-      checked,
-      onChange,
-      onClick,
-      buttonType: t0,
-      size: t1,
-      statusLabelPosition: t2,
-      loadingLabelDelay: t3,
-      loadingLabel: t4,
-      className,
-      ...rest
-    } = props);
-    $[0] = props;
-    $[1] = ariaDescribedby;
-    $[2] = ariaLabelledby;
-    $[3] = checked;
-    $[4] = className;
-    $[5] = defaultChecked;
-    $[6] = disabled;
-    $[7] = loading;
-    $[8] = onChange;
-    $[9] = onClick;
-    $[10] = rest;
-    $[11] = t0;
-    $[12] = t1;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
-  } else {
-    ariaDescribedby = $[1];
-    ariaLabelledby = $[2];
-    checked = $[3];
-    className = $[4];
-    defaultChecked = $[5];
-    disabled = $[6];
-    loading = $[7];
-    onChange = $[8];
-    onClick = $[9];
-    rest = $[10];
-    t0 = $[11];
-    t1 = $[12];
-    t2 = $[13];
-    t3 = $[14];
-    t4 = $[15];
-  }
-  const buttonType = t0 === undefined ? "button" : t0;
-  const size = t1 === undefined ? "medium" : t1;
-  const statusLabelPosition = t2 === undefined ? "start" : t2;
-  const loadingLabelDelay = t3 === undefined ? 2000 : t3;
-  const loadingLabel = t4 === undefined ? "Loading" : t4;
-  const isControlled = typeof checked !== "undefined";
-  const [isOn, setIsOn] = useProvidedStateOrCreate.useProvidedStateOrCreate(checked, onChange, Boolean(defaultChecked));
-  const acceptsInteraction = !disabled && !loading;
-  const [isLoadingLabelVisible, setIsLoadingLabelVisible] = React__default.default.useState(false);
-  const loadingLabelId = useId.useId("loadingLabel");
-  const {
-    safeSetTimeout
-  } = useSafeTimeout();
-  let t5;
-  if ($[16] !== disabled || $[17] !== isControlled || $[18] !== isOn || $[19] !== loading || $[20] !== onClick || $[21] !== setIsOn) {
-    t5 = e => {
-      if (disabled || loading) {
-        return;
-      }
-      if (!isControlled) {
-        setIsOn(!isOn);
-      }
-      onClick && onClick(e);
-    };
-    $[16] = disabled;
-    $[17] = isControlled;
-    $[18] = isOn;
-    $[19] = loading;
-    $[20] = onClick;
-    $[21] = setIsOn;
-    $[22] = t5;
-  } else {
-    t5 = $[22];
-  }
-  const handleToggleClick = t5;
-  let t6;
-  let t7;
-  if ($[23] !== checked || $[24] !== disabled || $[25] !== isControlled || $[26] !== onChange) {
-    t6 = () => {
-      if (onChange && isControlled && !disabled) {
-        onChange(Boolean(checked));
-      }
-    };
-    t7 = [onChange, checked, isControlled, disabled];
-    $[23] = checked;
-    $[24] = disabled;
-    $[25] = isControlled;
-    $[26] = onChange;
-    $[27] = t6;
-    $[28] = t7;
-  } else {
-    t6 = $[27];
-    t7 = $[28];
-  }
-  React.useEffect(t6, t7);
-  let t8;
-  let t9;
-  if ($[29] !== isLoadingLabelVisible || $[30] !== loading || $[31] !== loadingLabelDelay || $[32] !== safeSetTimeout) {
-    t8 = () => {
-      if (!loading && isLoadingLabelVisible) {
-        setIsLoadingLabelVisible(false);
-      } else {
-        if (loading && !isLoadingLabelVisible) {
-          safeSetTimeout(() => {
-            setIsLoadingLabelVisible(true);
-          }, loadingLabelDelay);
-        }
-      }
-    };
-    t9 = [loading, isLoadingLabelVisible, loadingLabelDelay, safeSetTimeout];
-    $[29] = isLoadingLabelVisible;
-    $[30] = loading;
-    $[31] = loadingLabelDelay;
-    $[32] = safeSetTimeout;
-    $[33] = t8;
-    $[34] = t9;
-  } else {
-    t8 = $[33];
-    t9 = $[34];
-  }
-  React.useEffect(t8, t9);
-  let switchButtonDescribedBy = loadingLabelId;
-  if (ariaDescribedby) {
-    switchButtonDescribedBy = `${switchButtonDescribedBy} ${ariaDescribedby}`;
-  }
-  let t10;
-  if ($[35] !== className) {
-    t10 = clsx.clsx(ToggleSwitch_module.ToggleSwitch, className);
-    $[35] = className;
-    $[36] = t10;
-  } else {
-    t10 = $[36];
-  }
-  const t11 = isLoadingLabelVisible && loadingLabel;
-  let t12;
-  if ($[37] !== loadingLabelId || $[38] !== t11) {
-    t12 = /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-      children: /*#__PURE__*/jsxRuntime.jsx(AriaStatus.AriaStatus, {
-        announceOnShow: true,
-        id: loadingLabelId,
-        children: t11
-      })
-    });
-    $[37] = loadingLabelId;
-    $[38] = t11;
-    $[39] = t12;
-  } else {
-    t12 = $[39];
-  }
-  let t13;
-  if ($[40] !== loading || $[41] !== statusLabelPosition) {
-    t13 = loading ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: ToggleSwitch_module.LoadingSpinner,
-      "data-status-label-position": statusLabelPosition,
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {
-        size: "small",
-        srText: null
-      })
-    }) : null;
-    $[40] = loading;
-    $[41] = statusLabelPosition;
-    $[42] = t13;
-  } else {
-    t13 = $[42];
-  }
-  const t14 = !acceptsInteraction;
-  const t15 = !isOn;
-  let t16;
-  if ($[43] !== t15) {
-    t16 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: ToggleSwitch_module.StatusTextItem,
-      "data-hidden": t15,
-      children: "On"
-    });
-    $[43] = t15;
-    $[44] = t16;
-  } else {
-    t16 = $[44];
-  }
-  let t17;
-  if ($[45] !== isOn) {
-    t17 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: ToggleSwitch_module.StatusTextItem,
-      "data-hidden": isOn,
-      children: "Off"
-    });
-    $[45] = isOn;
-    $[46] = t17;
-  } else {
-    t17 = $[46];
-  }
-  let t18;
-  if ($[47] !== handleToggleClick || $[48] !== size || $[49] !== t14 || $[50] !== t16 || $[51] !== t17) {
-    t18 = /*#__PURE__*/jsxRuntime.jsxs("span", {
-      className: ToggleSwitch_module.StatusText,
-      "data-size": size,
-      "data-disabled": t14,
-      "aria-hidden": "true",
-      onClick: handleToggleClick,
-      children: [t16, t17]
-    });
-    $[47] = handleToggleClick;
-    $[48] = size;
-    $[49] = t14;
-    $[50] = t16;
-    $[51] = t17;
-    $[52] = t18;
-  } else {
-    t18 = $[52];
-  }
-  const t19 = !acceptsInteraction;
-  const t20 = isLoadingLabelVisible || ariaDescribedby ? switchButtonDescribedBy : undefined;
-  const t21 = !acceptsInteraction;
-  const t22 = !acceptsInteraction;
-  let t23;
-  if ($[53] !== size) {
-    t23 = /*#__PURE__*/jsxRuntime.jsx(LineIcon, {
-      size: size
-    });
-    $[53] = size;
-    $[54] = t23;
-  } else {
-    t23 = $[54];
-  }
-  let t24;
-  if ($[55] !== isOn || $[56] !== t22 || $[57] !== t23) {
-    t24 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: `${ToggleSwitch_module.IconContainer} ${ToggleSwitch_module.LineIconContainer}`,
-      "data-checked": isOn,
-      "data-disabled": t22,
-      children: t23
-    });
-    $[55] = isOn;
-    $[56] = t22;
-    $[57] = t23;
-    $[58] = t24;
-  } else {
-    t24 = $[58];
-  }
-  const t25 = !acceptsInteraction;
-  let t26;
-  if ($[59] !== size) {
-    t26 = /*#__PURE__*/jsxRuntime.jsx(CircleIcon, {
-      size: size
-    });
-    $[59] = size;
-    $[60] = t26;
-  } else {
-    t26 = $[60];
-  }
-  let t27;
-  if ($[61] !== isOn || $[62] !== t25 || $[63] !== t26) {
-    t27 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: `${ToggleSwitch_module.IconContainer} ${ToggleSwitch_module.CircleIconContainer}`,
-      "data-checked": isOn,
-      "data-disabled": t25,
-      children: t26
-    });
-    $[61] = isOn;
-    $[62] = t25;
-    $[63] = t26;
-    $[64] = t27;
-  } else {
-    t27 = $[64];
-  }
-  let t28;
-  if ($[65] !== t24 || $[66] !== t27) {
-    t28 = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: ToggleSwitch_module.SwitchButtonContent,
-      "aria-hidden": "true",
-      children: [t24, t27]
-    });
-    $[65] = t24;
-    $[66] = t27;
-    $[67] = t28;
-  } else {
-    t28 = $[67];
-  }
-  const t29 = !acceptsInteraction;
-  let t30;
-  if ($[68] !== isOn || $[69] !== t29) {
-    t30 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: ToggleSwitch_module.ToggleKnob,
-      "data-checked": isOn,
-      "data-disabled": t29,
-      "aria-hidden": "true"
-    });
-    $[68] = isOn;
-    $[69] = t29;
-    $[70] = t30;
-  } else {
-    t30 = $[70];
-  }
-  let t31;
-  if ($[71] !== ariaLabelledby || $[72] !== buttonType || $[73] !== handleToggleClick || $[74] !== isOn || $[75] !== ref || $[76] !== size || $[77] !== t19 || $[78] !== t20 || $[79] !== t21 || $[80] !== t28 || $[81] !== t30) {
-    t31 = /*#__PURE__*/jsxRuntime.jsxs("button", {
-      ref: ref,
-      type: buttonType,
-      className: ToggleSwitch_module.SwitchButton,
-      "data-size": size,
-      "data-checked": isOn,
-      "data-disabled": t19,
-      onClick: handleToggleClick,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": t20,
-      "aria-pressed": isOn,
-      "aria-disabled": t21,
-      children: [t28, t30]
-    });
-    $[71] = ariaLabelledby;
-    $[72] = buttonType;
-    $[73] = handleToggleClick;
-    $[74] = isOn;
-    $[75] = ref;
-    $[76] = size;
-    $[77] = t19;
-    $[78] = t20;
-    $[79] = t21;
-    $[80] = t28;
-    $[81] = t30;
-    $[82] = t31;
-  } else {
-    t31 = $[82];
-  }
-  let t32;
-  if ($[83] !== rest || $[84] !== statusLabelPosition || $[85] !== t10 || $[86] !== t12 || $[87] !== t13 || $[88] !== t18 || $[89] !== t31) {
-    t32 = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: t10,
-      "data-status-label-position": statusLabelPosition,
-      ...rest,
-      children: [t12, t13, t18, t31]
-    });
-    $[83] = rest;
-    $[84] = statusLabelPosition;
-    $[85] = t10;
-    $[86] = t12;
-    $[87] = t13;
-    $[88] = t18;
-    $[89] = t31;
-    $[90] = t32;
-  } else {
-    t32 = $[90];
-  }
-  return t32;
-});
-if (process.env.NODE_ENV !== "production") {
-  ToggleSwitch.displayName = 'ToggleSwitch';
-}
-
-module.exports = ToggleSwitch;

package/lib/ToggleSwitch/ToggleSwitch.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./ToggleSwitch-4b23d166.css');
-
-var classes = {"ToggleSwitch":"prc-ToggleSwitch-ToggleSwitch-E4lp0","LoadingSpinner":"prc-ToggleSwitch-LoadingSpinner-jCYtC","StatusText":"prc-ToggleSwitch-StatusText-hWpj2","StatusTextItem":"prc-ToggleSwitch-StatusTextItem-fvvXa","SwitchButton":"prc-ToggleSwitch-SwitchButton-5LRHX","SwitchButtonContent":"prc-ToggleSwitch-SwitchButtonContent-nv4lE","IconContainer":"prc-ToggleSwitch-IconContainer-zLC02","LineIconContainer":"prc-ToggleSwitch-LineIconContainer-7sQm8","CircleIconContainer":"prc-ToggleSwitch-CircleIconContainer-gHYvi","ToggleKnob":"prc-ToggleSwitch-ToggleKnob-2e7Rm"};
-
-module.exports = classes;

package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-declare const ToggleSwitchStoryWrapper: React.FC<React.PropsWithChildren>;
-export default ToggleSwitchStoryWrapper;
-//# sourceMappingURL=ToggleSwitchStoryWrapper.d.ts.map

package/lib/ToggleSwitch/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ToggleSwitch';
-export type { ToggleSwitchProps } from './ToggleSwitch';
-//# sourceMappingURL=index.d.ts.map

package/lib/Token/IssueLabelToken-0dbbbcdf.css

@@ -1,2 +0,0 @@
-.prc-Token-IssueLabel-ZuoEW{--label-r:153;--label-g:153;--label-b:153;--label-h:0;--label-s:0;--label-l:60;--perceived-lightness:calc(var(--label-r)*0.2126/255 + var(--label-g)*0.7152/255 + var(--label-b)*0.0722/255);--lightness-switch:max(0,min(calc((var(--perceived-lightness) - var(--lightness-threshold))*-1000),1));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);position:relative}.prc-Token-IssueLabel-ZuoEW:where([data-in-color-mode*=light],[data-in-color-mode=auto]){--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));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}.prc-Token-IssueLabel-ZuoEW:where([data-in-color-mode*=dark]){--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));background:rgba(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true][data-in-color-mode*=light],[data-selected=true][data-in-color-mode=auto]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true]){outline:none}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true]):after{border-radius:var(--borderRadius-full,624.9375rem);bottom:calc(var(--base-size-2,.125rem)*-1);content:"";display:block;left:calc(var(--base-size-2,.125rem)*-1);pointer-events:none;position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:calc(var(--base-size-2,.125rem)*-1);z-index:1}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true][data-in-color-mode*=light],[data-selected=true][data-in-color-mode=auto]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true][data-in-color-mode=dark]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}.prc-Token-IssueLabel-ZuoEW:where([data-cursor-is-interactive=true]:hover[data-in-color-mode*=light],[data-cursor-is-interactive=true]:hover[data-in-color-mode=auto]){background-image:linear-gradient(rgba(0,0,0,.15),rgba(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)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}.prc-Token-IssueLabel-ZuoEW:where([data-cursor-is-interactive=true]:hover[data-in-color-mode=dark]){background:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}.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-0dbbbcdf.css.map */

package/lib/Token/IssueLabelToken-0dbbbcdf.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/IssueLabelToken.module.css"],"names":[],"mappings":"AAAA,4BAEE,aAAc,CACd,aAAc,CACd,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,6GAEC,CACD,sGAA2G,CAI3G,kBAAmB,CADnB,6CAAqC,CADrC,iBAGF,CAGA,yFACE,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAI/D,4GAAoH,CAFpH,qDAGF,CAGA,8DACE,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAG/G,qFAAyF,CAIzF,2HAKC,CAPD,+FASF,CAGA,iIAKE,oFACF,CAEA,wDACE,YACF,CAEA,8DAUE,kDAAuC,CAJvC,0CAAqC,CALrC,UAAW,CAOX,aAAc,CADd,wCAAmC,CAEnC,mBAAoB,CAPpB,iBAAkB,CAGlB,yCAAoC,CADpC,uCAAkC,CADlC,SAQF,CAEA,uIAKE,sEACF,CAEA,uFAEE,8GACF,CAGA,uKAIE,sLAIG,CACH,kEACF,CAEA,oGAEE,yFAAsG,CACtG,kEACF,CAGA,iEACE,eACF,CAEA,6EACE,iBAAkB,CAClB,SACF","file":"IssueLabelToken-0dbbbcdf.css","sourcesContent":[".IssueLabel {\n  /* Color variables - dynamically set via inline CSS custom properties */\n  --label-r: 153;\n  --label-g: 153;\n  --label-b: 153;\n  --label-h: 0;\n  --label-s: 0;\n  --label-l: 60;\n  --perceived-lightness: calc(\n    ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255\n  );\n  --lightness-switch: max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1));\n\n  position: relative;\n  border-width: var(--borderWidth-thin);\n  border-style: solid;\n}\n\n/* Light mode styles */\n.IssueLabel:where([data-in-color-mode*='light'], [data-in-color-mode='auto']) {\n  --lightness-threshold: 0.453;\n  --border-threshold: 0.96;\n  --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));\n  /* stylelint-disable-next-line primer/colors */\n  background: rgb(var(--label-r), var(--label-g), var(--label-b));\n  /* stylelint-disable-next-line primer/colors */\n  color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));\n  /* stylelint-disable-next-line primer/colors */\n  border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));\n}\n\n/* Dark mode styles */\n.IssueLabel:where([data-in-color-mode*='dark']) {\n  --lightness-threshold: 0.6;\n  --background-alpha: 0.18;\n  --border-alpha: 0.3;\n  --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n\n  /* stylelint-disable-next-line primer/colors */\n  background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n  /* stylelint-disable-next-line primer/colors */\n  color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n  /* stylelint-disable primer/colors */\n  border-color: hsla(\n    var(--label-h),\n    calc(var(--label-s) * 1%),\n    calc((var(--label-l) + var(--lighten-by)) * 1%),\n    var(--border-alpha)\n  );\n  /* stylelint-enable primer/colors */\n}\n\n/* Selected state */\n.IssueLabel:where(\n    [data-selected='true'][data-in-color-mode*='light'],\n    [data-selected='true'][data-in-color-mode='auto']\n  ) {\n  /* stylelint-disable-next-line primer/colors */\n  background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));\n}\n\n.IssueLabel:where([data-selected='true']) {\n  outline: none;\n}\n\n.IssueLabel:where([data-selected='true'])::after {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--base-size-2) * -1);\n  right: calc(var(--base-size-2) * -1);\n  bottom: calc(var(--base-size-2) * -1);\n  left: calc(var(--base-size-2) * -1);\n  display: block;\n  pointer-events: none;\n  border-radius: var(--borderRadius-full);\n}\n\n.IssueLabel:where(\n    [data-selected='true'][data-in-color-mode*='light'],\n    [data-selected='true'][data-in-color-mode='auto']\n  )::after {\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 0 0 2px rgb(var(--label-r), var(--label-g), var(--label-b));\n}\n\n.IssueLabel:where([data-selected='true'][data-in-color-mode='dark'])::after {\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 0 0 2px hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n}\n\n/* Interactive hover states */\n.IssueLabel:where(\n    [data-cursor-is-interactive='true']:hover[data-in-color-mode*='light'],\n    [data-cursor-is-interactive='true']:hover[data-in-color-mode='auto']\n  ) {\n  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),\n    linear-gradient(\n      rgb(var(--label-r), var(--label-g), var(--label-b)),\n      rgb(var(--label-r), var(--label-g), var(--label-b))\n    );\n  box-shadow: var(--shadow-resting-medium);\n}\n\n.IssueLabel:where([data-cursor-is-interactive='true']:hover[data-in-color-mode='dark']) {\n  /* stylelint-disable-next-line primer/colors */\n  background: hsla(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);\n  box-shadow: var(--shadow-resting-medium);\n}\n\n/* Remove button styling */\n.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/Token/IssueLabelToken.d.ts

@@ -1,11 +0,0 @@
-import type { TokenBaseProps } from './TokenBase';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export interface IssueLabelTokenProps extends TokenBaseProps {
-    /**
-     * The color that corresponds to the label
-     */
-    fillColor?: string;
-}
-declare const IssueLabelToken: PolymorphicForwardRefComponent<"span" | "a" | "button", IssueLabelTokenProps>;
-export default IssueLabelToken;
-//# sourceMappingURL=IssueLabelToken.d.ts.map

package/lib/Token/IssueLabelToken.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var TokenBase = require('./TokenBase.js');
-var _RemoveTokenButton = require('./_RemoveTokenButton.js');
-var color2k = require('color2k');
-var ThemeProvider = require('../ThemeProvider.js');
-var _TokenTextContainer = require('./_TokenTextContainer.js');
-var IssueLabelToken_module = require('./IssueLabelToken.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-const IssueLabelToken = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
-  const {
-    as,
-    fillColor = '#999',
-    onRemove,
-    id,
-    isSelected,
-    text,
-    size = TokenBase.defaultTokenSize,
-    hideRemoveButton,
-    href,
-    onClick,
-    className,
-    ...rest
-  } = props;
-  const interactiveTokenProps = {
-    as,
-    href,
-    onClick
-  };
-  const {
-    resolvedColorScheme
-  } = ThemeProvider.useTheme();
-  const hasMultipleActionTargets = TokenBase.isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
-  const onRemoveClick = e => {
-    e.stopPropagation();
-    onRemove && onRemove();
-  };
-  const customProperties = React.useMemo(() => {
-    const [r, g, b] = color2k.parseToRgba(fillColor);
-    const [h, s, l] = color2k.parseToHsla(fillColor);
-    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))
-    };
-  }, [fillColor]);
-  return /*#__PURE__*/jsxRuntime.jsxs(TokenBase.default, {
-    onRemove: onRemove,
-    id: id === null || id === void 0 ? void 0 : id.toString(),
-    isSelected: isSelected,
-    className: clsx.clsx(IssueLabelToken_module.IssueLabel, className),
-    text: text,
-    size: size,
-    style: customProperties,
-    "data-has-remove-button": !hideRemoveButton && !!onRemove,
-    "data-selected": isSelected,
-    "data-in-color-mode": resolvedColorScheme || 'light',
-    ...(!hasMultipleActionTargets ? interactiveTokenProps : {}),
-    ...rest,
-    ref: forwardedRef,
-    children: [/*#__PURE__*/jsxRuntime.jsx(_TokenTextContainer, {
-      ...(hasMultipleActionTargets ? interactiveTokenProps : {}),
-      children: text
-    }), !hideRemoveButton && onRemove ? /*#__PURE__*/jsxRuntime.jsx(_RemoveTokenButton, {
-      borderOffset: 1,
-      onClick: onRemoveClick,
-      size: size,
-      "aria-hidden": hasMultipleActionTargets ? 'true' : 'false',
-      isParentInteractive: TokenBase.isTokenInteractive(props),
-      "data-has-multiple-action-targets": hasMultipleActionTargets,
-      className: IssueLabelToken_module.RemoveButton
-    }) : null]
-  });
-});
-IssueLabelToken.displayName = 'IssueLabelToken';
-
-module.exports = IssueLabelToken;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./IssueLabelToken-0dbbbcdf.css');
-
-var classes = {"IssueLabel":"prc-Token-IssueLabel-ZuoEW","RemoveButton":"prc-Token-RemoveButton-H4Dmg"};
-
-module.exports = classes;

package/lib/Token/Token-942271b0.css

@@ -1,2 +0,0 @@
-.prc-Token-Token-L2-At{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-color:var(--borderColor-muted,var(--color-border-muted));border-style:solid;color:var(--fgColor-muted,var(--color-fg-muted));max-width:100%}.prc-Token-Token-L2-At:where([data-interactive=true]):hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium));color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At:where([data-is-selected=true]){color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At[data-is-remove-btn=true]{padding-right:0}.prc-Token-LeadingVisualContainer-YTg7O{flex-shrink:0;line-height:0;margin-right:var(--base-size-4,.25rem)}.prc-Token-LargeLeadingVisual-UdxDk{margin-right:var(--base-size-8,.5rem)}
-/*# sourceMappingURL=Token-942271b0.css.map */

package/lib/Token/Token-942271b0.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/Token.module.css"],"names":[],"mappings":"AAAA,uBAGE,yEAA8C,CAC9C,+DAAsC,CACtC,kBAAmB,CAHnB,gDAA2B,CAD3B,cAKF,CAEA,4DAEE,yEAA8C,CAC9C,kEAAwC,CAFxC,oDAGF,CAEA,sDACE,oDACF,CAEA,gDACE,eACF,CAEA,wCAIE,aAAc,CADd,aAAc,CAFd,sCAIF,CAEA,oCACE,qCACF","file":"Token-942271b0.css","sourcesContent":[".Token {\n  max-width: 100%;\n  color: var(--fgColor-muted);\n  background-color: var(--bgColor-neutral-muted);\n  border-color: var(--borderColor-muted);\n  border-style: solid;\n}\n\n.Token:where([data-interactive='true']):hover {\n  color: var(--fgColor-default);\n  background-color: var(--bgColor-neutral-muted);\n  box-shadow: var(--shadow-resting-medium);\n}\n\n.Token:where([data-is-selected='true']) {\n  color: var(--fgColor-default);\n}\n\n.Token[data-is-remove-btn='true'] {\n  padding-right: 0;\n}\n\n.LeadingVisualContainer {\n  margin-right: var(--base-size-4);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 0;\n  flex-shrink: 0;\n}\n\n.LargeLeadingVisual {\n  margin-right: var(--base-size-8);\n}\n"]}

package/lib/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