@primer/react 38.0.0-rc.6 → 38.0.0-rc.8

package/dist/deprecated/ActionList/List.js

@@ -1,10 +1,11 @@
+import { c } from 'react-compiler-runtime';
 import React, { createElement } from 'react';
 import { Group } from './Group.js';
 import { Item } from './Item.js';
 import { Divider } from './Divider.js';
-import { hasActiveDescendantAttribute } from '@primer/behaviors';
-import { BoxWithFallback } from '../../internal/components/BoxWithFallback.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import classes from './List.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 /**
  * Asserts that the given value fulfills the `GroupedListProps` contract.
@@ -62,87 +63,63 @@ function useListVariant(variant = 'inset') {
  * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
  */
 const List = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
-  // Extract style prop to avoid conflicts with BoxWithFallback
+  const $ = c(14);
   const {
     style,
     ...restProps
   } = props;
-  // Get style objects for `List` children matching the given `List` style variation.
   const {
     firstGroupStyle,
     lastGroupStyle,
     headerStyle,
     itemStyle
   } = useListVariant(restProps.variant);
-
-  /**
-   * Render a `Group` using the first of the following renderers that is defined:
-   * A `Group`-level or `List`-level custom `Group` renderer, or
-   * the default `Group` renderer.
-   */
   const renderGroup = groupProps => {
     var _ref;
-    const GroupComponent = ((_ref = 'renderGroup' in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : restProps.renderGroup) || Group;
+    const GroupComponent = ((_ref = "renderGroup" in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : restProps.renderGroup) || Group;
     return /*#__PURE__*/createElement(GroupComponent, {
       ...groupProps,
       key: groupProps.groupId
     });
   };
-
-  /**
-   * Render an `Item` using the first of the following renderers that is defined:
-   * An `Item`-level, `Group`-level, or `List`-level custom `Item` renderer,
-   * or the default `Item` renderer.
-   */
   const renderItem = (itemProps, item, itemIndex) => {
     var _ref2, _ref3, _itemProps$id;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const ItemComponent = 'renderItem' in itemProps && itemProps.renderItem || restProps.renderItem || Item;
-    const key = (_ref2 = (_ref3 = 'key' in itemProps ? itemProps.key : undefined) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
+    const ItemComponent = "renderItem" in itemProps && itemProps.renderItem || restProps.renderItem || Item;
+    const key = (_ref2 = (_ref3 = "key" in itemProps ? itemProps.key : undefined) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
     return /*#__PURE__*/createElement(ItemComponent, {
       showDivider: restProps.showItemDividers,
       selectionVariant: restProps.selectionVariant,
       ...itemProps,
       key: key,
-      sx: {
-        ...itemStyle,
-        ...itemProps.sx
-      },
+      style: itemStyle,
       item: item
     });
   };
-
-  /**
-   * An array of `Group`s, each with an associated `Header` and with an array of `Item`s belonging to that `Group`.
-   */
   let groups = [];
-
-  // Collect rendered `Item`s into `Group`s, avoiding excess iteration over the lists of `items` and `groupMetadata`:
   if (!isGroupedListProps(restProps)) {
-    // When no `groupMetadata`s is provided, collect rendered `Item`s into a single anonymous `Group`.
+    let t0;
+    if ($[0] !== renderItem) {
+      t0 = (item_0, index) => renderItem(item_0, item_0, index);
+      $[0] = renderItem;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
     groups = [{
-      items: restProps.items.map((item_0, index) => renderItem(item_0, item_0, index)),
-      groupId: '0'
+      items: restProps.items.map(t0),
+      groupId: "0"
     }];
   } else {
-    // When `groupMetadata` is provided, collect rendered `Item`s into their associated `Group`s.
-
-    /**
-     * A map of group identifiers to `Group`s, each with an associated array of `Item`s belonging to that `Group`.
-     */
-    const groupMap = restProps.groupMetadata.reduce((groupAccumulator, groupMetadata) => groupAccumulator.set(groupMetadata.groupId, groupMetadata), new Map());
+    const groupMap = restProps.groupMetadata.reduce(_temp, new Map());
     for (const itemProps_0 of restProps.items) {
       var _group$items$length, _group$items, _group$items2;
-      // Look up the group associated with the current item.
       const group = groupMap.get(itemProps_0.groupId);
       const itemIndex_0 = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
-
-      // Upsert the group to include the current item (rendered).
       groupMap.set(itemProps_0.groupId, {
         ...group,
         items: [...((_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : []), renderItem({
           showDivider: group === null || group === void 0 ? void 0 : group.showItemDividers,
-          ...(group && 'renderItem' in group && {
+          ...(group && "renderItem" in group && {
             renderItem: group.renderItem
           }),
           ...itemProps_0
@@ -151,49 +128,82 @@ const List = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     }
     groups = [...groupMap.values()];
   }
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    ...restProps,
-    ref: forwardedRef,
-    style: {
+  let t0;
+  if ($[2] !== props.className) {
+    t0 = clsx(classes.List, props.className);
+    $[2] = props.className;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  let t1;
+  if ($[4] !== style) {
+    t1 = style || {};
+    $[4] = style;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1) {
+    t2 = {
       ...listStyles,
-      ...(style || {})
-    },
-    sx: {
-      [`&[${hasActiveDescendantAttribute}], &:focus-within`]: {
-        '--item-hover-bg-override': 'none',
-        '--item-hover-divider-border-color-override': 'var(--borderColor-muted)'
-      }
-    },
-    children: groups.map(({
+      ...t1
+    };
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const t4 = groups.map((t3, index_0) => {
+    const {
       header,
       ...groupProps_0
-    }, index_0) => {
-      const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === 'filled';
-      const shouldShowDivider = index_0 > 0 && !hasFilledHeader;
-      return /*#__PURE__*/jsxs(React.Fragment, {
-        children: [shouldShowDivider ? /*#__PURE__*/jsx(Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
-          sx: {
-            ...(index_0 === 0 && firstGroupStyle),
-            ...(index_0 === groups.length - 1 && lastGroupStyle),
-            ...(index_0 > 0 && !shouldShowDivider && {
-              mt: 2
-            })
-          },
-          ...(header && {
-            header: {
-              ...header,
-              sx: {
-                ...headerStyle,
-                ...header.sx
-              }
-            }
-          }),
-          ...groupProps_0
-        })]
-      }, groupProps_0.groupId);
-    })
+    } = t3;
+    const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === "filled";
+    const shouldShowDivider = index_0 > 0 && !hasFilledHeader;
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [shouldShowDivider ? /*#__PURE__*/jsx(Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
+        style: {
+          ...(index_0 === 0 && firstGroupStyle),
+          ...(index_0 === groups.length - 1 && lastGroupStyle),
+          ...(index_0 > 0 && !shouldShowDivider && {
+            marginTop: "var(--base-size-8, 8px)"
+          })
+        },
+        ...(header && {
+          header: {
+            ...header,
+            style: headerStyle
+          }
+        }),
+        ...groupProps_0
+      })]
+    }, groupProps_0.groupId);
   });
+  let t5;
+  if ($[8] !== forwardedRef || $[9] !== restProps || $[10] !== t0 || $[11] !== t2 || $[12] !== t4) {
+    t5 = /*#__PURE__*/jsx("div", {
+      ...restProps,
+      ref: forwardedRef,
+      className: t0,
+      style: t2,
+      children: t4
+    });
+    $[8] = forwardedRef;
+    $[9] = restProps;
+    $[10] = t0;
+    $[11] = t2;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
 });
 List.displayName = 'ActionList';
+function _temp(groupAccumulator, groupMetadata) {
+  return groupAccumulator.set(groupMetadata.groupId, groupMetadata);
+}
 
 export { List };

package/dist/deprecated/ActionList/List.module.css.js

@@ -0,0 +1,5 @@
+import './List-1ec9d6d9.css';
+
+var classes = {"List":"prc-ActionList-List-bKPOb"};
+
+export { classes as default };

package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css

@@ -0,0 +1,2 @@
+.prc-UnderlineNav-UnderlineNav-4E9Yr{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,var(--color-border-muted));display:flex;justify-content:space-between}.prc-UnderlineNav-UnderlineNav-4E9Yr.prc-UnderlineNav-UnderlineNav--right-Trs9C{justify-content:flex-end}.prc-UnderlineNav-UnderlineNav-4E9Yr.prc-UnderlineNav-UnderlineNav--right-Trs9C .prc-UnderlineNav-UnderlineNavItem-nmHMS{margin-left:var(--base-size-16,1rem);margin-right:0}.prc-UnderlineNav-UnderlineNav-4E9Yr.prc-UnderlineNav-UnderlineNav--right-Trs9C .prc-UnderlineNav-UnderlineNavActions-onc2h{flex:1 1 auto}.prc-UnderlineNav-UnderlineNav-4E9Yr.prc-UnderlineNav-UnderlineNav--full-kE3kc{display:block}.prc-UnderlineNav-UnderlineNav-4E9Yr .prc-UnderlineNav-UnderlineNavBody-bh1JN{display:flex;margin-bottom:-1px}.prc-UnderlineNav-UnderlineNav-4E9Yr .prc-UnderlineNav-UnderlineNavActions-onc2h{align-self:center}.prc-UnderlineNav-UnderlineNavLink-7BXiO{border-bottom:2px solid transparent;color:var(--fgColor-default,var(--color-fg-default));font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-title-lineHeight-large,1.5);margin-right:var(--base-size-16,1rem);padding:var(--base-size-16,1rem) var(--base-size-8,.5rem);text-align:center;-webkit-text-decoration:none;text-decoration:none}.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus:not(:disabled){box-shadow:none;outline:2px solid var(--fgColor-accent,var(--color-accent-fg));outline-offset:-8px}.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus:not(:disabled):not(:focus-visible){outline:1px solid transparent}.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--fgColor-accent,var(--color-accent-fg));outline-offset:-8px}.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus,.prc-UnderlineNav-UnderlineNavLink-7BXiO:hover{border-bottom-color:var(--borderColor-muted,var(--color-border-muted));color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none;transition:border-bottom-color .2s ease}.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t,.prc-UnderlineNav-UnderlineNavLink-7BXiO:hover .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-UnderlineNav-UnderlineNavLink-7BXiO:where([data-selected]){border-bottom-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active));color:var(--fgColor-default,var(--color-fg-default))}.prc-UnderlineNav-UnderlineNavLink-7BXiO:where([data-selected]) .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t{color:var(--fgColor-default,var(--color-fg-default))}
+/*# sourceMappingURL=UnderlineNav-0c1e0dff.css.map */

package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/deprecated/UnderlineNav/UnderlineNav.module.css"],"names":[],"mappings":"AAAA,qCAGE,uGAAqE,CAFrE,YAAa,CACb,6BA6BF,CA1BE,gFACE,wBACF,CAEA,yHAEE,oCAAgC,CADhC,cAEF,CAEA,4HACE,aACF,CAEA,+EACE,aACF,CAEA,8EACE,YAAa,CAEb,kBACF,CAEA,iFACE,iBACF,CAGF,yCAQE,mCAAoC,CAHpC,oDAA6B,CAF7B,8CAAuC,CACvC,kDAA+C,CAF/C,qCAAiC,CADjC,yDAA+C,CAK/C,iBAAkB,CAGlB,4BAAqB,CAArB,oBAoBF,CAjBE,8DACE,eAAgB,CAChB,8DAAwC,CACxC,mBAMF,CAHE,kFACE,6BACF,CAIF,sEACE,eAAgB,CAChB,8DAAwC,CACxC,mBACF,CAGF,8FAIE,sEAA6C,CAF7C,oDAA6B,CAC7B,4BAAqB,CAArB,oBAAqB,CAErB,uCACF,CAEA,sLAEE,gDACF,CAEA,gEAEE,4FAA2D,CAD3D,oDAEF,CAEA,4GACE,oDACF","file":"UnderlineNav-0c1e0dff.css","sourcesContent":[".UnderlineNav {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n  &.UnderlineNav--right {\n    justify-content: flex-end;\n  }\n\n  &.UnderlineNav--right .UnderlineNavItem {\n    margin-right: 0;\n    margin-left: var(--base-size-16);\n  }\n\n  &.UnderlineNav--right .UnderlineNavActions {\n    flex: 1 1 auto;\n  }\n\n  &.UnderlineNav--full {\n    display: block;\n  }\n\n  .UnderlineNavBody {\n    display: flex;\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: -1px;\n  }\n\n  .UnderlineNavActions {\n    align-self: center;\n  }\n}\n\n.UnderlineNavLink {\n  padding: var(--base-size-16) var(--base-size-8);\n  margin-right: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  line-height: var(--text-title-lineHeight-large);\n  color: var(--fgColor-default);\n  text-align: center;\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom: 2px solid transparent;\n  text-decoration: none;\n\n  /* fallback :focus state */\n  &:focus:not(:disabled) {\n    box-shadow: none;\n    outline: 2px solid var(--fgColor-accent);\n    outline-offset: -8px;\n\n    /* remove fallback :focus if :focus-visible is supported */\n    &:not(:focus-visible) {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* default focus state */\n  &:focus-visible:not(:disabled) {\n    box-shadow: none;\n    outline: 2px solid var(--fgColor-accent);\n    outline-offset: -8px;\n  }\n}\n\n.UnderlineNavLink:hover,\n.UnderlineNavLink:focus {\n  color: var(--fgColor-default);\n  text-decoration: none;\n  border-bottom-color: var(--borderColor-muted);\n  transition: border-bottom-color 0.2s ease;\n}\n\n.UnderlineNavLink:hover .UnderlineNavOcticon,\n.UnderlineNavLink:focus .UnderlineNavOcticon {\n  color: var(--fgColor-muted);\n}\n\n.UnderlineNavLink:where([data-selected]) {\n  color: var(--fgColor-default);\n  border-bottom-color: var(--underlineNav-borderColor-active);\n}\n\n.UnderlineNavLink:where([data-selected]) .UnderlineNavOcticon {\n  color: var(--fgColor-default);\n}\n"]}

package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts

@@ -1,25 +1,23 @@
 import type { To } from 'history';
-import type React from 'react';
-import type { ComponentProps } from '../../utils/types';
-declare const UnderlineNavBase: import("styled-components").StyledComponent<"nav", any, {}, never>;
+import React from 'react';
 export type UnderlineNavProps = {
     actions?: React.ReactNode;
     align?: 'right';
     full?: boolean;
     label?: string;
-} & ComponentProps<typeof UnderlineNavBase>;
-declare function UnderlineNav({ actions, className, align, children, full, label, theme, ...rest }: UnderlineNavProps): React.JSX.Element;
+} & React.ComponentProps<'nav'>;
+declare function UnderlineNav({ actions, className, align, children, full, label, ...rest }: UnderlineNavProps): React.JSX.Element;
 type StyledUnderlineNavLinkProps = {
     to?: To;
     selected?: boolean;
 };
-declare const UnderlineNavLink: import("styled-components").StyledComponent<"a", any, StyledUnderlineNavLinkProps, never>;
-export type UnderlineNavLinkProps = ComponentProps<typeof UnderlineNavLink>;
+type UnderlineNavLinkProps = React.ComponentProps<'a'> & StyledUnderlineNavLinkProps;
+export type { UnderlineNavLinkProps };
 /**
  * @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.
  */
 declare const _default: typeof UnderlineNav & {
-    Link: import("styled-components").StyledComponent<"a", any, StyledUnderlineNavLinkProps, never>;
+    Link: React.ForwardRefExoticComponent<Omit<UnderlineNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 };
 export default _default;
 //# sourceMappingURL=UnderlineNav.d.ts.map

package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../../src/deprecated/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,gBAAgB,oEA4BrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3C,iBAAS,YAAY,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAa1G;AAED,KAAK,2BAA2B,GAAG;IACjC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAkCrB,CAAA;AAID,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC3E;;GAEG;;;;AACH,wBAAoE"}
+{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../../src/deprecated/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/B,iBAAS,YAAY,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAanG;AAED,KAAK,2BAA2B,GAAG;IACjC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,2BAA2B,CAAA;AAYpF,YAAY,EAAC,qBAAqB,EAAC,CAAA;AACnC;;GAEG;;;;AACH,wBAAoE"}

package/dist/deprecated/UnderlineNav/UnderlineNav.js

@@ -1,16 +1,9 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
-import styled from 'styled-components';
-import { get } from '../../constants.js';
-import getGlobalFocusStyles from '../../internal/utils/getGlobalFocusStyles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import classes from './UnderlineNav.module.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-const ITEM_CLASS = 'PRC-UnderlineNav-item';
-const SELECTED_CLASS = 'PRC-selected';
-const UnderlineNavBase = styled.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;}"], get('colors.border.muted'), get('space.3'));
 function UnderlineNav(t0) {
   const $ = c(24);
   let actions;
@@ -20,7 +13,6 @@ function UnderlineNav(t0) {
   let full;
   let label;
   let rest;
-  let theme;
   if ($[0] !== t0) {
     ({
       actions,
@@ -29,7 +21,6 @@ function UnderlineNav(t0) {
       children,
       full,
       label,
-      theme,
       ...rest
     } = t0);
     $[0] = t0;
@@ -40,7 +31,6 @@ function UnderlineNav(t0) {
     $[5] = full;
     $[6] = label;
     $[7] = rest;
-    $[8] = theme;
   } else {
     actions = $[1];
     align = $[2];
@@ -49,70 +39,121 @@ function UnderlineNav(t0) {
     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(className, "PRC-UnderlineNav", t1, t2);
+  const t1 = align === "right";
+  let t2;
+  if ($[8] !== align || $[9] !== className || $[10] !== full || $[11] !== t1) {
+    t2 = clsx(className, classes.UnderlineNav, "PRC-UnderlineNav", {
+      [classes["UnderlineNav--right"]]: t1,
+      [classes["UnderlineNav--full"]]: full,
+      "PRC-UnderlineNav--full": full,
+      "PRC-UnderlineNav--right": align
+    });
+    $[8] = align;
     $[9] = className;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t3;
+    $[10] = full;
+    $[11] = t1;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  const navClasses = t2;
+  let t3;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = clsx(classes.UnderlineNavBody, "PRC-UnderlineNav-body");
+    $[13] = t3;
   } else {
-    t3 = $[12];
+    t3 = $[13];
   }
-  const classes = t3;
   let t4;
-  if ($[13] !== children) {
+  if ($[14] !== children) {
     t4 = /*#__PURE__*/jsx("div", {
-      className: "PRC-UnderlineNav-body",
+      className: t3,
       children: children
     });
-    $[13] = children;
-    $[14] = t4;
+    $[14] = children;
+    $[15] = t4;
   } else {
-    t4 = $[14];
+    t4 = $[15];
   }
   let t5;
-  if ($[15] !== actions) {
+  if ($[16] !== actions) {
     t5 = actions && /*#__PURE__*/jsx("div", {
-      className: "PRC-UnderlineNav-actions",
+      className: clsx(classes.UnderlineNavActions, "PRC-UnderlineNav-actions"),
       children: actions
     });
-    $[15] = actions;
-    $[16] = t5;
+    $[16] = actions;
+    $[17] = t5;
   } else {
-    t5 = $[16];
+    t5 = $[17];
   }
   let t6;
-  if ($[17] !== classes || $[18] !== label || $[19] !== rest || $[20] !== t4 || $[21] !== t5 || $[22] !== theme) {
-    t6 = /*#__PURE__*/jsxs(UnderlineNavBase, {
-      className: classes,
+  if ($[18] !== label || $[19] !== navClasses || $[20] !== rest || $[21] !== t4 || $[22] !== t5) {
+    t6 = /*#__PURE__*/jsxs("nav", {
+      className: navClasses,
       "aria-label": label,
-      theme: theme,
       ...rest,
       children: [t4, t5]
     });
-    $[17] = classes;
     $[18] = label;
-    $[19] = rest;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = theme;
+    $[19] = navClasses;
+    $[20] = rest;
+    $[21] = t4;
+    $[22] = t5;
     $[23] = t6;
   } else {
     t6 = $[23];
   }
   return t6;
 }
-const UnderlineNavLink = styled.a.attrs(props => ({
-  className: 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:", ";}}", ";"], get('space.3'), get('space.2'), get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.fg.default'), get('colors.fg.default'), get('colors.neutral.muted'), get('colors.fg.muted'), get('colors.fg.default'), get('colors.primer.border.active'), get('colors.fg.default'), getGlobalFocusStyles('-8px'));
+const UnderlineNavLink = /*#__PURE__*/React.forwardRef(function UnderlineNavLink(t0, forwardRef) {
+  const $ = c(11);
+  let className;
+  let props;
+  let selected;
+  if ($[0] !== t0) {
+    ({
+      className,
+      selected,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = selected;
+  } else {
+    className = $[1];
+    props = $[2];
+    selected = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx(classes.UnderlineNavItem, className, classes.UnderlineNavLink);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const linkClasses = t1;
+  const t2 = selected ? "" : undefined;
+  let t3;
+  if ($[6] !== forwardRef || $[7] !== linkClasses || $[8] !== props || $[9] !== t2) {
+    t3 = /*#__PURE__*/jsx("a", {
+      ref: forwardRef,
+      "data-selected": t2,
+      className: linkClasses,
+      ...props
+    });
+    $[6] = forwardRef;
+    $[7] = linkClasses;
+    $[8] = props;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+});
 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.

package/dist/deprecated/UnderlineNav/UnderlineNav.module.css.js

@@ -0,0 +1,5 @@
+import './UnderlineNav-0c1e0dff.css';
+
+var classes = {"UnderlineNav":"prc-UnderlineNav-UnderlineNav-4E9Yr","UnderlineNav--right":"prc-UnderlineNav-UnderlineNav--right-Trs9C","UnderlineNavItem":"prc-UnderlineNav-UnderlineNavItem-nmHMS","UnderlineNavActions":"prc-UnderlineNav-UnderlineNavActions-onc2h","UnderlineNav--full":"prc-UnderlineNav-UnderlineNav--full-kE3kc","UnderlineNavBody":"prc-UnderlineNav-UnderlineNavBody-bh1JN","UnderlineNavLink":"prc-UnderlineNav-UnderlineNavLink-7BXiO"};
+
+export { classes as default };

package/dist/experimental/IssueLabel/{IssueLabel-6581d1bd.css → IssueLabel-d9c2c5cf.css}

@@ -1,2 +1,2 @@
-@layer primer.components.IssueLabel{.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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-6581d1bd.css.map */
+@layer primer.components.IssueLabel{.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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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-[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)}[data-color-mode=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}[data-color-mode=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}[data-color-mode=auto][data-light-theme*=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}[data-color-mode=auto][data-dark-theme*=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}}}
+/*# sourceMappingURL=IssueLabel-d9c2c5cf.css.map */

package/dist/experimental/IssueLabel/IssueLabel-d9c2c5cf.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/experimental/IssueLabel/IssueLabel.module.css","../../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,oCACE,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,+DCpCJ,eAAgB,CAFhB,kEAAgC,CAChC,kBDuCI,CAGF,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,mDACE,0DAAmD,CACnD,4DAAqD,CACrD,8DAAuD,CACvD,qDAA8C,CAC9C,4DAAqD,CACrD,8DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAGF,4EACE,mDAAoD,CACpD,qDAAsD,CACtD,uDAAwD,CACxD,yCAA0C,CAC1C,qDAAsD,CACtD,uDACF,CAEA,6EACE,oDAAqD,CACrD,sDAAuD,CACvD,wDAAyD,CACzD,0CAA2C,CAC3C,sDAAuD,CACvD,wDACF,CAEA,oCACE,qGACE,oDAAqD,CACrD,sDAAuD,CACvD,wDAAyD,CACzD,0CAA2C,CAC3C,sDAAuD,CACvD,wDACF,CAEA,oGACE,mDAAoD,CACpD,qDAAsD,CACtD,uDAAwD,CACxD,yCAA0C,CAC1C,qDAAsD,CACtD,uDACF,CACF,CAEA,mCACE,oGACE,oDAAqD,CACrD,sDAAuD,CACvD,wDAAyD,CACzD,0CAA2C,CAC3C,sDAAuD,CACvD,wDACF,CAEA,mGACE,mDAAoD,CACpD,qDAAsD,CACtD,uDAAwD,CACxD,yCAA0C,CAC1C,qDAAsD,CACtD,uDACF,CACF,CACF","file":"IssueLabel-d9c2c5cf.css","sourcesContent":["@layer primer.components.IssueLabel {\n  .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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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    &[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\n  [data-color-mode='dark'] .IssueLabel:not([data-variant]) {\n    --label-bgColor-rest: var(--label-bgColor-dark-rest);\n    --label-bgColor-hover: var(--label-bgColor-dark-hover);\n    --label-bgColor-active: var(--label-bgColor-dark-active);\n    --label-fgColor: var(--label-fgColor-dark);\n    --label-fgColor-hover: var(--label-fgColor-dark-hover);\n    --label-fgColor-active: var(--label-fgColor-dark-active);\n  }\n\n  [data-color-mode='light'] .IssueLabel:not([data-variant]) {\n    --label-bgColor-rest: var(--label-bgColor-light-rest);\n    --label-bgColor-hover: var(--label-bgColor-light-hover);\n    --label-bgColor-active: var(--label-bgColor-light-active);\n    --label-fgColor: var(--label-fgColor-light);\n    --label-fgColor-hover: var(--label-fgColor-light-hover);\n    --label-fgColor-active: var(--label-fgColor-light-active);\n  }\n\n  @media (prefers-color-scheme: light) {\n    [data-color-mode='auto'][data-light-theme*='light'] .IssueLabel:not([data-variant]) {\n      --label-bgColor-rest: var(--label-bgColor-light-rest);\n      --label-bgColor-hover: var(--label-bgColor-light-hover);\n      --label-bgColor-active: var(--label-bgColor-light-active);\n      --label-fgColor: var(--label-fgColor-light);\n      --label-fgColor-hover: var(--label-fgColor-light-hover);\n      --label-fgColor-active: var(--label-fgColor-light-active);\n    }\n\n    [data-color-mode='auto'][data-light-theme*='dark'] .IssueLabel:not([data-variant]) {\n      --label-bgColor-rest: var(--label-bgColor-dark-rest);\n      --label-bgColor-hover: var(--label-bgColor-dark-hover);\n      --label-bgColor-active: var(--label-bgColor-dark-active);\n      --label-fgColor: var(--label-fgColor-dark);\n      --label-fgColor-hover: var(--label-fgColor-dark-hover);\n      --label-fgColor-active: var(--label-fgColor-dark-active);\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode='auto'][data-dark-theme*='light'] .IssueLabel:not([data-variant]) {\n      --label-bgColor-rest: var(--label-bgColor-light-rest);\n      --label-bgColor-hover: var(--label-bgColor-light-hover);\n      --label-bgColor-active: var(--label-bgColor-light-active);\n      --label-fgColor: var(--label-fgColor-light);\n      --label-fgColor-hover: var(--label-fgColor-light-hover);\n      --label-fgColor-active: var(--label-fgColor-light-active);\n    }\n\n    [data-color-mode='auto'][data-dark-theme*='dark'] .IssueLabel:not([data-variant]) {\n      --label-bgColor-rest: var(--label-bgColor-dark-rest);\n      --label-bgColor-hover: var(--label-bgColor-dark-hover);\n      --label-bgColor-active: var(--label-bgColor-dark-active);\n      --label-fgColor: var(--label-fgColor-dark);\n      --label-fgColor-hover: var(--label-fgColor-dark-hover);\n      --label-fgColor-active: var(--label-fgColor-dark-active);\n    }\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/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;AAK9B,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;AAsDhG,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;AA+ChG,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,GAAG,EAAC,CAAA"}