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

package/lib/KeybindingHint/KeybindingHint.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var Sequence = require('./components/Sequence.js');
-var KeybindingHint_module = require('./KeybindingHint.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../Text/Text.js');
-
-const Kbd = t0 => {
-  const $ = reactCompilerRuntime.c(5);
-  const {
-    children,
-    className
-  } = t0;
-  let t1;
-  if ($[0] !== className) {
-    t1 = clsx.clsx(className, KeybindingHint_module.KeybindingHint);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== children || $[3] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Text, {
-      as: "kbd",
-      className: t1,
-      "data-testid": "keybinding-hint",
-      children: children
-    });
-    $[2] = children;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-};
-
-/** Indicates the presence of an available keybinding. */
-// KeybindingHint is a good candidate for memoizing since props will rarely change
-const KeybindingHint = /*#__PURE__*/React.memo(t0 => {
-  const $ = reactCompilerRuntime.c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== props) {
-    t1 = /*#__PURE__*/jsxRuntime.jsx(Sequence.Sequence, {
-      ...props
-    });
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== className || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Kbd, {
-      className: className,
-      children: t1
-    });
-    $[5] = className;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-});
-KeybindingHint.displayName = 'KeybindingHint';
-
-/**
- * AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
- * However, there may be cases where we need a plain string version, such as when building `aria-label` or
- * `aria-description`. In that case, this plain string builder can be used instead.
- *
- * NOTE that this string should _only_ be used when building `aria-label` or `aria-description` props (never rendered
- * visibly) and should nearly always also be paired with a visible hint for sighted users.
- */
-const getAccessibleKeybindingHintString = Sequence.accessibleSequenceString;
-
-exports.KeybindingHint = KeybindingHint;
-exports.getAccessibleKeybindingHintString = getAccessibleKeybindingHintString;

package/lib/KeybindingHint/KeybindingHint.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./KeybindingHint-0856c11b.css');
-
-var classes = {"KeybindingHint":"prc-KeybindingHint-KeybindingHint-0pyit"};
-
-module.exports = classes;

package/lib/KeybindingHint/components/Chord.d.ts

@@ -1,5 +0,0 @@
-import type { KeybindingHintProps } from '../props';
-export declare const Chord: ({ keys, format, variant, size }: KeybindingHintProps) => import("react").JSX.Element;
-/** Plain string version of `Chord` for use in `aria` string attributes. */
-export declare const accessibleChordString: (chord: string, isMacOS: boolean) => string;
-//# sourceMappingURL=Chord.d.ts.map

package/lib/KeybindingHint/components/Chord.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var Key = require('./Key.js');
-var keyNames = require('../key-names.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../Text/Text.js');
-
-const keySortPriorities = {
-  control: 1,
-  meta: 2,
-  alt: 3,
-  option: 4,
-  shift: 5,
-  function: 6
-};
-const keySortPriority = priority => {
-  var _keySortPriorities$pr;
-  return (_keySortPriorities$pr = keySortPriorities[priority]) !== null && _keySortPriorities$pr !== void 0 ? _keySortPriorities$pr : Infinity;
-};
-const compareLowercaseKeys = (a, b) => keySortPriority(a) - keySortPriority(b);
-
-/** Split and sort the chord keys in standard order. */
-const splitChord = chord => chord.split('+').map(k => k.toLowerCase()).sort(compareLowercaseKeys);
-const backgroundColors = {
-  normal: 'var(--bgColor-transparent)',
-  onEmphasis: 'var(--counter-bgColor-emphasis)',
-  onPrimary: 'var(--button-primary-bgColor-active)'
-};
-const Chord = t0 => {
-  const $ = reactCompilerRuntime.c(17);
-  const {
-    keys,
-    format: t1,
-    variant: t2,
-    size: t3
-  } = t0;
-  const format = t1 === undefined ? "condensed" : t1;
-  const variant = t2 === undefined ? "normal" : t2;
-  const size = t3 === undefined ? "normal" : t3;
-  const t4 = backgroundColors[variant];
-  const t5 = variant === "normal" ? "var(--fgColor-muted)" : "var(--fgColor-onEmphasis)";
-  const t6 = variant === "normal" ? "var(--borderColor-default)" : "transparent";
-  const t7 = size === "small" ? 1 : 2;
-  const t8 = size === "small" ? "11px" : 0;
-  const t9 = size === "small" ? "2px" : 1;
-  const t10 = size === "small" ? "8px" : "10px";
-  const t11 = size === "small" ? "var(--base-size-16)" : "var(--base-size-20)";
-  let t12;
-  if ($[0] !== t10 || $[1] !== t11 || $[2] !== t4 || $[3] !== t5 || $[4] !== t6 || $[5] !== t7 || $[6] !== t8 || $[7] !== t9) {
-    t12 = {
-      display: "inline-flex",
-      bg: t4,
-      color: t5,
-      border: "1px solid",
-      borderColor: t6,
-      borderRadius: t7,
-      fontWeight: "normal",
-      fontFamily: "normal",
-      fontSize: t8,
-      p: t9,
-      gap: "0.5ch",
-      boxShadow: "none",
-      verticalAlign: "baseline",
-      overflow: "hidden",
-      lineHeight: t10,
-      minWidth: t11,
-      justifyContent: "center"
-    };
-    $[0] = t10;
-    $[1] = t11;
-    $[2] = t4;
-    $[3] = t5;
-    $[4] = t6;
-    $[5] = t7;
-    $[6] = t8;
-    $[7] = t9;
-    $[8] = t12;
-  } else {
-    t12 = $[8];
-  }
-  let t13;
-  if ($[9] !== format || $[10] !== keys) {
-    let t14;
-    if ($[12] !== format) {
-      t14 = (k, i) => /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
-        children: [i > 0 && format === "full" ? /*#__PURE__*/jsxRuntime.jsx("span", {
-          "aria-hidden": true,
-          children: " + "
-        }) : " ", /*#__PURE__*/jsxRuntime.jsx(Key.Key, {
-          name: k,
-          format: format
-        })]
-      }, i);
-      $[12] = format;
-      $[13] = t14;
-    } else {
-      t14 = $[13];
-    }
-    t13 = splitChord(keys).map(t14);
-    $[9] = format;
-    $[10] = keys;
-    $[11] = t13;
-  } else {
-    t13 = $[11];
-  }
-  let t14;
-  if ($[14] !== t12 || $[15] !== t13) {
-    t14 = /*#__PURE__*/jsxRuntime.jsx(Text, {
-      sx: t12,
-      children: t13
-    });
-    $[14] = t12;
-    $[15] = t13;
-    $[16] = t14;
-  } else {
-    t14 = $[16];
-  }
-  return t14;
-};
-
-/** Plain string version of `Chord` for use in `aria` string attributes. */
-const accessibleChordString = (chord, isMacOS) => splitChord(chord).map(key => keyNames.accessibleKeyName(key, isMacOS)).join(' ');
-
-exports.Chord = Chord;
-exports.accessibleChordString = accessibleChordString;

package/lib/KeybindingHint/components/Key.d.ts

@@ -1,9 +0,0 @@
-import type { KeybindingHintFormat } from '../props';
-interface KeyProps {
-    name: string;
-    format: KeybindingHintFormat;
-}
-/** Renders a single key with accessible alternative text. */
-export declare const Key: ({ name, format }: KeyProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=Key.d.ts.map

package/lib/KeybindingHint/components/Key.js

@@ -1,71 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var _VisuallyHidden = require('../../_VisuallyHidden.js');
-var keyNames = require('../key-names.js');
-var useIsMacOS = require('../../hooks/useIsMacOS.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-/** Renders a single key with accessible alternative text. */
-const Key = t0 => {
-  const $ = reactCompilerRuntime.c(14);
-  const {
-    name,
-    format
-  } = t0;
-  const isMacOS = useIsMacOS.useIsMacOS();
-  let t1;
-  if ($[0] !== isMacOS || $[1] !== name) {
-    t1 = keyNames.accessibleKeyName(name, isMacOS);
-    $[0] = isMacOS;
-    $[1] = name;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-      children: t1
-    });
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== format || $[6] !== isMacOS || $[7] !== name) {
-    t3 = format === "condensed" ? keyNames.condensedKeyName(name, isMacOS) : keyNames.fullKeyName(name, isMacOS);
-    $[5] = format;
-    $[6] = isMacOS;
-    $[7] = name;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== t3) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      "aria-hidden": true,
-      children: t3
-    });
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== t2 || $[12] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t2, t4]
-    });
-    $[11] = t2;
-    $[12] = t4;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
-};
-
-exports.Key = Key;

package/lib/KeybindingHint/components/Sequence.d.ts

@@ -1,5 +0,0 @@
-import type { KeybindingHintProps } from '../props';
-export declare const Sequence: ({ keys, ...chordProps }: KeybindingHintProps) => import("react").JSX.Element[];
-/** Plain string version of `Sequence` for use in `aria` string attributes. */
-export declare const accessibleSequenceString: (sequence: string, isMacOS: boolean) => string;
-//# sourceMappingURL=Sequence.d.ts.map

package/lib/KeybindingHint/components/Sequence.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var _VisuallyHidden = require('../../_VisuallyHidden.js');
-var Chord = require('./Chord.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const splitSequence = sequence => sequence.split(' ');
-const Sequence = ({
-  keys,
-  ...chordProps
-}) => splitSequence(keys).map((c, i) => /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
-  children: [
-  //  Since we audibly separate individual keys in chord with space, we need some other separator for chords in a sequence
-  i > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-      children: "then"
-    }), ' ']
-  }), /*#__PURE__*/jsxRuntime.jsx(Chord.Chord, {
-    keys: c,
-    ...chordProps
-  })]
-}, i));
-
-/** Plain string version of `Sequence` for use in `aria` string attributes. */
-const accessibleSequenceString = (sequence, isMacOS) => splitSequence(sequence).map(chord => Chord.accessibleChordString(chord, isMacOS)).join(' then ');
-
-exports.Sequence = Sequence;
-exports.accessibleSequenceString = accessibleSequenceString;

package/lib/KeybindingHint/index.d.ts

@@ -1,3 +0,0 @@
-export * from './KeybindingHint';
-export type { KeybindingHintProps } from './props';
-//# sourceMappingURL=index.d.ts.map

package/lib/KeybindingHint/key-names.d.ts

@@ -1,16 +0,0 @@
-/**
- * Short-form iconic versions of keys. These should be intuitive (not archaic) and match icons on keyboards.
- */
-export declare const condensedKeyName: (key: string, isMacOS: boolean) => string;
-/**
- * Specific key displays for 'full' format. We still do show some icons (ie punctuation)
- * because that's more intuitive, but for the rest of keys we show the standard key name.
- */
-export declare const fullKeyName: (key: string, isMacOS: boolean) => string;
-/**
- * Accessible key names intended to be read by a screen reader. This prevents screen
- * readers from expressing punctuation in speech, ie, reading a long pause instead of the
- * word "period".
- */
-export declare const accessibleKeyName: (key: string, isMacOS: boolean) => string;
-//# sourceMappingURL=key-names.d.ts.map

package/lib/KeybindingHint/key-names.js

@@ -1,131 +0,0 @@
-'use strict';
-
-/** Converts the first character of the string to upper case and the remaining to lower case. */
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-const capitalize = ([first, ...rest]) => {
-  var _first$toUpperCase;
-  return ((_first$toUpperCase = first === null || first === void 0 ? void 0 : first.toUpperCase()) !== null && _first$toUpperCase !== void 0 ? _first$toUpperCase : '') + rest.join('').toLowerCase();
-};
-
-// In the below records, we don't intend to cover every single possible key - only those that
-// would be realistically used in shortcuts. For example, the Pause/Break key is not necessary
-// because it is not found on many keyboards.
-
-/**
- * Short-form iconic versions of keys. These should be intuitive (not archaic) and match icons on keyboards.
- */
-const condensedKeyName = (key, isMacOS) => {
-  var _alt$control$shift$me;
-  return (_alt$control$shift$me = {
-    alt: isMacOS ? '⌥' : 'Alt',
-    // the alt key _is_ the option key on MacOS - in the browser there is no "option" key
-    control: '⌃',
-    shift: '⇧',
-    meta: isMacOS ? '⌘' : 'Win',
-    mod: isMacOS ? '⌘' : '⌃',
-    pageup: 'PgUp',
-    pagedown: 'PgDn',
-    arrowup: '↑',
-    arrowdown: '↓',
-    arrowleft: '←',
-    arrowright: '→',
-    plus: '+',
-    // needed to allow +-separated chords
-    backspace: '⌫',
-    delete: 'Del',
-    space: '␣',
-    // needed to allow space-separated sequences
-    tab: '⇥',
-    enter: '⏎',
-    escape: 'Esc',
-    function: 'Fn',
-    capslock: 'CapsLock',
-    insert: 'Ins',
-    printscreen: 'PrtScn'
-  }[key]) !== null && _alt$control$shift$me !== void 0 ? _alt$control$shift$me : capitalize(key);
-};
-
-/**
- * Specific key displays for 'full' format. We still do show some icons (ie punctuation)
- * because that's more intuitive, but for the rest of keys we show the standard key name.
- */
-const fullKeyName = (key, isMacOS) => {
-  var _alt$mod$$pageup$pag;
-  return (_alt$mod$$pageup$pag = {
-    alt: isMacOS ? 'Option' : 'Alt',
-    mod: isMacOS ? 'Command' : 'Control',
-    '+': 'Plus',
-    pageup: 'Page Up',
-    pagedown: 'Page Down',
-    arrowup: 'Up Arrow',
-    arrowdown: 'Down Arrow',
-    arrowleft: 'Left Arrow',
-    arrowright: 'Right Arrow',
-    capslock: 'Caps Lock',
-    printscreen: 'Print Screen'
-  }[key]) !== null && _alt$mod$$pageup$pag !== void 0 ? _alt$mod$$pageup$pag : capitalize(key);
-};
-
-/**
- * Accessible key names intended to be read by a screen reader. This prevents screen
- * readers from expressing punctuation in speech, ie, reading a long pause instead of the
- * word "period".
- */
-const accessibleKeyName = (key, isMacOS) => {
-  var _alt$meta$mod$pageup$;
-  return (_alt$meta$mod$pageup$ = {
-    alt: isMacOS ? 'option' : 'alt',
-    meta: isMacOS ? 'command' : 'Windows',
-    mod: isMacOS ? 'command' : 'control',
-    // Screen readers may not be able to pronounce concatenated words - this provides a better experience
-    pageup: 'page up',
-    pagedown: 'page down',
-    arrowup: 'up arrow',
-    arrowdown: 'down arrow',
-    arrowleft: 'left arrow',
-    arrowright: 'right arrow',
-    capslock: 'caps lock',
-    printscreen: 'print screen',
-    // We don't need to represent _every_ symbol - only those found on standard keyboards.
-    // Other symbols should be avoided as keyboard shortcuts anyway.
-    // These should match the colloqiual names of the keys, not the names of the symbols. Ie,
-    // "Equals" not "Equal Sign", "Dash" not "Minus", "Period" not "Dot", etc.
-    '`': 'backtick',
-    '~': 'tilde',
-    '!': 'exclamation point',
-    '@': 'at',
-    '#': 'hash',
-    $: 'dollar sign',
-    '%': 'percent',
-    '^': 'caret',
-    '&': 'ampersand',
-    '*': 'asterisk',
-    '(': 'left parenthesis',
-    ')': 'right parenthesis',
-    _: 'underscore',
-    '-': 'dash',
-    '+': 'plus',
-    '=': 'equals',
-    '[': 'left bracket',
-    '{': 'left curly brace',
-    ']': 'right bracket',
-    '}': 'right curly brace',
-    '\\': 'backslash',
-    '|': 'pipe',
-    ';': 'semicolon',
-    ':': 'colon',
-    "'": 'single quote',
-    '"': 'double quote',
-    ',': 'comma',
-    '<': 'left angle bracket',
-    '.': 'period',
-    '>': 'right angle bracket',
-    '/': 'forward slash',
-    '?': 'question mark',
-    ' ': 'space'
-  }[key]) !== null && _alt$meta$mod$pageup$ !== void 0 ? _alt$meta$mod$pageup$ : key.toLowerCase();
-};
-
-exports.accessibleKeyName = accessibleKeyName;
-exports.condensedKeyName = condensedKeyName;
-exports.fullKeyName = fullKeyName;

package/lib/KeybindingHint/props.d.ts

@@ -1,37 +0,0 @@
-export type KeybindingHintFormat = 'condensed' | 'full';
-export type KeybindingHintVariant = 'normal' | 'onEmphasis' | 'onPrimary';
-export interface KeybindingHintProps {
-    /**
-     * The keys involved in this keybinding. These should be the full names of the keys as would
-     * be returned by `KeyboardEvent.key` (e.g. "Control", "Shift", "ArrowUp", "a", etc.).
-     *
-     * Combine keys with the "+" character to form chords. To represent the "+" key, use "Plus".
-     *
-     * Combine chords/keys with " " to form sequences that should be pressed one after the other. For example, "a b"
-     * represents "a then b". To represent the " " key, use "Space".
-     *
-     * The fake key name "Mod" can be used to represent "Command" on macOS and "Control" on other platforms.
-     *
-     * See https://github.com/github/hotkey for format details.
-     */
-    keys: string;
-    /**
-     * Control the display format. Condensed is most useful in menus and tooltips, while
-     * the full form is better for prose.
-     * @default "condensed"
-     */
-    format?: KeybindingHintFormat;
-    /**
-     * Set to `onEmphasis` for display on emphasis colors, and `onPrimary` for display on primary buttons.
-     */
-    variant?: KeybindingHintVariant;
-    /**
-     * Control the size of the hint.
-     */
-    size?: 'small' | 'normal';
-    /**
-     * Additional class name to apply to the hint.
-     */
-    className?: string;
-}
-//# sourceMappingURL=props.d.ts.map

package/lib/Label/Label-7904957c.css

@@ -1,2 +0,0 @@
-:where(.prc-Label-Label--LG6X){align-items:center;background-color:transparent;border-radius:var(--borderRadius-full,624.9375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);color:var(--fgColor-default,var(--color-fg-default));display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-medium,500);line-height:1;white-space:nowrap}:where(.prc-Label-Label--LG6X):where([data-size=small]){height:var(--base-size-20,1.25rem);padding:0 var(--base-size-6,.375rem)}:where(.prc-Label-Label--LG6X):where([data-size=large]){height:var(--base-size-24,1.5rem);padding:0 var(--base-size-8,.5rem)}:where(.prc-Label-Label--LG6X):where([data-variant=default]){border-color:var(--borderColor-default,var(--color-border-default))}:where(.prc-Label-Label--LG6X):where([data-variant=primary]){border-color:var(--fgColor-default,var(--color-fg-default))}:where(.prc-Label-Label--LG6X):where([data-variant=secondary]){border-color:var(--borderColor-muted,var(--color-border-muted));color:var(--fgColor-muted,var(--color-fg-muted))}:where(.prc-Label-Label--LG6X):where([data-variant=accent]){border-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-accent,var(--color-accent-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis));color:var(--fgColor-success,var(--color-success-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=attention]){border-color:var(--bgColor-attention-emphasis,var(--color-attention-emphasis));color:var(--fgColor-attention,var(--color-attention-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=severe]){border-color:var(--bgColor-severe-emphasis,var(--color-severe-emphasis));color:var(--fgColor-severe,var(--color-severe-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=danger]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis));color:var(--fgColor-danger,var(--color-danger-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=done]){border-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));color:var(--fgColor-done,var(--color-done-fg))}:where(.prc-Label-Label--LG6X):where([data-variant=sponsors]){border-color:var(--bgColor-sponsors-emphasis,var(--color-sponsors-emphasis));color:var(--fgColor-sponsors,var(--color-sponsors-fg))}
-/*# sourceMappingURL=Label-7904957c.css.map */

package/lib/Label/Label-7904957c.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Label/Label.module.css"],"names":[],"mappings":"AAAA,+BAYE,kBAAmB,CAJnB,4BAA6B,CAG7B,kDAAuC,CAFvC,kBAAmB,CACnB,6CAAqC,CAJrC,oDAA6B,CAL7B,mBAAoB,CACpB,4CAAsC,CACtC,8CAA2C,CAE3C,aAAc,CAEd,kBAuEF,CAhEE,wDACE,kCAA2B,CAC3B,oCACF,CAEA,wDACE,iCAA2B,CAC3B,kCACF,CAEA,6DACE,mEACF,CAEA,6DAEE,2DACF,CAEA,+DAEE,+DAAsC,CADtC,gDAEF,CAEA,4DAGE,wEAA4C,CAF5C,kDAGF,CAEA,6DAGE,0EAA6C,CAF7C,oDAGF,CAEA,+DAGE,8EAA+C,CAF/C,wDAGF,CAEA,4DAGE,wEAA4C,CAF5C,kDAGF,CAEA,4DAEE,4EAAgD,CADhD,kDAEF,CAEA,0DAGE,oEAA0C,CAF1C,8CAGF,CAEA,8DAGE,4EAA8C,CAF9C,sDAGF","file":"Label-7904957c.css","sourcesContent":[":where(.Label) {\n  display: inline-flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  color: var(--fgColor-default);\n  white-space: nowrap;\n  background-color: transparent;\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-full);\n  align-items: center;\n\n  &:where([data-size='small']) {\n    height: var(--base-size-20);\n    padding: 0 var(--base-size-6);\n  }\n\n  &:where([data-size='large']) {\n    height: var(--base-size-24);\n    padding: 0 var(--base-size-8);\n  }\n\n  &:where([data-variant='default']) {\n    border-color: var(--borderColor-default);\n  }\n\n  &:where([data-variant='primary']) {\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--fgColor-default);\n  }\n\n  &:where([data-variant='secondary']) {\n    color: var(--fgColor-muted);\n    border-color: var(--borderColor-muted);\n  }\n\n  &:where([data-variant='accent']) {\n    color: var(--fgColor-accent);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-accent-emphasis);\n  }\n\n  &:where([data-variant='success']) {\n    color: var(--fgColor-success);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-success-emphasis);\n  }\n\n  &:where([data-variant='attention']) {\n    color: var(--fgColor-attention);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-attention-emphasis);\n  }\n\n  &:where([data-variant='severe']) {\n    color: var(--fgColor-severe);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-severe-emphasis);\n  }\n\n  &:where([data-variant='danger']) {\n    color: var(--fgColor-danger);\n    border-color: var(--borderColor-danger-emphasis);\n  }\n\n  &:where([data-variant='done']) {\n    color: var(--fgColor-done);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-done-emphasis);\n  }\n\n  &:where([data-variant='sponsors']) {\n    color: var(--fgColor-sponsors);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-sponsors-emphasis);\n  }\n}\n"]}

package/lib/Label/Label.d.ts

@@ -1,14 +0,0 @@
-import type { BetterSystemStyleObject, SxProp } from '../sx';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type LabelProps = {
-    /** The color of the label */
-    variant?: LabelColorOptions;
-    /** How large the label is rendered */
-    size?: LabelSizeKeys;
-} & SxProp;
-export type LabelColorOptions = 'default' | 'primary' | 'secondary' | 'accent' | 'success' | 'attention' | 'severe' | 'danger' | 'done' | 'sponsors';
-type LabelSizeKeys = 'small' | 'large';
-export declare const variants: Record<LabelColorOptions, BetterSystemStyleObject>;
-declare const Label: PolymorphicForwardRefComponent<"span", LabelProps>;
-export default Label;
-//# sourceMappingURL=Label.d.ts.map