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

package/lib/deprecated/UnderlineNav/UnderlineNav.js

@@ -1,131 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var styled = require('styled-components');
-var constants = require('../../constants.js');
-var sx = require('../../sx.js');
-var getGlobalFocusStyles = require('../../internal/utils/getGlobalFocusStyles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const ITEM_CLASS = 'PRC-UnderlineNav-item';
-const SELECTED_CLASS = 'PRC-selected';
-const UnderlineNavBase = styled__default.default.nav.withConfig({
-  displayName: "UnderlineNav__UnderlineNavBase",
-  componentId: "sc-11ejk33-0"
-})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.PRC-UnderlineNav--right{justify-content:flex-end;.PRC-UnderlineNav-item{margin-right:0;margin-left:", ";}.PRC-UnderlineNav-actions{flex:1 1 auto;}}&.PRC-UnderlineNav--full{display:block;}.PRC-UnderlineNav-body{display:flex;margin-bottom:-1px;}.PRC-UnderlineNav-actions{align-self:center;}", ";"], constants.get('colors.border.muted'), constants.get('space.3'), sx.default);
-function UnderlineNav(t0) {
-  const $ = reactCompilerRuntime.c(24);
-  let actions;
-  let align;
-  let children;
-  let className;
-  let full;
-  let label;
-  let rest;
-  let theme;
-  if ($[0] !== t0) {
-    ({
-      actions,
-      className,
-      align,
-      children,
-      full,
-      label,
-      theme,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = actions;
-    $[2] = align;
-    $[3] = children;
-    $[4] = className;
-    $[5] = full;
-    $[6] = label;
-    $[7] = rest;
-    $[8] = theme;
-  } else {
-    actions = $[1];
-    align = $[2];
-    children = $[3];
-    className = $[4];
-    full = $[5];
-    label = $[6];
-    rest = $[7];
-    theme = $[8];
-  }
-  const t1 = align && `PRC-UnderlineNav--${align}`;
-  const t2 = full && "PRC-UnderlineNav--full";
-  let t3;
-  if ($[9] !== className || $[10] !== t1 || $[11] !== t2) {
-    t3 = clsx.clsx(className, "PRC-UnderlineNav", t1, t2);
-    $[9] = className;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  const classes = t3;
-  let t4;
-  if ($[13] !== children) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "PRC-UnderlineNav-body",
-      children: children
-    });
-    $[13] = children;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== actions) {
-    t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "PRC-UnderlineNav-actions",
-      children: actions
-    });
-    $[15] = actions;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== classes || $[18] !== label || $[19] !== rest || $[20] !== t4 || $[21] !== t5 || $[22] !== theme) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs(UnderlineNavBase, {
-      className: classes,
-      "aria-label": label,
-      theme: theme,
-      ...rest,
-      children: [t4, t5]
-    });
-    $[17] = classes;
-    $[18] = label;
-    $[19] = rest;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = theme;
-    $[23] = t6;
-  } else {
-    t6 = $[23];
-  }
-  return t6;
-}
-const UnderlineNavLink = styled__default.default.a.attrs(props => ({
-  className: clsx.clsx(ITEM_CLASS, props.selected && SELECTED_CLASS, props.className)
-})).withConfig({
-  displayName: "UnderlineNav__UnderlineNavLink",
-  componentId: "sc-11ejk33-1"
-})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:border-bottom-color 0.2s ease;.PRC-UnderlineNav-octicon{color:", ";}}&.PRC-selected{color:", ";border-bottom-color:", ";.PRC-UnderlineNav-octicon{color:", ";}}", ";", ";"], constants.get('space.3'), constants.get('space.2'), constants.get('space.3'), constants.get('fontSizes.1'), constants.get('lineHeights.default'), constants.get('colors.fg.default'), constants.get('colors.fg.default'), constants.get('colors.neutral.muted'), constants.get('colors.fg.muted'), constants.get('colors.fg.default'), constants.get('colors.primer.border.active'), constants.get('colors.fg.default'), getGlobalFocusStyles('-8px'), sx.default);
-UnderlineNavLink.displayName = 'UnderlineNav.Link';
-/**
- * @deprecated UnderlineNav is deprecated and will be replaced by the draft `UnderlineNav` in the next major release. See https://primer.style/react/drafts/UnderlineNav2 for more details.
- */
-var UnderlineNav$1 = Object.assign(UnderlineNav, {
-  Link: UnderlineNavLink
-});
-
-module.exports = UnderlineNav$1;

package/lib/deprecated/UnderlineNav/index.d.ts

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

package/lib/deprecated/index.d.ts

@@ -1,26 +0,0 @@
-/** This is the place where we keep components that are deprecated.
- *  We don't recommend using it in production.
- *  If you already use them, please move to the suggested alternative components
- *
- *  But, they are published on npm and you can import them.
- *  example: import {FormGroup} from '@primer/react/deprecated
- */
-export { ActionList } from './ActionList';
-export type { ActionListProps, ItemProps as ActionListItemProps, GroupProps as ActionListGroupProps, GroupedListProps as ActionListGroupedListProps, ItemInput as ActionListItemInput, } from './ActionList';
-export { ActionMenu } from './ActionMenu';
-export type { ActionMenuProps } from './ActionMenu';
-export { default as FilteredSearch } from './FilteredSearch';
-export type { FilteredSearchProps } from './FilteredSearch';
-export { default as UnderlineNav } from './UnderlineNav';
-export type { UnderlineNavProps, UnderlineNavLinkProps } from './UnderlineNav';
-export { Dialog } from '../DialogV1';
-export type { DialogProps, DialogHeaderProps } from '../DialogV1';
-export { default as Octicon } from '../Octicon';
-export type { OcticonProps } from '../Octicon';
-export { default as Pagehead } from '../Pagehead';
-export type { PageheadProps } from '../Pagehead';
-export { default as TabNav } from '../TabNav';
-export type { TabNavProps, TabNavLinkProps } from '../TabNav';
-export { default as Tooltip } from '../Tooltip/Tooltip';
-export type { TooltipProps } from '../Tooltip/Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/lib/deprecated/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/deprecated/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,SAAS,IAAI,mBAAmB,EAChC,UAAU,IAAI,oBAAoB,EAClC,gBAAgB,IAAI,0BAA0B,EAC9C,SAAS,IAAI,mBAAmB,GACjC,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAKjD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAA;AAI5E,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,YAAY,CAAA;AAC7C,YAAY,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAC/C,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,WAAW,CAAA;AAC3C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA"}

package/lib/deprecated/index.js

@@ -1,24 +0,0 @@
-"use client";
-'use strict';
-
-var index = require('./ActionList/index.js');
-var ActionMenu = require('./ActionMenu.js');
-var Tooltip = require('../Tooltip/Tooltip.js');
-var FilteredSearch = require('./FilteredSearch/FilteredSearch.js');
-var Octicon = require('../Octicon/Octicon.js');
-var Pagehead = require('../Pagehead/Pagehead.js');
-var UnderlineNav = require('./UnderlineNav/UnderlineNav.js');
-var Dialog = require('../DialogV1/Dialog.js');
-var TabNav = require('../TabNav/TabNav.js');
-
-
-
-exports.ActionList = index.ActionList;
-exports.ActionMenu = ActionMenu.ActionMenu;
-exports.Tooltip = Tooltip.default;
-exports.FilteredSearch = FilteredSearch;
-exports.Octicon = Octicon;
-exports.Pagehead = Pagehead;
-exports.UnderlineNav = UnderlineNav;
-exports.Dialog = Dialog;
-exports.TabNav = TabNav;

package/lib/deprecated/utils/create-slots.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-/**
- * @deprecated Use the `useSlots` hook instead.
- *
- * createSlots is a factory that can create a
- *  typesafe Slots + Slot pair to use in a component definition
- *  For example: ActionList.Item uses createSlots to get a Slots wrapper
- *  + Slot component that is used by LeadingVisual, Description
- */
-declare const createSlots: <SlotNames extends string>(slotNames: SlotNames[]) => {
-    Slots: React.FC<{
-        context?: Record<string, unknown>;
-        children: (slots: { [key in SlotNames]?: React.ReactNode; }) => React.ReactNode;
-    }>;
-    Slot: <T>(props: {
-        name: SlotNames;
-        children: React.ReactNode | ((context: T) => React.ReactNode);
-    }) => null;
-};
-export default createSlots;
-//# sourceMappingURL=create-slots.d.ts.map

package/lib/experimental/CSSComponent/index.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare const Component: React.FC<React.HTMLProps<HTMLDivElement>>;
-//# sourceMappingURL=index.d.ts.map

package/lib/experimental/IssueLabel/IssueLabel-5507fbf3.css

@@ -1,2 +0,0 @@
-.prc-IssueLabel-IssueLabel-WJ5y-{align-items:center;background-color:var(--label-bgColor-rest);border:0;border-radius:var(--borderRadius-full,624.9375rem);box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) transparent;color:var(--label-fgColor);display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:var(--text-body-lineHeight-small,1.6666);min-height:var(--base-size-20,1.25rem);padding-block:0;padding-inline:var(--base-size-8,.5rem);white-space:nowrap}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a){-webkit-text-decoration:none;text-decoration:none}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):hover{background-color:var(--label-bgColor-hover);color:var(--label-fgColor-hover);cursor:pointer}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):active{background-color:var(--label-bgColor-active);color:var(--label-fgColor-active)}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=pink]){--label-bgColor-rest:var(--label-pink-bgColor-rest,#ffe5f1);--label-bgColor-hover:var(--label-pink-bgColor-hover,#fdc9e2);--label-bgColor-active:var(--label-pink-bgColor-active,#f8a5cf);--label-fgColor:var(--label-pink-fgColor-rest,#b12f79);--label-fgColor-hover:var(--label-pink-fgColor-hover,#8e2e66);--label-fgColor-active:var(--label-pink-fgColor-active,#6e2b53)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=plum]){--label-bgColor-rest:var(--label-plum-bgColor-rest,#f8e5ff);--label-bgColor-hover:var(--label-plum-bgColor-hover,#f0cdfe);--label-bgColor-active:var(--label-plum-bgColor-active,#e2a7fb);--label-fgColor:var(--label-plum-fgColor-rest,#961edc);--label-fgColor-hover:var(--label-plum-fgColor-hover,#7d1eb8);--label-fgColor-active:var(--label-plum-fgColor-active,#651d96)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=purple]){--label-bgColor-rest:var(--label-purple-bgColor-rest,#f1e5ff);--label-bgColor-hover:var(--label-purple-bgColor-hover,#e6d2fe);--label-bgColor-active:var(--label-purple-bgColor-active,#d1b1fc);--label-fgColor:var(--label-purple-fgColor-rest,#783ae4);--label-fgColor-hover:var(--label-purple-fgColor-hover,#6223d7);--label-fgColor-active:var(--label-purple-fgColor-active,#4f21ab)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=indigo]){--label-bgColor-rest:var(--label-indigo-bgColor-rest,#e5e9ff);--label-bgColor-hover:var(--label-indigo-bgColor-hover,#d2d7fe);--label-bgColor-active:var(--label-indigo-bgColor-active,#b1b9fb);--label-fgColor:var(--label-indigo-fgColor-rest,#494edf);--label-fgColor-hover:var(--label-indigo-fgColor-hover,#393cd5);--label-fgColor-active:var(--label-indigo-fgColor-active,#2d2db4)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=blue]){--label-bgColor-rest:var(--label-blue-bgColor-rest,#d1f0ff);--label-bgColor-hover:var(--label-blue-bgColor-hover,#ade1ff);--label-bgColor-active:var(--label-blue-bgColor-active,#75c8ff);--label-fgColor:var(--label-blue-fgColor-rest,#005fcc);--label-fgColor-hover:var(--label-blue-fgColor-hover,#004db3);--label-fgColor-active:var(--label-blue-fgColor-active,#003d99)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=cyan]){--label-bgColor-rest:var(--label-cyan-bgColor-rest,#bdf4ff);--label-bgColor-hover:var(--label-cyan-bgColor-hover,#7ae9ff);--label-bgColor-active:var(--label-cyan-bgColor-active,#00d0fa);--label-fgColor:var(--label-cyan-fgColor-rest,#006a80);--label-fgColor-hover:var(--label-cyan-fgColor-hover,#00596b);--label-fgColor-active:var(--label-cyan-fgColor-active,#004857)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=teal]){--label-bgColor-rest:var(--label-teal-bgColor-rest,#c7f5ef);--label-bgColor-hover:var(--label-teal-bgColor-hover,#89ebe1);--label-bgColor-active:var(--label-teal-bgColor-active,#22d3c7);--label-fgColor:var(--label-teal-fgColor-rest,#106e75);--label-fgColor-hover:var(--label-teal-fgColor-hover,#0d5b63);--label-fgColor-active:var(--label-teal-fgColor-active,#0a4852)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=pine]){--label-bgColor-rest:var(--label-pine-bgColor-rest,#bff8db);--label-bgColor-hover:var(--label-pine-bgColor-hover,#80efb9);--label-bgColor-active:var(--label-pine-bgColor-active,#1dd781);--label-fgColor:var(--label-pine-fgColor-rest,#156f4b);--label-fgColor-hover:var(--label-pine-fgColor-hover,#135d41);--label-fgColor-active:var(--label-pine-fgColor-active,#114b36)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=green]){--label-bgColor-rest:var(--label-green-bgColor-rest,#caf7ca);--label-bgColor-hover:var(--label-green-bgColor-hover,#9ceda0);--label-bgColor-active:var(--label-green-bgColor-active,#54d961);--label-fgColor:var(--label-green-fgColor-rest,#2b6e3f);--label-fgColor-hover:var(--label-green-fgColor-hover,#285c3b);--label-fgColor-active:var(--label-green-fgColor-active,#254b34)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=lime]){--label-bgColor-rest:var(--label-lime-bgColor-rest,#e3f2b5);--label-bgColor-hover:var(--label-lime-bgColor-hover,#c7e580);--label-bgColor-active:var(--label-lime-bgColor-active,#9bd039);--label-fgColor:var(--label-lime-fgColor-rest,#476c28);--label-fgColor-hover:var(--label-lime-fgColor-hover,#3a5b25);--label-fgColor-active:var(--label-lime-fgColor-active,#2f4a21)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=olive]){--label-bgColor-rest:var(--label-olive-bgColor-rest,#f0f0ad);--label-bgColor-hover:var(--label-olive-bgColor-hover,#dbe170);--label-bgColor-active:var(--label-olive-bgColor-active,#b9c832);--label-fgColor:var(--label-olive-fgColor-rest,#56682c);--label-fgColor-hover:var(--label-olive-fgColor-hover,#495a2b);--label-fgColor-active:var(--label-olive-fgColor-active,#3b4927)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=lemon]){--label-bgColor-rest:var(--label-lemon-bgColor-rest,#f7eea1);--label-bgColor-hover:var(--label-lemon-bgColor-hover,#f0db3d);--label-bgColor-active:var(--label-lemon-bgColor-active,#d8bd0e);--label-fgColor:var(--label-lemon-fgColor-rest,#786002);--label-fgColor-hover:var(--label-lemon-fgColor-hover,#654f01);--label-fgColor-active:var(--label-lemon-fgColor-active,#523f00)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=yellow]){--label-bgColor-rest:var(--label-yellow-bgColor-rest,#ffec9e);--label-bgColor-hover:var(--label-yellow-bgColor-hover,#ffd642);--label-bgColor-active:var(--label-yellow-bgColor-active,#ebb400);--label-fgColor:var(--label-yellow-fgColor-rest,#805900);--label-fgColor-hover:var(--label-yellow-fgColor-hover,#704d00);--label-fgColor-active:var(--label-yellow-fgColor-active,#5c3d00)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=orange]){--label-bgColor-rest:var(--label-orange-bgColor-rest,#ffe7d1);--label-bgColor-hover:var(--label-orange-bgColor-hover,#fecfaa);--label-bgColor-active:var(--label-orange-bgColor-active,#fbaf74);--label-fgColor:var(--label-orange-fgColor-rest,#a24610);--label-fgColor-hover:var(--label-orange-fgColor-hover,#8d3c11);--label-fgColor-active:var(--label-orange-fgColor-active,#70300f)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=red]){--label-bgColor-rest:var(--label-red-bgColor-rest,#ffe2e0);--label-bgColor-hover:var(--label-red-bgColor-hover,#fecdcd);--label-bgColor-active:var(--label-red-bgColor-active,#fda5a7);--label-fgColor:var(--label-red-fgColor-rest,#c50d28);--label-fgColor-hover:var(--label-red-fgColor-hover,#a60c29);--label-fgColor-active:var(--label-red-fgColor-active,#880c27)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=coral]){--label-bgColor-rest:var(--label-coral-bgColor-rest,#ffe5db);--label-bgColor-hover:var(--label-coral-bgColor-hover,#fecebe);--label-bgColor-active:var(--label-coral-bgColor-active,#fcab92);--label-fgColor:var(--label-coral-fgColor-rest,#ba2e12);--label-fgColor-hover:var(--label-coral-fgColor-hover,#9b2712);--label-fgColor-active:var(--label-coral-fgColor-active,#7e2011)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=gray]){--label-bgColor-rest:var(--label-gray-bgColor-rest,#e8ecf2);--label-bgColor-hover:var(--label-gray-bgColor-hover,#d2dae4);--label-bgColor-active:var(--label-gray-bgColor-active,#b4c0cf);--label-fgColor:var(--label-gray-fgColor-rest,#5c6570);--label-fgColor-hover:var(--label-gray-fgColor-hover,#4e535a);--label-fgColor-active:var(--label-gray-fgColor-active,#424448)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=brown]){--label-bgColor-rest:var(--label-brown-bgColor-rest,#eeeae2);--label-bgColor-hover:var(--label-brown-bgColor-hover,#dfd7c8);--label-bgColor-active:var(--label-brown-bgColor-active,#cbbda4);--label-fgColor:var(--label-brown-fgColor-rest,#755f43);--label-fgColor-hover:var(--label-brown-fgColor-hover,#64513a);--label-fgColor-active:var(--label-brown-fgColor-active,#51412f)}.prc-IssueLabel-IssueLabel-WJ5y-:where([data-variant=auburn]){--label-bgColor-rest:var(--label-auburn-bgColor-rest,#f2e9e9);--label-bgColor-hover:var(--label-auburn-bgColor-hover,#e6d6d5);--label-bgColor-active:var(--label-auburn-bgColor-active,#d4b7b5);--label-fgColor:var(--label-auburn-fgColor-rest,#8a5551);--label-fgColor-hover:var(--label-auburn-fgColor-hover,#744744);--label-fgColor-active:var(--label-auburn-fgColor-active,#5d3937)}
-/*# sourceMappingURL=IssueLabel-5507fbf3.css.map */

package/lib/experimental/IssueLabel/IssueLabel-5507fbf3.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/experimental/IssueLabel/IssueLabel.module.css","../../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,iCAgBE,kBAAmB,CANnB,0CAA2C,CAC3C,QAAS,CACT,kDAAuC,CAGvC,iEAA6C,CAR7C,0BAA2B,CAN3B,mBAAoB,CAEpB,4CAAsC,CACtC,gDAA6C,CAC7C,oDAA8C,CAH9C,sCAA+B,CAgB/B,eAAgB,CADhB,uCAAkC,CATlC,kBA6MF,CAjME,iDACE,4BAAqB,CAArB,oBAoBF,CAlBE,uDAKE,2CAA4C,CAH5C,gCAAiC,CACjC,cAGF,CAEA,wDAIE,4CAA6C,CAF7C,iCAGF,CAEA,+DCnCF,eAAgB,CAFhB,kEAAgC,CAChC,kBDsCE,CAGF,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,8DACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,8DACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,6DACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,6DACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,6DACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,8DACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,8DACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,2DACE,0DAAmD,CACnD,4DAAqD,CACrD,8DAAuD,CACvD,qDAA8C,CAC9C,4DAAqD,CACrD,8DACF,CAEA,6DACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,4DACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,6DACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,8DACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF","file":"IssueLabel-5507fbf3.css","sourcesContent":[".IssueLabel {\n  display: inline-flex;\n  min-height: var(--base-size-20);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  line-height: var(--text-body-lineHeight-small);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--label-fgColor);\n  white-space: nowrap;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--label-bgColor-rest);\n  border: 0;\n  border-radius: var(--borderRadius-full);\n\n  /* use color var for box-shadow (border) in future for high contrast themes */\n  box-shadow: var(--boxShadow-thin) transparent;\n  align-items: center;\n  padding-inline: var(--base-size-8);\n  padding-block: 0;\n\n  &:where(button, a) {\n    text-decoration: none;\n\n    &:hover {\n      /* stylelint-disable-next-line primer/colors */\n      color: var(--label-fgColor-hover);\n      cursor: pointer;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--label-bgColor-hover);\n    }\n\n    &:active {\n      /* stylelint-disable-next-line primer/colors */\n      color: var(--label-fgColor-active);\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--label-bgColor-active);\n    }\n\n    &:focus-visible {\n      @mixin focusOutline 2px;\n    }\n  }\n\n  &:where([data-variant='pink']) {\n    --label-bgColor-rest: var(--label-pink-bgColor-rest);\n    --label-bgColor-hover: var(--label-pink-bgColor-hover);\n    --label-bgColor-active: var(--label-pink-bgColor-active);\n    --label-fgColor: var(--label-pink-fgColor-rest);\n    --label-fgColor-hover: var(--label-pink-fgColor-hover);\n    --label-fgColor-active: var(--label-pink-fgColor-active);\n  }\n\n  &:where([data-variant='plum']) {\n    --label-bgColor-rest: var(--label-plum-bgColor-rest);\n    --label-bgColor-hover: var(--label-plum-bgColor-hover);\n    --label-bgColor-active: var(--label-plum-bgColor-active);\n    --label-fgColor: var(--label-plum-fgColor-rest);\n    --label-fgColor-hover: var(--label-plum-fgColor-hover);\n    --label-fgColor-active: var(--label-plum-fgColor-active);\n  }\n\n  &:where([data-variant='purple']) {\n    --label-bgColor-rest: var(--label-purple-bgColor-rest);\n    --label-bgColor-hover: var(--label-purple-bgColor-hover);\n    --label-bgColor-active: var(--label-purple-bgColor-active);\n    --label-fgColor: var(--label-purple-fgColor-rest);\n    --label-fgColor-hover: var(--label-purple-fgColor-hover);\n    --label-fgColor-active: var(--label-purple-fgColor-active);\n  }\n\n  &:where([data-variant='indigo']) {\n    --label-bgColor-rest: var(--label-indigo-bgColor-rest);\n    --label-bgColor-hover: var(--label-indigo-bgColor-hover);\n    --label-bgColor-active: var(--label-indigo-bgColor-active);\n    --label-fgColor: var(--label-indigo-fgColor-rest);\n    --label-fgColor-hover: var(--label-indigo-fgColor-hover);\n    --label-fgColor-active: var(--label-indigo-fgColor-active);\n  }\n\n  &:where([data-variant='blue']) {\n    --label-bgColor-rest: var(--label-blue-bgColor-rest);\n    --label-bgColor-hover: var(--label-blue-bgColor-hover);\n    --label-bgColor-active: var(--label-blue-bgColor-active);\n    --label-fgColor: var(--label-blue-fgColor-rest);\n    --label-fgColor-hover: var(--label-blue-fgColor-hover);\n    --label-fgColor-active: var(--label-blue-fgColor-active);\n  }\n\n  &:where([data-variant='cyan']) {\n    --label-bgColor-rest: var(--label-cyan-bgColor-rest);\n    --label-bgColor-hover: var(--label-cyan-bgColor-hover);\n    --label-bgColor-active: var(--label-cyan-bgColor-active);\n    --label-fgColor: var(--label-cyan-fgColor-rest);\n    --label-fgColor-hover: var(--label-cyan-fgColor-hover);\n    --label-fgColor-active: var(--label-cyan-fgColor-active);\n  }\n\n  &:where([data-variant='teal']) {\n    --label-bgColor-rest: var(--label-teal-bgColor-rest);\n    --label-bgColor-hover: var(--label-teal-bgColor-hover);\n    --label-bgColor-active: var(--label-teal-bgColor-active);\n    --label-fgColor: var(--label-teal-fgColor-rest);\n    --label-fgColor-hover: var(--label-teal-fgColor-hover);\n    --label-fgColor-active: var(--label-teal-fgColor-active);\n  }\n\n  &:where([data-variant='pine']) {\n    --label-bgColor-rest: var(--label-pine-bgColor-rest);\n    --label-bgColor-hover: var(--label-pine-bgColor-hover);\n    --label-bgColor-active: var(--label-pine-bgColor-active);\n    --label-fgColor: var(--label-pine-fgColor-rest);\n    --label-fgColor-hover: var(--label-pine-fgColor-hover);\n    --label-fgColor-active: var(--label-pine-fgColor-active);\n  }\n\n  &:where([data-variant='green']) {\n    --label-bgColor-rest: var(--label-green-bgColor-rest);\n    --label-bgColor-hover: var(--label-green-bgColor-hover);\n    --label-bgColor-active: var(--label-green-bgColor-active);\n    --label-fgColor: var(--label-green-fgColor-rest);\n    --label-fgColor-hover: var(--label-green-fgColor-hover);\n    --label-fgColor-active: var(--label-green-fgColor-active);\n  }\n\n  &:where([data-variant='lime']) {\n    --label-bgColor-rest: var(--label-lime-bgColor-rest);\n    --label-bgColor-hover: var(--label-lime-bgColor-hover);\n    --label-bgColor-active: var(--label-lime-bgColor-active);\n    --label-fgColor: var(--label-lime-fgColor-rest);\n    --label-fgColor-hover: var(--label-lime-fgColor-hover);\n    --label-fgColor-active: var(--label-lime-fgColor-active);\n  }\n\n  &:where([data-variant='olive']) {\n    --label-bgColor-rest: var(--label-olive-bgColor-rest);\n    --label-bgColor-hover: var(--label-olive-bgColor-hover);\n    --label-bgColor-active: var(--label-olive-bgColor-active);\n    --label-fgColor: var(--label-olive-fgColor-rest);\n    --label-fgColor-hover: var(--label-olive-fgColor-hover);\n    --label-fgColor-active: var(--label-olive-fgColor-active);\n  }\n\n  &:where([data-variant='lemon']) {\n    --label-bgColor-rest: var(--label-lemon-bgColor-rest);\n    --label-bgColor-hover: var(--label-lemon-bgColor-hover);\n    --label-bgColor-active: var(--label-lemon-bgColor-active);\n    --label-fgColor: var(--label-lemon-fgColor-rest);\n    --label-fgColor-hover: var(--label-lemon-fgColor-hover);\n    --label-fgColor-active: var(--label-lemon-fgColor-active);\n  }\n\n  &:where([data-variant='yellow']) {\n    --label-bgColor-rest: var(--label-yellow-bgColor-rest);\n    --label-bgColor-hover: var(--label-yellow-bgColor-hover);\n    --label-bgColor-active: var(--label-yellow-bgColor-active);\n    --label-fgColor: var(--label-yellow-fgColor-rest);\n    --label-fgColor-hover: var(--label-yellow-fgColor-hover);\n    --label-fgColor-active: var(--label-yellow-fgColor-active);\n  }\n\n  &:where([data-variant='orange']) {\n    --label-bgColor-rest: var(--label-orange-bgColor-rest);\n    --label-bgColor-hover: var(--label-orange-bgColor-hover);\n    --label-bgColor-active: var(--label-orange-bgColor-active);\n    --label-fgColor: var(--label-orange-fgColor-rest);\n    --label-fgColor-hover: var(--label-orange-fgColor-hover);\n    --label-fgColor-active: var(--label-orange-fgColor-active);\n  }\n\n  &:where([data-variant='red']) {\n    --label-bgColor-rest: var(--label-red-bgColor-rest);\n    --label-bgColor-hover: var(--label-red-bgColor-hover);\n    --label-bgColor-active: var(--label-red-bgColor-active);\n    --label-fgColor: var(--label-red-fgColor-rest);\n    --label-fgColor-hover: var(--label-red-fgColor-hover);\n    --label-fgColor-active: var(--label-red-fgColor-active);\n  }\n\n  &:where([data-variant='coral']) {\n    --label-bgColor-rest: var(--label-coral-bgColor-rest);\n    --label-bgColor-hover: var(--label-coral-bgColor-hover);\n    --label-bgColor-active: var(--label-coral-bgColor-active);\n    --label-fgColor: var(--label-coral-fgColor-rest);\n    --label-fgColor-hover: var(--label-coral-fgColor-hover);\n    --label-fgColor-active: var(--label-coral-fgColor-active);\n  }\n\n  &:where([data-variant='gray']) {\n    --label-bgColor-rest: var(--label-gray-bgColor-rest);\n    --label-bgColor-hover: var(--label-gray-bgColor-hover);\n    --label-bgColor-active: var(--label-gray-bgColor-active);\n    --label-fgColor: var(--label-gray-fgColor-rest);\n    --label-fgColor-hover: var(--label-gray-fgColor-hover);\n    --label-fgColor-active: var(--label-gray-fgColor-active);\n  }\n\n  &:where([data-variant='brown']) {\n    --label-bgColor-rest: var(--label-brown-bgColor-rest);\n    --label-bgColor-hover: var(--label-brown-bgColor-hover);\n    --label-bgColor-active: var(--label-brown-bgColor-active);\n    --label-fgColor: var(--label-brown-fgColor-rest);\n    --label-fgColor-hover: var(--label-brown-fgColor-hover);\n    --label-fgColor-active: var(--label-brown-fgColor-active);\n  }\n\n  &:where([data-variant='auburn']) {\n    --label-bgColor-rest: var(--label-auburn-bgColor-rest);\n    --label-bgColor-hover: var(--label-auburn-bgColor-hover);\n    --label-bgColor-active: var(--label-auburn-bgColor-active);\n    --label-fgColor: var(--label-auburn-fgColor-rest);\n    --label-fgColor-hover: var(--label-auburn-fgColor-hover);\n    --label-fgColor-active: var(--label-auburn-fgColor-active);\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/lib/experimental/IssueLabel/IssueLabel.d.ts

@@ -1,17 +0,0 @@
-import type React from 'react';
-export type Hex = `#${string}`;
-type LabelColorVariant = 'pink' | 'plum' | 'purple' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'pine' | 'green' | 'lime' | 'olive' | 'lemon' | 'yellow' | 'orange' | 'red' | 'coral' | 'gray' | 'brown' | 'auburn';
-export interface IssueLabelProps {
-    fillColor?: Hex;
-    variant?: LabelColorVariant;
-    href?: string;
-    as?: 'button' | 'a' | 'span';
-    text: React.ReactNode;
-    id?: number | string;
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>;
-    onFocus?: React.FocusEventHandler<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>;
-}
-export declare function IssueLabel({ className, fillColor, variant, href, onClick, onFocus, text, as, id, ...rest }: IssueLabelProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=IssueLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IssueLabel.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/IssueLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAE9B,KAAK,iBAAiB,GAClB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,CAAA;AAEZ,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IAC1F,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;CAC3F;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,OAAgB,EAChB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EACJ,EAAE,EACF,EAAE,EACF,GAAG,IAAI,EACR,EAAE,eAAe,qBAyCjB"}

package/lib/experimental/IssueLabel/IssueLabel.js

@@ -1,186 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var getColorFromHex = require('./getColorFromHex.js');
-var ThemeProvider = require('../../ThemeProvider.js');
-var clsx = require('clsx');
-var IssueLabel_module = require('./IssueLabel.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function IssueLabel(t0) {
-  const $ = reactCompilerRuntime.c(48);
-  let as;
-  let className;
-  let fillColor;
-  let href;
-  let id;
-  let onClick;
-  let onFocus;
-  let rest;
-  let t1;
-  let text;
-  if ($[0] !== t0) {
-    ({
-      className,
-      fillColor,
-      variant: t1,
-      href,
-      onClick,
-      onFocus,
-      text,
-      as,
-      id,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = as;
-    $[2] = className;
-    $[3] = fillColor;
-    $[4] = href;
-    $[5] = id;
-    $[6] = onClick;
-    $[7] = onFocus;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = text;
-  } else {
-    as = $[1];
-    className = $[2];
-    fillColor = $[3];
-    href = $[4];
-    id = $[5];
-    onClick = $[6];
-    onFocus = $[7];
-    rest = $[8];
-    t1 = $[9];
-    text = $[10];
-  }
-  const variant = t1 === undefined ? "gray" : t1;
-  if (href && onClick) {
-    throw new Error("`href` and `onClick` cannot both be set. Choose either a link (`<a>`) or a button (`<button>`).");
-  }
-  const {
-    resolvedColorScheme
-  } = ThemeProvider.useTheme();
-  const mode = resolvedColorScheme !== null && resolvedColorScheme !== void 0 && resolvedColorScheme.startsWith("dark") ? "dark" : "light";
-  let T0;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
-  let t9;
-  if ($[11] !== as || $[12] !== className || $[13] !== fillColor || $[14] !== href || $[15] !== id || $[16] !== mode || $[17] !== onClick || $[18] !== onFocus || $[19] !== resolvedColorScheme || $[20] !== rest || $[21] !== variant) {
-    const bgColors = {
-      light: "#ffffff",
-      dark: "#0d1117"
-    };
-    let Component = "span";
-    if (as) {
-      Component = as;
-    } else {
-      if (href) {
-        Component = "a";
-      } else {
-        if (onClick) {
-          Component = "button";
-        }
-      }
-    }
-    let t10;
-    if ($[31] !== href) {
-      t10 = href ? {
-        href
-      } : {};
-      $[31] = href;
-      $[32] = t10;
-    } else {
-      t10 = $[32];
-    }
-    const anchorProps = t10;
-    T0 = Component;
-    t2 = rest;
-    t3 = anchorProps;
-    t4 = onClick;
-    t5 = onFocus;
-    if ($[33] !== id) {
-      var _id;
-      t6 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
-      $[33] = id;
-      $[34] = t6;
-    } else {
-      t6 = $[34];
-    }
-    if ($[35] !== className) {
-      t7 = clsx.clsx(IssueLabel_module.IssueLabel, className);
-      $[35] = className;
-      $[36] = t7;
-    } else {
-      t7 = $[36];
-    }
-    t8 = fillColor ? undefined : variant;
-    t9 = fillColor ? getColorFromHex.getColorsFromHex(fillColor, resolvedColorScheme, bgColors[mode]) : undefined;
-    $[11] = as;
-    $[12] = className;
-    $[13] = fillColor;
-    $[14] = href;
-    $[15] = id;
-    $[16] = mode;
-    $[17] = onClick;
-    $[18] = onFocus;
-    $[19] = resolvedColorScheme;
-    $[20] = rest;
-    $[21] = variant;
-    $[22] = T0;
-    $[23] = t2;
-    $[24] = t3;
-    $[25] = t4;
-    $[26] = t5;
-    $[27] = t6;
-    $[28] = t7;
-    $[29] = t8;
-    $[30] = t9;
-  } else {
-    T0 = $[22];
-    t2 = $[23];
-    t3 = $[24];
-    t4 = $[25];
-    t5 = $[26];
-    t6 = $[27];
-    t7 = $[28];
-    t8 = $[29];
-    t9 = $[30];
-  }
-  let t10;
-  if ($[37] !== T0 || $[38] !== t2 || $[39] !== t3 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9 || $[46] !== text) {
-    t10 = /*#__PURE__*/jsxRuntime.jsx(T0, {
-      ...t2,
-      ...t3,
-      onClick: t4,
-      onFocus: t5,
-      id: t6,
-      className: t7,
-      "data-variant": t8,
-      style: t9,
-      children: text
-    });
-    $[37] = T0;
-    $[38] = t2;
-    $[39] = t3;
-    $[40] = t4;
-    $[41] = t5;
-    $[42] = t6;
-    $[43] = t7;
-    $[44] = t8;
-    $[45] = t9;
-    $[46] = text;
-    $[47] = t10;
-  } else {
-    t10 = $[47];
-  }
-  return t10;
-}
-
-exports.IssueLabel = IssueLabel;

package/lib/experimental/IssueLabel/IssueLabel.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./IssueLabel-5507fbf3.css');
-
-var classes = {"IssueLabel":"prc-IssueLabel-IssueLabel-WJ5y-"};
-
-module.exports = classes;

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

@@ -1,10 +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
- * @param colorScheme — the color scheme the user has currently set
- * @param bgColor — the background color from the selected theme, needed to calc the contrast for the colors
- * @returns
- */
-export declare const getColorsFromHex: (colorHex: Hex, colorScheme: string | undefined, bgColor: Hex) => React.CSSProperties | undefined;
-//# sourceMappingURL=getColorFromHex.d.ts.map

package/lib/experimental/IssueLabel/getColorFromHex.js

@@ -1,155 +0,0 @@
-'use strict';
-
-var color2k = require('color2k');
-var hsluv = require('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
- * @param colorScheme — the color scheme the user has currently set
- * @param bgColor — the background color from the selected theme, needed to calc the contrast for the colors
- * @returns
- */
-const getColorsFromHex = (colorHex, colorScheme = 'light', bgColor) => {
-  // start values for light mode
-  let bgLightness = 96;
-  let lightnessIncrement = -1;
-  let ratio = 4.5;
-  // start values for dark mode
-  if (colorScheme.startsWith('dark')) {
-    bgLightness = 16;
-    lightnessIncrement = 1;
-    ratio = 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: backgroundColor,
-    lightness: currentBgLightness
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: bgLightness
-  }), bgColor, 1.2, lightnessIncrement);
-
-  // 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: textColor
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: 50
-  }), backgroundColor, ratio, lightnessIncrement);
-  return {
-    '--label-bgColor-rest': backgroundColor,
-    '--label-bgColor-hover': hsluvToHex({
-      h,
-      s,
-      l: currentBgLightness + 4 * lightnessIncrement
-    }),
-    '--label-bgColor-active': hsluvToHex({
-      h,
-      s,
-      l: currentBgLightness + 8 * lightnessIncrement
-    }),
-    '--label-fgColor': textColor,
-    '--label-fgColor-hover': textColor,
-    '--label-fgColor-active': textColor
-  };
-};
-/**
- * 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 (color2k.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.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.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;
-};
-
-exports.getColorsFromHex = getColorsFromHex;

package/lib/experimental/IssueLabel/index.d.ts

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