@primer/primitives 7.11.1 → 7.11.2-rc.0832cd6

package/tokens-next-private/ts/types/SizeDesignTokens.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+/**
+ * @description size in px
+ */
+type SizePx = `${number}px`;
+
+export type SizeDesignTokens = {
+  borderInset: {
+    thin: string;
+    thick: string;
+    thicker: string;
+  };
+  borderWidth: {
+    thin: string;
+    thick: string;
+    thicker: string;
+  };
+  borderRadius: {
+    small: string;
+    medium: string;
+    large: string;
+    full: string;
+  };
+  outline: {
+    focus: {
+      offset: SizePx;
+    };
+  };
+  breakpoint: {
+    xsmall: SizePx;
+    small: SizePx;
+    medium: SizePx;
+    large: SizePx;
+    xlarge: SizePx;
+    xxlarge: SizePx;
+  };
+  control: {
+    minTarget: {
+      auto: SizePx;
+      fine: SizePx;
+      coarse: SizePx;
+    };
+    xsmall: {
+      size: SizePx;
+      lineBoxHeight: SizePx;
+      paddingBlock: string;
+      paddingInline: {
+        condensed: SizePx;
+        normal: SizePx;
+        spacious: SizePx;
+      };
+      gap: SizePx;
+    };
+    small: {
+      size: SizePx;
+      lineBoxHeight: SizePx;
+      paddingBlock: string;
+      paddingInline: {
+        condensed: SizePx;
+        normal: SizePx;
+      };
+      gap: SizePx;
+    };
+    medium: {
+      size: SizePx;
+      lineBoxHeight: SizePx;
+      paddingBlock: string;
+      paddingInline: {
+        condensed: SizePx;
+        normal: SizePx;
+        spacious: SizePx;
+      };
+      gap: SizePx;
+    };
+    large: {
+      size: SizePx;
+      lineBoxHeight: SizePx;
+      paddingBlock: string;
+      paddingInline: {
+        normal: SizePx;
+        spacious: SizePx;
+      };
+      gap: SizePx;
+    };
+    xlarge: {
+      size: SizePx;
+      lineBoxHeight: SizePx;
+      paddingBlock: string;
+      paddingInline: {
+        normal: SizePx;
+        spacious: SizePx;
+      };
+      gap: SizePx;
+    };
+  };
+  controlStack: {
+    small: {
+      gap: {
+        auto: SizePx;
+        condensed: SizePx;
+        spacious: SizePx;
+      };
+    };
+    medium: {
+      gap: {
+        auto: SizePx;
+        condensed: SizePx;
+        spacious: SizePx;
+      };
+    };
+    large: {
+      gap: {
+        auto: SizePx;
+        condensed: SizePx;
+        spacious: SizePx;
+      };
+    };
+  };
+  stack: {
+    padding: {
+      condensed: SizePx;
+      normal: SizePx;
+      spacious: SizePx;
+    };
+    gap: {
+      condensed: SizePx;
+      normal: SizePx;
+      spacious: SizePx;
+    };
+  };
+  viewportRange: {
+    narrow: string;
+    narrowLandscape: string;
+    regular: string;
+    wide: string;
+    portrait: string;
+    landscape: string;
+  };
+};

package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts

@@ -0,0 +1,488 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+/**
+ * @description hex string (6 or 8-digit)
+ */
+type ColorHex = string;
+
+/**
+ * @description a css shadow
+ * @format inset? | offset-x | offset-y | blur-radius? | spread-radius? | color?
+ */
+type Shadow = string;
+
+/**
+ * @description a css border string
+ * @format color | style | width
+ */
+type Border = `${ColorHex} ${string} ${string}`;
+
+export type ThemeDesignTokens = {
+  color: {
+    ansi: {
+      black: ColorHex;
+      blackBright: ColorHex;
+      white: ColorHex;
+      whiteBright: ColorHex;
+      gray: ColorHex;
+      red: ColorHex;
+      redBright: ColorHex;
+      green: ColorHex;
+      greenBright: ColorHex;
+      yellow: ColorHex;
+      yellowBright: ColorHex;
+      blue: ColorHex;
+      blueBright: ColorHex;
+      magenta: ColorHex;
+      magentaBright: ColorHex;
+      cyan: ColorHex;
+      cyanBright: ColorHex;
+    };
+    checks: {
+      bg: ColorHex;
+      textPrimary: ColorHex;
+      textSecondary: ColorHex;
+      textLink: ColorHex;
+      btnIcon: ColorHex;
+      btnHoverIcon: ColorHex;
+      btnHoverBg: ColorHex;
+      inputText: ColorHex;
+      inputPlaceholderText: ColorHex;
+      inputFocusText: ColorHex;
+      inputBg: ColorHex;
+      donutError: ColorHex;
+      donutPending: ColorHex;
+      donutSuccess: ColorHex;
+      donutNeutral: ColorHex;
+      dropdownText: ColorHex;
+      dropdownBg: ColorHex;
+      dropdownBorder: ColorHex;
+      dropdownShadow: ColorHex;
+      dropdownHoverText: ColorHex;
+      dropdownHoverBg: ColorHex;
+      dropdownBtnHoverText: ColorHex;
+      dropdownBtnHoverBg: ColorHex;
+      scrollbarThumbBg: ColorHex;
+      headerLabelText: ColorHex;
+      headerLabelOpenText: ColorHex;
+      headerBorder: ColorHex;
+      headerIcon: ColorHex;
+      lineText: ColorHex;
+      lineNumText: ColorHex;
+      lineTimestampText: ColorHex;
+      lineHoverBg: ColorHex;
+      lineSelectedBg: ColorHex;
+      lineSelectedNumText: ColorHex;
+      lineDtFmText: ColorHex;
+      lineDtFmBg: ColorHex;
+      gateBg: ColorHex;
+      gateText: ColorHex;
+      gateWaitingText: ColorHex;
+      stepHeaderOpenBg: ColorHex;
+      stepErrorText: ColorHex;
+      stepWarningText: ColorHex;
+      loglineText: ColorHex;
+      loglineNumText: ColorHex;
+      loglineDebugText: ColorHex;
+      loglineErrorText: ColorHex;
+      loglineErrorNumText: ColorHex;
+      loglineErrorBg: ColorHex;
+      loglineWarningText: ColorHex;
+      loglineWarningNumText: ColorHex;
+      loglineWarningBg: ColorHex;
+      loglineCommandText: ColorHex;
+      loglineSectionText: ColorHex;
+      ansi: {
+        black: ColorHex;
+        blackBright: ColorHex;
+        white: ColorHex;
+        whiteBright: ColorHex;
+        gray: ColorHex;
+        red: ColorHex;
+        redBright: ColorHex;
+        green: ColorHex;
+        greenBright: ColorHex;
+        yellow: ColorHex;
+        yellowBright: ColorHex;
+        blue: ColorHex;
+        blueBright: ColorHex;
+        magenta: ColorHex;
+        magentaBright: ColorHex;
+        cyan: ColorHex;
+        cyanBright: ColorHex;
+      };
+    };
+    avatar: {
+      bg: ColorHex;
+      border: ColorHex;
+      stackFade: ColorHex;
+      stackFadeMore: ColorHex;
+    };
+    topicTag: {
+      border: ColorHex;
+    };
+    counter: {
+      border: ColorHex;
+    };
+    selectMenu: {
+      backdropBorder: ColorHex;
+      tapHighlight: ColorHex;
+      tapFocusBg: ColorHex;
+    };
+    header: {
+      text: ColorHex;
+      bg: ColorHex;
+      divider: ColorHex;
+      logo: ColorHex;
+    };
+    headerSearch: {
+      bg: ColorHex;
+      border: ColorHex;
+    };
+    sidenav: {
+      selectedBg: ColorHex;
+    };
+    menu: {
+      bgActive: ColorHex;
+    };
+    input: {
+      disabledBg: ColorHex;
+    };
+    timeline: {
+      badgeBg: ColorHex;
+    };
+    btn: {
+      text: ColorHex;
+      bg: ColorHex;
+      border: ColorHex;
+      hover: {
+        bg: ColorHex;
+      };
+      hoverBorder: ColorHex;
+      activeBg: ColorHex;
+      activeBorder: ColorHex;
+      selectedBg: ColorHex;
+      focusBg: ColorHex;
+      focusBorder: ColorHex;
+      counterBg: ColorHex;
+      primary: {
+        text: ColorHex;
+        bg: ColorHex;
+        border: ColorHex;
+        hoverBg: ColorHex;
+        hoverBorder: ColorHex;
+        selectedBg: ColorHex;
+        disabledText: ColorHex;
+        disabledBg: ColorHex;
+        disabledBorder: ColorHex;
+        focusBg: ColorHex;
+        focusBorder: ColorHex;
+        icon: ColorHex;
+        counterBg: ColorHex;
+      };
+      outline: {
+        text: ColorHex;
+        hoverText: ColorHex;
+        hoverBg: ColorHex;
+        hoverBorder: ColorHex;
+        hoverCounterBg: ColorHex;
+        selectedText: ColorHex;
+        selectedBg: ColorHex;
+        selectedBorder: ColorHex;
+        disabledText: ColorHex;
+        disabledBg: ColorHex;
+        disabledCounterBg: ColorHex;
+        focusBorder: ColorHex;
+        counterBg: ColorHex;
+      };
+      danger: {
+        text: ColorHex;
+        hoverText: ColorHex;
+        hoverBg: ColorHex;
+        hoverBorder: ColorHex;
+        hoverCounterBg: ColorHex;
+        selectedText: ColorHex;
+        selectedBg: ColorHex;
+        selectedBorder: ColorHex;
+        disabledText: ColorHex;
+        disabledBg: ColorHex;
+        disabledCounterBg: ColorHex;
+        focusBorder: ColorHex;
+        counterBg: ColorHex;
+        icon: ColorHex;
+        hoverIcon: ColorHex;
+      };
+    };
+    underlinenav: {
+      icon: ColorHex;
+      borderHover: ColorHex;
+    };
+    actionListItem: {
+      inlineDivider: ColorHex;
+      default: {
+        hoverBg: ColorHex;
+        hoverBorder: ColorHex;
+        activeBg: ColorHex;
+        activeBorder: ColorHex;
+        selectedBg: ColorHex;
+      };
+      danger: {
+        hoverBg: ColorHex;
+        activeBg: ColorHex;
+        hoverText: ColorHex;
+      };
+    };
+    switchTrack: {
+      bg: ColorHex;
+      border: ColorHex;
+      checked: {
+        bg: ColorHex;
+        hoverBg: ColorHex;
+        activeBg: ColorHex;
+        border: ColorHex;
+      };
+    };
+    switchKnob: {
+      checked: {
+        bg: ColorHex;
+        disabledBg: ColorHex;
+      };
+    };
+    segmentedControl: {
+      bg: ColorHex;
+      button: {
+        hover: {
+          bg: ColorHex;
+        };
+        active: {
+          bg: ColorHex;
+        };
+        selected: {
+          border: ColorHex;
+        };
+      };
+    };
+    diffBlob: {
+      addition: {
+        numText: ColorHex;
+        fg: ColorHex;
+        numBg: ColorHex;
+        lineBg: ColorHex;
+        wordBg: ColorHex;
+      };
+      deletion: {
+        numText: ColorHex;
+        fg: ColorHex;
+        numBg: ColorHex;
+        lineBg: ColorHex;
+        wordBg: ColorHex;
+      };
+      hunk: {
+        numBg: ColorHex;
+      };
+      expander: {
+        icon: ColorHex;
+      };
+    };
+    diffstat: {
+      deletionBorder: ColorHex;
+      additionBorder: ColorHex;
+      additionBg: ColorHex;
+    };
+    page: {
+      header: {
+        bg: ColorHex;
+      };
+    };
+    searchKeyword: {
+      hl: ColorHex;
+    };
+    project: {
+      headerBg: ColorHex;
+      sidebarBg: ColorHex;
+      gradientIn: ColorHex;
+      gradientOut: ColorHex;
+    };
+    fg: {
+      default: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+      onEmphasis: ColorHex;
+    };
+    canvas: {
+      default: ColorHex;
+      overlay: ColorHex;
+      inset: ColorHex;
+      subtle: ColorHex;
+    };
+    border: {
+      default: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+      control: ColorHex;
+    };
+    neutral: {
+      emphasisPlus: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    accent: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    success: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    attention: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    severe: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    danger: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    open: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    closed: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    done: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    sponsors: {
+      fg: ColorHex;
+      emphasis: ColorHex;
+      muted: ColorHex;
+      subtle: ColorHex;
+    };
+    shadow: {
+      small: ColorHex;
+      medium: ColorHex;
+      large: ColorHex;
+      extraLarge: ColorHex;
+      highlight: ColorHex;
+      inset: ColorHex;
+    };
+    focus: ColorHex;
+    primer: {
+      fg: {
+        disabled: ColorHex;
+      };
+      canvas: {
+        backdrop: ColorHex;
+        sticky: ColorHex;
+      };
+      border: {
+        active: ColorHex;
+        contrast: ColorHex;
+      };
+    };
+    prettylights: {
+      syntax: {
+        comment: ColorHex;
+        constant: ColorHex;
+        entity: ColorHex;
+        storageModifierImport: ColorHex;
+        entityTag: ColorHex;
+        keyword: ColorHex;
+        string: ColorHex;
+        variable: ColorHex;
+        brackethighlighterUnmatched: ColorHex;
+        invalidIllegalText: ColorHex;
+        invalidIllegalBg: ColorHex;
+        carriageReturnText: ColorHex;
+        carriageReturnBg: ColorHex;
+        stringRegexp: ColorHex;
+        markupList: ColorHex;
+        markupHeading: ColorHex;
+        markupItalic: ColorHex;
+        markupBold: ColorHex;
+        markupDeletedText: ColorHex;
+        markupDeletedBg: ColorHex;
+        markupInsertedText: ColorHex;
+        markupInsertedBg: ColorHex;
+        markupChangedText: ColorHex;
+        markupChangedBg: ColorHex;
+        markupIgnoredText: ColorHex;
+        markupIgnoredBg: ColorHex;
+        metaDiffRange: ColorHex;
+        brackethighlighterAngle: ColorHex;
+        sublimelinterGutterMark: ColorHex;
+        constantOtherReferenceLink: ColorHex;
+      };
+    };
+    codemirror: {
+      text: ColorHex;
+      bg: ColorHex;
+      guttersBg: ColorHex;
+      guttermarkerText: ColorHex;
+      guttermarkerSubtleText: ColorHex;
+      linenumberText: ColorHex;
+      cursor: ColorHex;
+      selectionBg: ColorHex;
+      activelineBg: ColorHex;
+      matchingbracketText: ColorHex;
+      linesBg: ColorHex;
+      syntax: {
+        comment: ColorHex;
+        constant: ColorHex;
+        entity: ColorHex;
+        keyword: ColorHex;
+        storage: ColorHex;
+        string: ColorHex;
+        support: ColorHex;
+        variable: ColorHex;
+      };
+    };
+  };
+  shadow: {
+    color: {
+      small: ColorHex;
+      medium: ColorHex;
+      large: ColorHex;
+      extraLarge: ColorHex;
+      highlight: ColorHex;
+      inset: ColorHex;
+      semiBlack: {
+        "12": ColorHex;
+      };
+    };
+    small: Shadow;
+    medium: Shadow;
+    large: Shadow;
+    extraLarge: Shadow;
+    overlay: Shadow;
+  };
+  outline: {
+    focus: Border;
+  };
+};

package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+/**
+ * @description size in px
+ */
+type SizePx = `${number}px`;
+
+/**
+ * @description size in em
+ */
+type SizeEm = `${number}em`;
+
+export type TypographyDesignTokens = {
+  fontStack: {
+    system: string;
+    sansSerif: string;
+    monospace: string;
+  };
+  text: {
+    display: {
+      lineBoxHeight: SizePx;
+      size: SizePx;
+      lineHeight: string;
+      weight: number;
+      shorthand: string;
+    };
+    title: {
+      size: {
+        large: SizePx;
+        medium: SizePx;
+      };
+      lineHeight: {
+        large: string;
+        medium: string;
+      };
+      weight: number;
+      shorthand: {
+        large: string;
+        medium: string;
+      };
+    };
+    subtitle: {
+      size: SizePx;
+      lineHeight: string;
+      weight: number;
+      shorthand: string;
+    };
+    body: {
+      size: {
+        large: SizePx;
+        medium: SizePx;
+        small: SizePx;
+      };
+      lineHeight: {
+        large: string;
+        medium: string;
+        small: string;
+      };
+      weight: number;
+      shorthand: {
+        large: string;
+        medium: string;
+        small: string;
+      };
+    };
+    caption: {
+      size: SizePx;
+      lineHeight: string;
+      weight: number;
+      shorthand: string;
+    };
+    codeBlock: {
+      size: SizePx;
+      lineHeight: string;
+      weight: number;
+      shorthand: string;
+    };
+    codeInline: {
+      size: SizeEm;
+      weight: number;
+      shorthand: string;
+    };
+  };
+};

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Feb 2023 19:36:01 GMT
+ * Generated on Tue, 28 Mar 2023 12:06:47 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Feb 2023 19:36:01 GMT
+ * Generated on Tue, 28 Mar 2023 12:06:47 GMT
  */
 
 :root {