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

package/lib/deprecated/index.d.ts

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

package/lib/deprecated/index.js

@@ -1,26 +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 PointerBox = require('../PointerBox/PointerBox.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.PointerBox = PointerBox;
-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-6581d1bd.css

@@ -1,2 +0,0 @@
-@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 */

package/lib/experimental/IssueLabel/IssueLabel-6581d1bd.css.map

@@ -1 +0,0 @@
-{"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,CAEJ","file":"IssueLabel-6581d1bd.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","@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,32 +0,0 @@
-import type React from 'react';
-type Hex = `#${string}`;
-type LabelColorVariant = 'auburn' | 'blue' | 'brown' | 'coral' | 'cyan' | 'gray' | 'green' | 'indigo' | 'lemon' | 'lime' | 'olive' | 'orange' | 'pine' | 'pink' | 'plum' | 'purple' | 'red' | 'teal' | 'yellow';
-type BaseProps = {
-    className?: string;
-    fillColor?: Hex;
-    variant?: LabelColorVariant;
-};
-type ButtonProps = React.ComponentPropsWithoutRef<'button'> & BaseProps & {
-    as?: never;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-};
-type LinkProps = React.ComponentPropsWithoutRef<'a'> & BaseProps & {
-    as?: never;
-    href: string;
-};
-type SpanProps = Omit<React.ComponentPropsWithoutRef<'span'>, 'onClick'> & BaseProps & {
-    as?: never;
-    onClick?: never;
-    href?: never;
-};
-type IssueLabelAsProps<As extends React.ElementType> = {
-    as: As;
-} & BaseProps & Omit<React.ComponentPropsWithoutRef<As>, keyof BaseProps>;
-type IssueLabelProps<As extends React.ElementType> = SpanProps | LinkProps | ButtonProps | IssueLabelAsProps<As>;
-declare function IssueLabel(props: SpanProps): React.ReactNode;
-declare function IssueLabel(props: LinkProps): React.ReactNode;
-declare function IssueLabel(props: ButtonProps): React.ReactNode;
-declare function IssueLabel<As extends React.ElementType>(props: IssueLabelAsProps<As>): React.ReactNode;
-export { IssueLabel };
-export type { IssueLabelProps, Hex };
-//# sourceMappingURL=IssueLabel.d.ts.map

package/lib/experimental/IssueLabel/IssueLabel.js

@@ -1,180 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var ThemeProvider = require('../../ThemeProvider.js');
-var getColorFromHex = require('./getColorFromHex.js');
-var IssueLabel_module = require('./IssueLabel.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function IssueLabel(t0) {
-  const $ = reactCompilerRuntime.c(42);
-  let children;
-  let className;
-  let fillColor;
-  let props;
-  let style;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      fillColor,
-      style,
-      variant: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = fillColor;
-    $[4] = props;
-    $[5] = style;
-    $[6] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    fillColor = $[3];
-    props = $[4];
-    style = $[5];
-    t1 = $[6];
-  }
-  const variant = t1 === undefined ? "gray" : t1;
-  const {
-    resolvedColorScheme
-  } = ThemeProvider.useTheme();
-  const mode = resolvedColorScheme !== null && resolvedColorScheme !== void 0 && resolvedColorScheme.startsWith("dark") ? "dark" : "light";
-  let t2;
-  let t3;
-  let t4;
-  if ($[7] !== className || $[8] !== fillColor || $[9] !== mode || $[10] !== resolvedColorScheme || $[11] !== style || $[12] !== variant) {
-    const bgColors = {
-      light: "#ffffff",
-      dark: "#0d1117"
-    };
-    if ($[16] !== className) {
-      t2 = clsx.clsx(className, IssueLabel_module.IssueLabel);
-      $[16] = className;
-      $[17] = t2;
-    } else {
-      t2 = $[17];
-    }
-    t3 = fillColor ? undefined : variant;
-    t4 = fillColor ? {
-      ...style,
-      ...getColorFromHex.getColorsFromHex(fillColor, resolvedColorScheme, bgColors[mode])
-    } : style;
-    $[7] = className;
-    $[8] = fillColor;
-    $[9] = mode;
-    $[10] = resolvedColorScheme;
-    $[11] = style;
-    $[12] = variant;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
-  } else {
-    t2 = $[13];
-    t3 = $[14];
-    t4 = $[15];
-  }
-  let t5;
-  if ($[18] !== t2 || $[19] !== t3 || $[20] !== t4) {
-    t5 = {
-      className: t2,
-      "data-variant": t3,
-      style: t4
-    };
-    $[18] = t2;
-    $[19] = t3;
-    $[20] = t4;
-    $[21] = t5;
-  } else {
-    t5 = $[21];
-  }
-  const sharedProps = t5;
-  if ("as" in props && props.as) {
-    let BaseComponent;
-    let rest;
-    if ($[22] !== props) {
-      ({
-        as: BaseComponent,
-        ...rest
-      } = props);
-      $[22] = props;
-      $[23] = BaseComponent;
-      $[24] = rest;
-    } else {
-      BaseComponent = $[23];
-      rest = $[24];
-    }
-    let t6;
-    if ($[25] !== BaseComponent || $[26] !== children || $[27] !== rest || $[28] !== sharedProps) {
-      t6 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
-        ...rest,
-        ...sharedProps,
-        children: children
-      });
-      $[25] = BaseComponent;
-      $[26] = children;
-      $[27] = rest;
-      $[28] = sharedProps;
-      $[29] = t6;
-    } else {
-      t6 = $[29];
-    }
-    return t6;
-  }
-  if ("href" in props) {
-    let t6;
-    if ($[30] !== children || $[31] !== props || $[32] !== sharedProps) {
-      t6 = /*#__PURE__*/jsxRuntime.jsx("a", {
-        ...props,
-        ...sharedProps,
-        children: children
-      });
-      $[30] = children;
-      $[31] = props;
-      $[32] = sharedProps;
-      $[33] = t6;
-    } else {
-      t6 = $[33];
-    }
-    return t6;
-  }
-  if ("onClick" in props) {
-    let t6;
-    if ($[34] !== children || $[35] !== props || $[36] !== sharedProps) {
-      t6 = /*#__PURE__*/jsxRuntime.jsx("button", {
-        type: "button",
-        ...props,
-        ...sharedProps,
-        children: children
-      });
-      $[34] = children;
-      $[35] = props;
-      $[36] = sharedProps;
-      $[37] = t6;
-    } else {
-      t6 = $[37];
-    }
-    return t6;
-  }
-  let t6;
-  if ($[38] !== children || $[39] !== props || $[40] !== sharedProps) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      ...props,
-      ...sharedProps,
-      children: children
-    });
-    $[38] = children;
-    $[39] = props;
-    $[40] = sharedProps;
-    $[41] = t6;
-  } else {
-    t6 = $[41];
-  }
-  return t6;
-}
-
-exports.IssueLabel = IssueLabel;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./IssueLabel-6581d1bd.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

package/lib/experimental/SelectPanel2/SelectPanel-e919f619.css

@@ -1,2 +0,0 @@
-.prc-SelectPanel2-Overlay-ZMksW{border:none;color:var(--fgColor-default,var(--color-fg-default));padding:0;--max-height:0;--position-top:0;--position-left:0}.prc-SelectPanel2-Overlay-ZMksW:where([open]){display:flex}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=anchored]),.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]){left:var(--position-left);margin:0;top:var(--position-top)}:is(.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=anchored]),.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]))::backdrop{background-color:transparent}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=modal])::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop))}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]){border-radius:unset;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;top:0;width:100%}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=bottom-sheet]){border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;margin:0;max-height:calc(100vh - 64px);max-width:100vw;top:auto;width:100%}.prc-SelectPanel2-Form-lMUVZ{width:100%}.prc-SelectPanel2-Container-Vl6-E,.prc-SelectPanel2-Form-lMUVZ{display:flex;flex-direction:column}.prc-SelectPanel2-Container-Vl6-E{flex-grow:1;flex-shrink:1;justify-content:space-between;overflow:hidden}.prc-SelectPanel2-Container-Vl6-E ul{flex-grow:1;overflow-y:auto}.prc-SelectPanel2-HeaderContent-eO40v{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.prc-SelectPanel2-HeaderContent-eO40v:where([data-description]){align-items:flex-start}.prc-SelectPanel2-HeaderContent-eO40v:where([data-search-input]){margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-TitleWrapper-aGk1d{margin-left:var(--base-size-8,.5rem);margin-top:0}.prc-SelectPanel2-TitleWrapper-aGk1d:where([data-description]){margin-top:2px}.prc-SelectPanel2-TitleWrapper-aGk1d:where([data-on-back]){margin-left:var(--base-size-4,.25rem)}.prc-SelectPanel2-TextInput--jmMP{padding-left:var(--base-size-8,.5rem)!important}.prc-SelectPanel2-TextInput--jmMP:has(input:placeholder-shown) .TextInput-action{display:none}.prc-SelectPanel2-Checkbox-xomBK{margin-top:0}.prc-SelectPanel2-FlexBox-tWKl9{display:flex}.prc-SelectPanel2-Title-apmeG{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-SelectPanel2-Description-va-gM{display:block;font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-ClearAction-AQbaB,.prc-SelectPanel2-Description-va-gM{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-SelectPanel2-ClearAction-AQbaB{background:none}.prc-SelectPanel2-Footer-fHAYu{align-items:center;border-top:var(--borderWidth-thin,.0625rem) solid;border-top-color:var(--borderColor-default,var(--color-border-default));display:flex;flex-shrink:0;justify-content:space-between;min-height:44px;padding:var(--base-size-16,1rem)}.prc-SelectPanel2-Footer-fHAYu:where([data-hide-primary-actions]){padding:var(--base-size-8,.5rem)}.prc-SelectPanel2-FooterContent-CPvyu{flex-grow:0}.prc-SelectPanel2-FooterContent-CPvyu:where([data-hide-primary-actions]){flex-grow:1}.prc-SelectPanel2-FooterActions-l17C5,.prc-SelectPanel2-SecondaryCheckbox-MV5My{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-SecondaryCheckbox-MV5My{align-items:center}.prc-SelectPanel2-SmallText-qwyN0{font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-SelectPanelLoading-JO-Ac{align-items:center;display:flex;flex-direction:column;gap:var(--stack-gap-normal,1rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px)}.prc-SelectPanel2-LoadingText-LSSZI{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageFull-qnkev{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--base-size-4,.25rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px);padding-left:var(--base-size-24,1.5rem);padding-right:var(--base-size-24,1.5rem);text-align:center}.prc-SelectPanel2-MessageFull-qnkev a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-Octicon-huKe9{margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-Octicon-huKe9.prc-SelectPanel2-Error-xuHY6{color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel2-Octicon-huKe9.prc-SelectPanel2-Warning-f9ypV{color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel2-MessageTitle-xZZN5{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500)}.prc-SelectPanel2-MessageContent-SydzC{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-direction:column;font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageContent-SydzC,.prc-SelectPanel2-MessageInline-KBMXw{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-MessageInline-KBMXw{border-bottom:var(--borderWidth-thin,.0625rem) solid;font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-12,.75rem) var(--base-size-16,1rem)}.prc-SelectPanel2-MessageInline-KBMXw a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-MessageInline-KBMXw:where([data-variant=error]){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel2-MessageInline-KBMXw:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel2-Header-e7A2e{border-bottom:var(--borderWidth-thin,.0625rem) solid;border-bottom-color:var(--borderColor-default,var(--color-border-default));display:flex;flex-direction:column;padding:var(--base-size-8,.5rem)}
-/*# sourceMappingURL=SelectPanel-e919f619.css.map */

package/lib/experimental/SelectPanel2/SelectPanel-e919f619.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/experimental/SelectPanel2/SelectPanel.module.css"],"names":[],"mappings":"AAAA,gCAGE,WAAY,CADZ,oDAA6B,CAD7B,SAAU,CAKV,cAAe,CACf,gBAAiB,CACjB,iBA6CF,CA3CE,8CACE,YACF,CAEA,iIAKE,yBAA0B,CAC1B,QAAS,CAHT,uBAQF,CAHE,gJACE,4BACF,CAGF,sEACE,8EACF,CAEA,kEAQE,mBAAoB,CAHpB,WAAY,CAHZ,MAAO,CAKP,QAAS,CADT,gBAAiB,CAFjB,eAAgB,CAHhB,KAAM,CAEN,UAMF,CAEA,mEASE,2BAA4B,CAD5B,4BAA6B,CAN7B,QAAS,CACT,MAAO,CAIP,QAAS,CADT,6BAA8B,CAD9B,eAAgB,CAJhB,QAAS,CAGT,UAMF,CAGF,6BAEE,UAEF,CAEA,+DALE,YAAa,CAEb,qBAeF,CAZA,kCAKE,WAAY,CADZ,aAAc,CAEd,6BAA8B,CAJ9B,eAUF,CAJE,qCAEE,WAAY,CADZ,eAEF,CAGF,sCAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,eASF,CAPE,gEACE,sBACF,CAEA,iEACE,sCACF,CAGF,qCAEE,oCAA+B,CAD/B,YAWF,CARE,+DAEE,cACF,CAEA,2DACE,qCACF,CAGF,kCACE,+CAMF,CAHE,iFACE,YACF,CAGF,iCACE,YACF,CAEA,gCACE,YACF,CAEA,8BACE,8CAAuC,CACvC,gDACF,CAEA,oCACE,aAAc,CACd,4CAEF,CAEA,wEAHE,gDAMF,CAHA,oCAEE,eACF,CAEA,+BAOE,kBAAmB,CAHnB,iDAAyC,CACzC,uEAA4C,CAJ5C,YAAa,CAOb,aAAc,CAFd,6BAA8B,CAJ9B,eAAgB,CAChB,gCAUF,CAHE,kEACE,gCACF,CAGF,sCACE,WAKF,CAHE,yEACE,WACF,CAQF,gFAJE,YAAa,CACb,oCAOF,CAJA,0CAEE,kBAEF,CAEA,kCACE,4CACF,CAEA,2CAQE,kBAAmB,CAPnB,YAAa,CAKb,qBAAsB,CAGtB,gCAA4B,CAP5B,WAAY,CAKZ,sBAAuB,CAFvB,qDAKF,CAEA,oCAEE,gDAA2B,CAD3B,8CAEF,CAEA,oCAWE,kBAAmB,CAVnB,YAAa,CAQb,qBAAsB,CAGtB,WAAY,CACZ,6BAAuB,CAXvB,WAAY,CAQZ,sBAAuB,CALvB,qDAAuD,CAEvD,uCAAiC,CADjC,wCAAkC,CAElC,iBAWF,CAJE,sCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAGF,gCACE,sCASF,CAPE,6DACE,kDACF,CAEA,+DACE,wDACF,CAGF,qCACE,8CAAuC,CACvC,8CACF,CAEA,uCAME,kBAAmB,CAHnB,gDAA2B,CAC3B,qBAAsB,CAFtB,8CAKF,CAEA,6EARE,YAAa,CAIb,oCA8BF,CA1BA,sCAOE,oDAA4C,CAD5C,4CAAsC,CADtC,2DAqBF,CAhBE,wCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAEA,kEAEE,uEAA6C,CAC7C,sEAA6C,CAF7C,kDAGF,CAEA,oEAEE,6EAAgD,CAChD,4EAAgD,CAFhD,wDAGF,CAGF,+BAIE,oDAA4C,CAC5C,0EAA+C,CAJ/C,YAAa,CAEb,qBAAsB,CADtB,gCAIF","file":"SelectPanel-e919f619.css","sourcesContent":[".Overlay {\n  padding: 0;\n  color: var(--fgColor-default);\n  border: none;\n\n  /* CSS variables values are passed in via styles */\n  --max-height: 0;\n  --position-top: 0;\n  --position-left: 0;\n\n  &:where([open]) {\n    display: flex; /* to fit children */\n  }\n\n  &:where([data-variant='anchored']),\n  &:where([data-variant='full-screen']) {\n    /* stylelint-disable-next-line primer/spacing */\n    top: var(--position-top);\n    /* stylelint-disable-next-line primer/spacing */\n    left: var(--position-left);\n    margin: 0;\n\n    &::backdrop {\n      background-color: transparent;\n    }\n  }\n\n  &:where([data-variant='modal'])::backdrop {\n    background-color: var(--overlay-backdrop-bgColor);\n  }\n\n  &:where([data-variant='full-screen']) {\n    top: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    height: 100%;\n    max-height: 100vh;\n    margin: 0;\n    border-radius: unset;\n  }\n\n  &:where([data-variant='bottom-sheet']) {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: calc(100vh - 64px);\n    margin: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n.Form {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.Container {\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  flex-shrink: 1;\n  flex-grow: 1;\n  justify-content: space-between;\n\n  ul {\n    overflow-y: auto;\n    flex-grow: 1;\n  }\n}\n\n.HeaderContent {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0;\n\n  &:where([data-description]) {\n    align-items: flex-start;\n  }\n\n  &:where([data-search-input]) {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n.TitleWrapper {\n  margin-top: 0;\n  margin-left: var(--base-size-8);\n\n  &:where([data-description]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: 2px;\n  }\n\n  &:where([data-on-back]) {\n    margin-left: var(--base-size-4);\n  }\n}\n\n.TextInput {\n  padding-left: var(--base-size-8) !important;\n\n  /* stylelint-disable-next-line selector-class-pattern */\n  &:has(input:placeholder-shown) :global(.TextInput-action) {\n    display: none;\n  }\n}\n\n.Checkbox {\n  margin-top: 0;\n}\n\n.FlexBox {\n  display: flex;\n}\n\n.Title {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Description {\n  display: block;\n  font-size: var(--text-body-size-small);\n  color: var(--fgColor-muted);\n}\n\n.ClearAction {\n  color: var(--fgColor-muted);\n  background: none;\n}\n\n.Footer {\n  display: flex;\n  min-height: 44px;\n  padding: var(--base-size-16);\n  border-top: var(--borderWidth-thin) solid;\n  border-top-color: var(--borderColor-default);\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n\n  &:where([data-hide-primary-actions]) {\n    padding: var(--base-size-8);\n  }\n}\n\n.FooterContent {\n  flex-grow: 0;\n\n  &:where([data-hide-primary-actions]) {\n    flex-grow: 1;\n  }\n}\n\n.FooterActions {\n  display: flex;\n  gap: var(--stack-gap-condensed);\n}\n\n.SecondaryCheckbox {\n  display: flex;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.SmallText {\n  font-size: var(--text-body-size-small);\n}\n\n.SelectPanelLoading {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--stack-gap-normal);\n}\n\n.LoadingText {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n\n.MessageFull {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  padding-right: var(--base-size-24);\n  padding-left: var(--base-size-24);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 1;\n  gap: var(--base-size-4);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n}\n\n.Octicon {\n  margin-bottom: var(--base-size-8);\n\n  &.Error {\n    color: var(--fgColor-danger);\n  }\n\n  &.Warning {\n    color: var(--fgColor-attention);\n  }\n}\n\n.MessageTitle {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n}\n\n.MessageContent {\n  display: flex;\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  gap: var(--stack-gap-condensed);\n  align-items: center;\n}\n\n.MessageInline {\n  display: flex;\n  padding-top: var(--base-size-12);\n  padding-right: var(--base-size-16);\n  padding-bottom: var(--base-size-12);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-small);\n  border-bottom: var(--borderWidth-thin) solid;\n  gap: var(--stack-gap-condensed);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n\n  &:where([data-variant='error']) {\n    color: var(--fgColor-danger);\n    background-color: var(--bgColor-danger-muted);\n    border-color: var(--borderColor-danger-muted);\n  }\n\n  &:where([data-variant='warning']) {\n    color: var(--fgColor-attention);\n    background-color: var(--bgColor-attention-muted);\n    border-color: var(--borderColor-attention-muted);\n  }\n}\n\n.Header {\n  display: flex;\n  padding: var(--base-size-8);\n  flex-direction: column;\n  border-bottom: var(--borderWidth-thin) solid;\n  border-bottom-color: var(--borderColor-default);\n}\n"]}

package/lib/experimental/SelectPanel2/SelectPanel.d.ts

@@ -1,76 +0,0 @@
-import React from 'react';
-import type { ButtonProps, TextInputProps, LinkProps, CheckboxProps } from '../../index';
-import type { OverlayProps } from '../../Overlay/Overlay';
-import type { ResponsiveValue } from '../../hooks/useResponsiveValue';
-import type { PositionSettings } from '@primer/behaviors';
-export type SelectPanelProps = {
-    title: string;
-    description?: string;
-    variant?: 'anchored' | 'modal' | ResponsiveValue<'anchored' | 'modal', 'full-screen' | 'bottom-sheet'>;
-    selectionVariant?: 'single' | 'multiple' | 'instant';
-    id?: string;
-    defaultOpen?: boolean;
-    open?: boolean;
-    anchorRef?: React.RefObject<HTMLButtonElement>;
-    anchoredPositionSettings?: Partial<PositionSettings>;
-    onCancel?: () => void;
-    onClearSelection?: undefined | (() => void);
-    onSubmit?: (event?: React.FormEvent<HTMLFormElement>) => void;
-    width?: OverlayProps['width'];
-    height?: 'fit-content';
-    maxHeight?: Exclude<OverlayProps['maxHeight'], 'xsmall'>;
-    children: React.ReactNode;
-    className?: string;
-};
-export type SelectPanelSecondaryActionProps = {
-    children: React.ReactNode;
-} & (({
-    variant: 'button';
-} & Partial<Omit<ButtonProps, 'variant'>>) | ({
-    variant: 'link';
-} & Partial<LinkProps>) | ({
-    variant: 'checkbox';
-    id?: string;
-} & CheckboxProps));
-export type SelectPanelMessageProps = {
-    children: React.ReactNode;
-} & ({
-    size?: 'full';
-    title: string;
-    variant: 'warning' | 'error' | 'empty';
-} | {
-    size?: 'inline';
-    title?: never;
-    variant: 'warning' | 'error';
-});
-export declare const SelectPanel: React.FC<SelectPanelProps> & {
-    Button: React.ForwardRefExoticComponent<{
-        alignContent?: import("../../Button/types").AlignContent;
-        icon?: React.FunctionComponent<import("@primer/octicons-react").IconProps> | React.ElementType | React.ReactElement | null;
-        leadingVisual?: React.ElementType | React.ReactElement | null;
-        trailingVisual?: React.ElementType | React.ReactElement | null;
-        trailingAction?: React.ElementType | null;
-        children?: React.ReactNode;
-        count?: number | string;
-    } & {
-        variant?: import("../../Button/types").VariantType;
-        size?: import("../../Button/types").Size;
-        disabled?: boolean;
-        block?: boolean;
-        loading?: boolean;
-        loadingAnnouncement?: string;
-        inactive?: boolean;
-        labelWrap?: boolean;
-    } & import("../../sx").SxProp & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-    Header: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        onBack?: () => void;
-    }>;
-    SearchInput: React.FC<TextInputProps>;
-    Footer: ({ ...props }: {
-        [x: string]: any;
-    }) => React.JSX.Element | null;
-    Loading: ({ children }: React.PropsWithChildren) => React.JSX.Element;
-    Message: React.FC<SelectPanelMessageProps>;
-    SecondaryAction: React.FC<SelectPanelSecondaryActionProps>;
-};
-//# sourceMappingURL=SelectPanel.d.ts.map