@primer/primitives 7.11.2-rc.c105d3e → 7.11.2-rc.ce8f8fa

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

@@ -1,635 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Tue, 28 Mar 2023 18:10:13 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 = {
-  topicTag: {
-    borderColor: ColorHex;
-  };
-  highlight: {
-    neutral: {
-      bgColor: ColorHex;
-    };
-  };
-  page: {
-    header: {
-      bgColor: ColorHex;
-    };
-  };
-  diffBlob: {
-    addition: {
-      fgColor: {
-        text: ColorHex;
-        num: ColorHex;
-      };
-      bgColor: {
-        num: ColorHex;
-        line: ColorHex;
-        word: ColorHex;
-      };
-    };
-    deletion: {
-      fgColor: {
-        text: ColorHex;
-        num: ColorHex;
-      };
-      bgColor: {
-        num: ColorHex;
-        line: ColorHex;
-        word: ColorHex;
-      };
-    };
-    hunk: {
-      bgColor: {
-        num: ColorHex;
-      };
-    };
-    expander: {
-      iconColor: ColorHex;
-    };
-  };
-  diffStat: {
-    addition: {
-      bgColor: ColorHex;
-    };
-  };
-  codeMirror: {
-    fgColor: ColorHex;
-    bgColor: ColorHex;
-    gutters: {
-      bgColor: ColorHex;
-    };
-    gutterMarker: {
-      fgColor: {
-        default: ColorHex;
-        muted: ColorHex;
-      };
-    };
-    lineNumber: {
-      fgColor: ColorHex;
-    };
-    cursor: {
-      fgColor: ColorHex;
-    };
-    selection: {
-      bgColor: ColorHex;
-    };
-    activeline: {
-      bgColor: ColorHex;
-    };
-    matchingBracket: {
-      fgColor: ColorHex;
-    };
-    lines: {
-      bgColor: ColorHex;
-    };
-    syntax: {
-      fgColor: {
-        comment: ColorHex;
-        constant: ColorHex;
-        entity: ColorHex;
-        keyword: ColorHex;
-        storage: ColorHex;
-        string: ColorHex;
-        support: ColorHex;
-        variable: ColorHex;
-      };
-    };
-  };
-  header: {
-    fgColor: {
-      default: ColorHex;
-      logo: ColorHex;
-      text: ColorHex;
-      borderColor: ColorHex;
-    };
-    bgColor: ColorHex;
-    borderColor: {
-      divider: ColorHex;
-    };
-  };
-  headerSearch: {
-    bgColor: ColorHex;
-    borderColor: ColorHex;
-  };
-  avatar: {
-    bgColor: ColorHex;
-    borderColor: ColorHex;
-    shadow: Shadow;
-  };
-  avatarStack: {
-    fade: {
-      bgColor: {
-        default: ColorHex;
-        muted: ColorHex;
-      };
-    };
-  };
-  control: {
-    bgColor: {
-      rest: ColorHex;
-      hover: ColorHex;
-      active: ColorHex;
-      disabled: ColorHex;
-      selected: ColorHex;
-    };
-    fgColor: {
-      rest: ColorHex;
-      placeholder: ColorHex;
-      disabled: ColorHex;
-    };
-    borderColor: {
-      rest: ColorHex;
-      emphasis: ColorHex;
-      disabled: ColorHex;
-      selected: ColorHex;
-      success: ColorHex;
-      danger: ColorHex;
-      warning: ColorHex;
-    };
-    iconColor: {
-      rest: ColorHex;
-    };
-    transparent: {
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-        selected: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-      };
-    };
-    danger: {
-      fgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-      };
-      bgColor: {
-        hover: ColorHex;
-        active: ColorHex;
-      };
-    };
-    checked: {
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      fgColor: {
-        rest: ColorHex;
-        disabled: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-    };
-  };
-  controlTrack: {
-    bgColor: {
-      rest: ColorHex;
-      hover: ColorHex;
-      active: ColorHex;
-      disabled: ColorHex;
-    };
-    fgColor: {
-      rest: ColorHex;
-      disabled: ColorHex;
-    };
-    borderColor: {
-      rest: ColorHex;
-      disabled: ColorHex;
-    };
-  };
-  controlKnob: {
-    bgColor: {
-      rest: ColorHex;
-      disabled: ColorHex;
-      checked: ColorHex;
-    };
-    borderColor: {
-      rest: ColorHex;
-      disabled: ColorHex;
-      checked: ColorHex;
-    };
-  };
-  counter: {
-    borderColor: ColorHex;
-  };
-  button: {
-    default: {
-      fgColor: {
-        rest: ColorHex;
-      };
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        selected: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-      };
-      shadow: {
-        resting: Shadow;
-        inset: Shadow;
-      };
-    };
-    primary: {
-      fgColor: {
-        rest: ColorHex;
-        disabled: ColorHex;
-      };
-      iconColor: {
-        rest: ColorHex;
-      };
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        disabled: ColorHex;
-      };
-      shadow: {
-        selected: Shadow;
-      };
-    };
-    invisible: {
-      fgColor: {
-        rest: ColorHex;
-        disabled: ColorHex;
-      };
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-      };
-    };
-    outline: {
-      fgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      borderColor: {
-        hover: ColorHex;
-        active: ColorHex;
-      };
-      shadow: {
-        selected: Shadow;
-      };
-    };
-    danger: {
-      fgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      iconColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-      };
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-        disabled: ColorHex;
-      };
-      borderColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        active: ColorHex;
-      };
-      shadow: {
-        selected: Shadow;
-      };
-    };
-  };
-  buttonCounter: {
-    default: {
-      bgColor: {
-        rest: ColorHex;
-      };
-    };
-    primary: {
-      bgColor: {
-        rest: ColorHex;
-      };
-    };
-    outline: {
-      bgColor: {
-        rest: ColorHex;
-        hover: ColorHex;
-        disabled: ColorHex;
-      };
-    };
-    danger: {
-      bgColor: {
-        hover: ColorHex;
-        disabled: ColorHex;
-        rest: ColorHex;
-      };
-    };
-  };
-  focus: {
-    outlineColor: ColorHex;
-    outline: Border;
-  };
-  menu: {
-    bgColor: {
-      active: ColorHex;
-    };
-  };
-  overlay: {
-    bgColor: ColorHex;
-    backdrop: {
-      bgColor: ColorHex;
-    };
-  };
-  selectMenu: {
-    borderColor: ColorHex;
-    bgColor: {
-      active: ColorHex;
-    };
-  };
-  sideNav: {
-    bgColor: {
-      selected: ColorHex;
-    };
-  };
-  timelineBadge: {
-    bgColor: ColorHex;
-  };
-  treeViewItem: {
-    leadingVisual: {
-      bgColor: {
-        rest: ColorHex;
-      };
-    };
-  };
-  underlineNav: {
-    borderColor: {
-      active: ColorHex;
-      hover: ColorHex;
-    };
-    iconColor: {
-      rest: ColorHex;
-    };
-  };
-  fgColor: {
-    default: ColorHex;
-    muted: ColorHex;
-    onEmphasis: ColorHex;
-    disabled: ColorHex;
-    link: {
-      rest: ColorHex;
-      inverse: {
-        rest: ColorHex;
-      };
-      control: ColorHex;
-    };
-    accent: ColorHex;
-    success: ColorHex;
-    attention: ColorHex;
-    severe: ColorHex;
-    danger: ColorHex;
-    open: ColorHex;
-    closed: ColorHex;
-    done: ColorHex;
-    sponsors: ColorHex;
-  };
-  bgColor: {
-    default: ColorHex;
-    muted: ColorHex;
-    emphasis: ColorHex;
-    disabled: ColorHex;
-    neutral: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    accent: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    success: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    attention: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    severe: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    danger: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    open: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    closed: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    done: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    sponsors: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-  };
-  borderColor: {
-    default: ColorHex;
-    muted: ColorHex;
-    emphasis: ColorHex;
-    disabled: ColorHex;
-    neutral: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    accent: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    success: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    attention: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    severe: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    danger: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    open: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    closed: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    done: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-    sponsors: {
-      muted: ColorHex;
-      emphasis: ColorHex;
-    };
-  };
-  color: {
-    ansi: {
-      black: {
-        bright: ColorHex;
-      };
-      white: {
-        bright: ColorHex;
-      };
-      gray: ColorHex;
-      red: {
-        bright: ColorHex;
-      };
-      green: {
-        bright: ColorHex;
-      };
-      yellow: {
-        bright: ColorHex;
-      };
-      blue: {
-        bright: ColorHex;
-      };
-      magenta: {
-        bright: ColorHex;
-      };
-      cyan: {
-        bright: ColorHex;
-      };
-    };
-    prettylights: {
-      syntax: {
-        comment: ColorHex;
-        constant: {
-          other: {
-            reference: {
-              link: ColorHex;
-            };
-          };
-        };
-        entity: {
-          tag: ColorHex;
-        };
-        storage: {
-          modifier: {
-            import: ColorHex;
-          };
-        };
-        keyword: ColorHex;
-        string: {
-          regexp: ColorHex;
-        };
-        variable: ColorHex;
-        brackethighlighter: {
-          angle: ColorHex;
-        };
-        invalid: {
-          illegal: {
-            bg: ColorHex;
-          };
-        };
-        carriage: {
-          return: {
-            bg: ColorHex;
-          };
-        };
-        markup: {
-          ignored: {
-            bg: ColorHex;
-          };
-        };
-        meta: {
-          diff: {
-            range: ColorHex;
-          };
-        };
-        sublimelinter: {
-          gutter: {
-            mark: ColorHex;
-          };
-        };
-      };
-    };
-  };
-  shadow: {
-    inset: Shadow;
-    highlight: Shadow;
-    resting: {
-      xsmall: Shadow;
-      small: Shadow;
-      medium: Shadow;
-    };
-    floating: {
-      small: Shadow;
-      medium: Shadow;
-      large: Shadow;
-      xlarge: Shadow;
-    };
-  };
-};

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

@@ -1,87 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Tue, 28 Mar 2023 18:10:13 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;
-    };
-  };
-};