@primer/react 38.4.0-rc.36e3b554d → 38.4.0-rc.6e4fd900e

package/CHANGELOG.md

@@ -8,13 +8,19 @@
 
 - [#7250](https://github.com/primer/react/pull/7250) [`a193d30`](https://github.com/primer/react/commit/a193d30cad6e308e2f0cc29ebdcc926ee057f0fb) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Banner: Add `flush` prop for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
 
+- [#7247](https://github.com/primer/react/pull/7247) [`e1021e7`](https://github.com/primer/react/commit/e1021e7a5b65c605d98f025a30ef4fb5cce91024) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Add leadingVisual to InlineMessage component.
+
 - [#7047](https://github.com/primer/react/pull/7047) [`c07dd71`](https://github.com/primer/react/commit/c07dd71e990323a1c73ec99c44752df43d153090) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Remove the feature flag for `primer_react_segmented_control_tooltip` and GA tooltip by default behavior.
   - Ensure that when `disabled` is applied, the tooltip is still triggered.
 
 ### Patch Changes
 
+- [#7244](https://github.com/primer/react/pull/7244) [`d973c5a`](https://github.com/primer/react/commit/d973c5ad5aa59c66e1f609558b33a6b63880234a) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - "Update logic for how hex codes are applied"
+
 - [#7230](https://github.com/primer/react/pull/7230) [`534ca11`](https://github.com/primer/react/commit/534ca119a2552bb71684c64d2e7481cf426023b6) Thanks [@mperrotti](https://github.com/mperrotti)! - Replaces 'aria-live' usage and removes internal LiveRegion component
 
+- [#7267](https://github.com/primer/react/pull/7267) [`1d8759a`](https://github.com/primer/react/commit/1d8759aae8a3bdd1dc2b8bc8785867ca467b72b5) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Used correct tokens for disabled radio control
+
 - [#7241](https://github.com/primer/react/pull/7241) [`181f12e`](https://github.com/primer/react/commit/181f12e1244ea1f33559976ff16e32a1777e877d) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(LabelGroup): add role and aria-label to hidden items overlay
 
 - [#7251](https://github.com/primer/react/pull/7251) [`12e12f5`](https://github.com/primer/react/commit/12e12f5302a2125b4bedaab3478395105ef93946) Thanks [@mattcosta7](https://github.com/mattcosta7)! - Improve drag performance for PageLayout

package/dist/InlineMessage/InlineMessage.d.ts

@@ -9,7 +9,11 @@ export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
      * Specify the type of the InlineMessage
      */
     variant: MessageVariant;
+    /**
+     * A custom leading visual (icon or other element) to display instead of the default variant icon.
+     */
+    leadingVisual?: React.ElementType | React.ReactNode;
 };
-export declare function InlineMessage({ children, className, size, variant, ...rest }: InlineMessageProps): React.JSX.Element;
+export declare function InlineMessage({ children, className, size, variant, leadingVisual: LeadingVisual, ...rest }: InlineMessageProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=InlineMessage.d.ts.map

package/dist/InlineMessage/InlineMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBASzG"}
+{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;CACpD,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,aAAa,EAAE,aAAa,EAC5B,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAoBpB"}

package/dist/InlineMessage/InlineMessage.js

@@ -1,6 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { AlertFillIcon, CheckCircleFillIcon, AlertIcon, CheckCircleIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
+import { isValidElementType } from 'react-is';
 import classes from './InlineMessage.module.css.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -37,7 +38,8 @@ const smallIcons = {
   })
 };
 function InlineMessage(t0) {
-  const $ = c(15);
+  const $ = c(18);
+  let LeadingVisual;
   let children;
   let className;
   let rest;
@@ -49,33 +51,55 @@ function InlineMessage(t0) {
       className,
       size: t1,
       variant,
+      leadingVisual: LeadingVisual,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t1;
-    $[5] = variant;
+    $[1] = LeadingVisual;
+    $[2] = children;
+    $[3] = className;
+    $[4] = rest;
+    $[5] = t1;
+    $[6] = variant;
   } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t1 = $[4];
-    variant = $[5];
+    LeadingVisual = $[1];
+    children = $[2];
+    className = $[3];
+    rest = $[4];
+    t1 = $[5];
+    variant = $[6];
   }
   const size = t1 === undefined ? "medium" : t1;
-  const icon = size === "small" ? smallIcons[variant] : icons[variant];
+  let icon;
+  if (LeadingVisual !== undefined) {
+    if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
+      let t2;
+      if ($[7] !== LeadingVisual) {
+        t2 = /*#__PURE__*/jsx(LeadingVisual, {
+          className: classes.InlineMessageIcon
+        });
+        $[7] = LeadingVisual;
+        $[8] = t2;
+      } else {
+        t2 = $[8];
+      }
+      icon = t2;
+    } else {
+      icon = LeadingVisual;
+    }
+  } else {
+    icon = size === "small" ? smallIcons[variant] : icons[variant];
+  }
   let t2;
-  if ($[6] !== className) {
+  if ($[9] !== className) {
     t2 = clsx(className, classes.InlineMessage);
-    $[6] = className;
-    $[7] = t2;
+    $[9] = className;
+    $[10] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[10];
   }
   let t3;
-  if ($[8] !== children || $[9] !== icon || $[10] !== rest || $[11] !== size || $[12] !== t2 || $[13] !== variant) {
+  if ($[11] !== children || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== t2 || $[16] !== variant) {
     t3 = /*#__PURE__*/jsxs("div", {
       ...rest,
       className: t2,
@@ -83,15 +107,15 @@ function InlineMessage(t0) {
       "data-variant": variant,
       children: [icon, children]
     });
-    $[8] = children;
-    $[9] = icon;
-    $[10] = rest;
-    $[11] = size;
-    $[12] = t2;
-    $[13] = variant;
-    $[14] = t3;
+    $[11] = children;
+    $[12] = icon;
+    $[13] = rest;
+    $[14] = size;
+    $[15] = t2;
+    $[16] = variant;
+    $[17] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[17];
   }
   return t3;
 }

package/dist/Radio/Radio-4319e717.css

@@ -0,0 +1,2 @@
+.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg));border-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
+/*# sourceMappingURL=Radio-4319e717.css.map */

package/dist/Radio/{Radio-df9a5c02.css.map → Radio-4319e717.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-df9a5c02.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-muted);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--fgColor-muted);\n    }\n  }\n\n  &:focus-visible {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}
+{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,sGAAyD,CAEzD,0FAAqD,CAJrD,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-4319e717.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--control-checked-fgColor-disabled);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--control-checked-bgColor-disabled);\n    }\n  }\n\n  &:focus-visible {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/dist/Radio/Radio.module.css.js

@@ -1,4 +1,4 @@
-import './Radio-df9a5c02.css';
+import './Radio-4319e717.css';
 
 var classes = {"Radio":"prc-Radio-Radio-Ly4MR"};
 

package/dist/experimental/IssueLabel/IssueLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IssueLabel.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/IssueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAEvB,KAAK,iBAAiB,GAClB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GACzD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACpD,CAAA;AAEH,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAClD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEH,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GACtE,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEH,KAAK,iBAAiB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACrD,EAAE,EAAE,EAAE,CAAA;CACP,GAAG,SAAS,GACX,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC,CAAA;AAE3D,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEhH,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;AACxD,iBAAS,UAAU,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;AA+ChG,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,GAAG,EAAC,CAAA"}
+{"version":3,"file":"IssueLabel.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/IssueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAEvB,KAAK,iBAAiB,GAClB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GACzD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACpD,CAAA;AAEH,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAClD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEH,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GACtE,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEH,KAAK,iBAAiB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACrD,EAAE,EAAE,EAAE,CAAA;CACP,GAAG,SAAS,GACX,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC,CAAA;AAE3D,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEhH,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;AACxD,iBAAS,UAAU,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;AAqDhG,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,GAAG,EAAC,CAAA"}

package/dist/experimental/IssueLabel/IssueLabel.js

@@ -1,7 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
-import { getColorsFromHex } from './getColorFromHex.js';
 import classes from './IssueLabel.module.css.js';
+import { readableColor } from 'color2k';
 import { jsx } from 'react/jsx-runtime';
 
 function IssueLabel(t0) {
@@ -50,7 +50,8 @@ function IssueLabel(t0) {
   if ($[9] !== fillColor || $[10] !== style) {
     t4 = fillColor ? {
       ...style,
-      ...getColorsFromHex(fillColor)
+      backgroundColor: fillColor,
+      color: readableColor(fillColor)
     } : style;
     $[9] = fillColor;
     $[10] = style;

package/generated/components.json

@@ -3616,6 +3616,12 @@
           "description": "Specify the type of the inline message",
           "type": "'critical' | 'success' | 'unvailable' | 'warning'",
           "required": true
+        },
+        {
+          "name": "leadingVisual",
+          "description": "A custom leading visual to display instead of the default variant icon.",
+          "type": "React.ElementType | React.ReactNode",
+          "required": false
         }
       ]
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.4.0-rc.36e3b554d",
+  "version": "38.4.0-rc.6e4fd900e",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/Radio/Radio-df9a5c02.css

@@ -1,2 +0,0 @@
-.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
-/*# sourceMappingURL=Radio-df9a5c02.css.map */

package/dist/experimental/IssueLabel/getColorFromHex.d.ts

@@ -1,8 +0,0 @@
-import type { Hex } from './IssueLabel';
-/**
- * transforms a hex color provided by the user into a color object with background and text colors
- * @param colorHex — the hex color provided by the user
- * @returns
- */
-export declare const getColorsFromHex: (colorHex: Hex) => React.CSSProperties | undefined;
-//# sourceMappingURL=getColorFromHex.d.ts.map

package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorFromHex.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/getColorFromHex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAErC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,GAAG,KAAG,KAAK,CAAC,aAAa,GAAG,SA+EtE,CAAA"}

package/dist/experimental/IssueLabel/getColorFromHex.js

@@ -1,185 +0,0 @@
-import { getContrast } from 'color2k';
-import { Hsluv } from 'hsluv';
-
-/**
- * transforms a hex color provided by the user into a color object with background and text colors
- * @param colorHex — the hex color provided by the user
- * @returns
- */
-const getColorsFromHex = colorHex => {
-  // start values for light mode
-  const lightBgLightness = 96;
-  const lightLightnessIncrement = -1;
-  const lightRatio = 4.5;
-  const darkBgLightness = 16;
-  const darkLightnessIncrement = 1;
-  const darkRatio = 5.5;
-
-  // get hue and saturation value from hex color
-  // eslint-disable-next-line prefer-const
-  let {
-    h,
-    s
-  } = hexToHsluv(colorHex);
-
-  // avoid intense bright colors
-  // Hue range: 58 - 198
-  // 58 marks the transition from yellow to yellow-green
-  // 198 makes the tranisiton from cyan to blue
-  // yellow, yellow-green, green, cyan, blue tend to be bright and intense
-  // Setting the hue range of 58 and 198 helps avoid bright colors
-  // saturation: represents the intensity of a color, measured as a percentage from 0 to 100. Capping at 70% to avoid intense bright colors
-  if (h >= 58 && h <= 198 && s > 70) {
-    s = 70;
-  }
-  /**
-   * creating a background color from the provided hex color
-   */
-  const {
-    colorHex: darkBackgroundColor,
-    lightness: darkCurrentBgLightness
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: darkBgLightness
-  }), '#0d1117',
-  // dark mode background color
-  1.2, darkLightnessIncrement);
-
-  /**
-   * creating a background color from the provided hex color
-   */
-  const {
-    colorHex: lightBackgroundColor,
-    lightness: lightCurrentBgLightness
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: lightBgLightness
-  }), '#ffffff',
-  // light mode background color
-  1.2, lightLightnessIncrement);
-
-  // avoid intense bright colors
-  if (h >= 58 && h <= 316 && s > 80) {
-    s = 80;
-  }
-  /**
-   * creating a text color from with a contrast ratio of at least 4.5 to the generated background color
-   */
-  const {
-    colorHex: darkTextColor
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: 50
-  }), darkBackgroundColor, darkRatio, darkLightnessIncrement);
-  const {
-    colorHex: lightTextColor
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: 50
-  }), lightBackgroundColor, lightRatio, lightLightnessIncrement);
-  return {
-    '--label-bgColor-light-rest': lightBackgroundColor,
-    '--label-bgColor-light-hover': hsluvToHex({
-      h,
-      s,
-      l: lightCurrentBgLightness + 4 * lightLightnessIncrement
-    }),
-    '--label-bgColor-light-active': hsluvToHex({
-      h,
-      s,
-      l: lightCurrentBgLightness + 8 * lightLightnessIncrement
-    }),
-    '--label-fgColor-light': lightTextColor,
-    '--label-fgColor-light-hover': lightTextColor,
-    '--label-fgColor-light-active': lightTextColor,
-    '--label-bgColor-dark-rest': darkBackgroundColor,
-    '--label-bgColor-dark-hover': hsluvToHex({
-      h,
-      s,
-      l: darkCurrentBgLightness + 4 * darkLightnessIncrement
-    }),
-    '--label-bgColor-dark-active': hsluvToHex({
-      h,
-      s,
-      l: darkCurrentBgLightness + 8 * darkLightnessIncrement
-    }),
-    '--label-fgColor-dark': darkTextColor,
-    '--label-fgColor-dark-hover': darkTextColor,
-    '--label-fgColor-dark-active': darkTextColor
-  };
-};
-/**
- * Changes the lightness of a hex color until the contrast ratio is reached and returns the new hex color
- * @param colorHex — initial hex color
- * @param bgHex — color to check the contrast against
- * @param contrastRatio — the contrast ratio to reach
- * @param increment — the direction to change the lightness depending on the color scheme
- * @returns the new hex color
- */
-const getColorWithContrast = (fgColor, bgColor, contrastRatio, increment) => {
-  const hsluv = hexToHsluv(fgColor);
-  let color = fgColor;
-
-  // change lightness until contrast is reached
-  while (getContrast(color, bgColor) < contrastRatio && hsluv.l > 0 && hsluv.l < 100) {
-    hsluv.l += increment;
-    color = hsluvToHex(hsluv);
-  }
-  return {
-    colorHex: color,
-    lightness: hsluv.l
-  };
-};
-
-/**
- * Takes a hex value and returns the hue, saturation and lightness for HSLuv as an object
- * @param hex user provided hex string
- * @returns an object with the hue, saturation and lightness values
- */
-const hexToHsluv = hex => {
-  // convert hex to hsluv
-  const color = new Hsluv();
-  color.hex = hex;
-  color.hexToHsluv();
-  // extract h, s and l values
-  const {
-    hsluv_h: h,
-    hsluv_s: s,
-    hsluv_l: l
-  } = color;
-  // return h, s, l as an object
-  return {
-    h,
-    s,
-    l
-  };
-};
-/**
- * Takes an object with hue, saturation and lightness values and returns a hex string
- * @param hex user provided hex string
- * @returns an object with the hue, saturation and lightness values
- */
-const hsluvToHex = ({
-  h,
-  s,
-  l
-}) => {
-  // create a new HSLuv color object and assign values
-  const color = new Hsluv();
-  // eslint-disable-next-line camelcase
-  color.hsluv_h = h;
-  // eslint-disable-next-line camelcase
-  color.hsluv_s = s;
-  // eslint-disable-next-line camelcase
-  color.hsluv_l = l;
-  // convert hsluv to hex
-  color.hsluvToHex();
-  // return hex string
-  return color.hex;
-};
-
-export { getColorsFromHex };