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

package/tokens-next-private/js/functional/size/size.js

@@ -0,0 +1,98 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+exports.default = {
+  control: {
+    minTarget: {
+      fine: "16px",
+      coarse: "44px",
+    },
+    xsmall: {
+      size: "24px",
+      lineBoxHeight: "20px",
+      paddingBlock: "calc((24px - 20px) / 2)",
+      paddingInline: {
+        condensed: "4px",
+        normal: "8px",
+        spacious: "12px",
+      },
+      gap: "4px",
+    },
+    small: {
+      size: "28px",
+      lineBoxHeight: "20px",
+      paddingBlock: "calc((28px - 20px) / 2)",
+      paddingInline: {
+        condensed: "8px",
+        normal: "12px",
+      },
+      gap: "4px",
+    },
+    medium: {
+      size: "32px",
+      lineBoxHeight: "20px",
+      paddingBlock: "calc((32px - 20px) / 2)",
+      paddingInline: {
+        condensed: "8px",
+        normal: "12px",
+        spacious: "16px",
+      },
+      gap: "8px",
+    },
+    large: {
+      size: "40px",
+      lineBoxHeight: "20px",
+      paddingBlock: "calc((40px - 20px) / 2)",
+      paddingInline: {
+        normal: "12px",
+        spacious: "16px",
+      },
+      gap: "8px",
+    },
+    xlarge: {
+      size: "48px",
+      lineBoxHeight: "20px",
+      paddingBlock: "calc((48px - 20px) / 2)",
+      paddingInline: {
+        normal: "12px",
+        spacious: "16px",
+      },
+      gap: "8px",
+    },
+  },
+  controlStack: {
+    small: {
+      gap: {
+        condensed: "8px",
+        spacious: "16px",
+      },
+    },
+    medium: {
+      gap: {
+        condensed: "8px",
+        spacious: "12px",
+      },
+    },
+    large: {
+      gap: {
+        auto: "8px",
+        condensed: "8px",
+        spacious: "12px",
+      },
+    },
+  },
+  stack: {
+    padding: {
+      condensed: "8px",
+      normal: "16px",
+      spacious: "24px",
+    },
+    gap: {
+      condensed: "8px",
+      normal: "16px",
+      spacious: "24px",
+    },
+  },
+};

package/tokens-next-private/js/functional/size/viewport.js

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+exports.default = {
+  viewportRange: {
+    narrow: "(max-width: calc(768px - 0.02px))",
+    narrowLandscape: "(max-width: calc(1012px - 0.02px) and (max-height: calc(544px - 0.02px)) and (orientation: landscape))",
+    regular: "(min-width: 768px)",
+    wide: "(min-width: 1440px)",
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+  },
+};

package/tokens-next-private/js/functional/themes/dark-colorblind.js

@@ -0,0 +1,472 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:55 GMT
+ */
+
+exports.default = {
+  color: {
+    ansi: {
+      black: "#484f58",
+      blackBright: "#6e7681",
+      white: "#b1bac4",
+      whiteBright: "#ffffff",
+      gray: "#6e7681",
+      red: "#ec8e2c",
+      redBright: "#fdac54",
+      green: "#58a6ff",
+      greenBright: "#79c0ff",
+      yellow: "#d29922",
+      yellowBright: "#e3b341",
+      blue: "#58a6ff",
+      blueBright: "#79c0ff",
+      magenta: "#bc8cff",
+      magentaBright: "#d2a8ff",
+      cyan: "#39c5cf",
+      cyanBright: "#56d4dd",
+    },
+    checks: {
+      bg: "#010409",
+      textPrimary: "#c9d1d9",
+      textSecondary: "#8b949e",
+      textLink: "#58a6ff",
+      btnIcon: "#8b949e",
+      btnHoverIcon: "#c9d1d9",
+      btnHoverBg: "#6e76811a",
+      inputText: "#8b949e",
+      inputPlaceholderText: "#6e7681",
+      inputFocusText: "#c9d1d9",
+      inputBg: "#161b22",
+      donutError: "#d47616",
+      donutPending: "#d29922",
+      donutSuccess: "#388bfd",
+      donutNeutral: "#8b949e",
+      dropdownText: "#c9d1d9",
+      dropdownBg: "#161b22",
+      dropdownBorder: "#30363d",
+      dropdownShadow: "#0104094d",
+      dropdownHoverText: "#c9d1d9",
+      dropdownHoverBg: "#6e76811a",
+      dropdownBtnHoverText: "#c9d1d9",
+      dropdownBtnHoverBg: "#6e76811a",
+      scrollbarThumbBg: "#6e768166",
+      headerLabelText: "#8b949e",
+      headerLabelOpenText: "#c9d1d9",
+      headerBorder: "#21262d",
+      headerIcon: "#8b949e",
+      lineText: "#8b949e",
+      lineNumText: "#6e7681",
+      lineTimestampText: "#6e7681",
+      lineHoverBg: "#6e76811a",
+      lineSelectedBg: "#388bfd26",
+      lineSelectedNumText: "#58a6ff",
+      lineDtFmText: "#ffffff",
+      lineDtFmBg: "#9e6a03",
+      gateBg: "#bb800926",
+      gateText: "#8b949e",
+      gateWaitingText: "#d29922",
+      stepHeaderOpenBg: "#161b22",
+      stepErrorText: "#d47616",
+      stepWarningText: "#d29922",
+      loglineText: "#8b949e",
+      loglineNumText: "#6e7681",
+      loglineDebugText: "#a371f7",
+      loglineErrorText: "#8b949e",
+      loglineErrorNumText: "#6e7681",
+      loglineErrorBg: "#d4761626",
+      loglineWarningText: "#8b949e",
+      loglineWarningNumText: "#d29922",
+      loglineWarningBg: "#bb800926",
+      loglineCommandText: "#58a6ff",
+      loglineSectionText: "#58a6ff",
+      ansi: {
+        black: "#0d1117",
+        blackBright: "#161b22",
+        white: "#b1bac4",
+        whiteBright: "#b1bac4",
+        gray: "#6e7681",
+        red: "#ec8e2c",
+        redBright: "#fdac54",
+        green: "#58a6ff",
+        greenBright: "#79c0ff",
+        yellow: "#d29922",
+        yellowBright: "#e3b341",
+        blue: "#58a6ff",
+        blueBright: "#79c0ff",
+        magenta: "#bc8cff",
+        magentaBright: "#d2a8ff",
+        cyan: "#76e3ea",
+        cyanBright: "#b3f0ff",
+      },
+    },
+    avatar: {
+      bg: "#ffffff1a",
+      border: "#f0f6fc1a",
+      stackFade: "#30363d",
+      stackFadeMore: "#21262d",
+    },
+    topicTag: {
+      border: "#00000000",
+    },
+    counter: {
+      border: "#00000000",
+    },
+    selectMenu: {
+      backdropBorder: "#484f58",
+      tapHighlight: "#30363d80",
+      tapFocusBg: "#0c2d6b",
+    },
+    header: {
+      text: "#ffffffb3",
+      bg: "#161b22",
+      divider: "#8b949e",
+      logo: "#f0f6fc",
+    },
+    headerSearch: {
+      bg: "#0d1117",
+      border: "#30363d",
+    },
+    sidenav: {
+      selectedBg: "#21262d",
+    },
+    menu: {
+      bgActive: "#161b22",
+    },
+    input: {
+      disabledBg: "#6e768180",
+    },
+    timeline: {
+      badgeBg: "#21262d",
+    },
+    btn: {
+      text: "#c9d1d9",
+      bg: "#21262d",
+      border: "#f0f6fc1a",
+      hoverBg: "#30363d",
+      hoverBorder: "#8b949e",
+      activeBg: "#282e33",
+      activeBorder: "#6e7681",
+      selectedBg: "#161b22",
+      focusBg: "#21262d",
+      focusBorder: "#8b949e",
+      counterBg: "#30363d",
+      primary: {
+        text: "#ffffff",
+        bg: "#1f6feb",
+        border: "#f0f6fc1a",
+        hover: {
+          bg: "#388bfd",
+        },
+        hoverBorder: "#f0f6fc1a",
+        selectedBg: "#1f6feb",
+        disabledText: "#ffffff80",
+        disabledBg: "#1f6feb99",
+        disabledBorder: "#f0f6fc1a",
+        focusBg: "#1f6feb",
+        focusBorder: "#f0f6fc1a",
+        icon: "#ffffff",
+        counterBg: "#ffffff33",
+      },
+      outline: {
+        text: "#58a6ff",
+        hoverText: "#58a6ff",
+        hoverBg: "#30363d",
+        hoverBorder: "#f0f6fc1a",
+        hoverCounterBg: "#ffffff33",
+        selectedText: "#ffffff",
+        selectedBg: "#0d419d",
+        selectedBorder: "#f0f6fc1a",
+        disabledText: "#58a6ff80",
+        disabledBg: "#0d1117",
+        disabledCounterBg: "#1f6feb0d",
+        focusBorder: "#f0f6fc1a",
+        counterBg: "#1f6feb1a",
+      },
+      danger: {
+        text: "#d47616",
+        hoverText: "#ffffff",
+        hoverBg: "#b76100",
+        hoverBorder: "#d47616",
+        hoverIcon: "#ffffff",
+        hover: {
+          counter: {
+            bg: "#ffffff33",
+          },
+        },
+        selectedText: "#ffffff",
+        selectedBg: "#914d04",
+        selectedBorder: "#ec8e2c",
+        disabledText: "#d4761680",
+        disabledBg: "#0d1117",
+        disabledCounterBg: "#b761000d",
+        focusBorder: "#d47616",
+        counterBg: "#b761001a",
+        icon: "#d47616",
+      },
+    },
+    underlinenav: {
+      icon: "#6e7681",
+      borderHover: "#6e768166",
+    },
+    actionListItem: {
+      inlineDivider: "#30363d7a",
+      default: {
+        hoverBg: "#b1bac41f",
+        hoverBorder: "#00000000",
+        activeBg: "#b1bac433",
+        activeBorder: "#00000000",
+        selectedBg: "#b1bac414",
+      },
+      danger: {
+        hoverBg: "#d4761629",
+        activeBg: "#d476163d",
+        hoverText: "#ec8e2c",
+      },
+    },
+    switchTrack: {
+      bg: "#010409",
+      border: "#6e7681",
+      checked: {
+        bg: "#1f6feb59",
+        hoverBg: "#1f6feb80",
+        activeBg: "#1f6feba6",
+        border: "#58a6ff",
+      },
+    },
+    switchKnob: {
+      checked: {
+        bg: "#1f6feb",
+        disabledBg: "#484f58",
+      },
+    },
+    segmentedControl: {
+      bg: "#161b22",
+      button: {
+        hover: {
+          bg: "#30363d",
+        },
+        active: {
+          bg: "#21262d",
+        },
+        selected: {
+          border: "#6e7681",
+        },
+      },
+    },
+    diffBlob: {
+      addition: {
+        numText: "#c9d1d9",
+        fg: "#c9d1d9",
+        numBg: "#58a6ff4d",
+        lineBg: "#388bfd26",
+        wordBg: "#388bfd66",
+      },
+      deletion: {
+        numText: "#c9d1d9",
+        fg: "#c9d1d9",
+        numBg: "#d476164d",
+        lineBg: "#d4761626",
+        wordBg: "#d4761666",
+      },
+      hunk: {
+        numBg: "#388bfd66",
+      },
+      expander: {
+        icon: "#8b949e",
+      },
+    },
+    diffstat: {
+      additionBg: "#58a6ff",
+      deletionBorder: "#f0f6fc1a",
+      additionBorder: "#f0f6fc1a",
+    },
+    page: {
+      header: {
+        bg: "#0d1117",
+      },
+    },
+    searchKeyword: {
+      hl: "#d2992266",
+    },
+    project: {
+      headerBg: "#0d1117",
+      sidebarBg: "#161b22",
+      gradientIn: "#161b22",
+      gradientOut: "#161b2200",
+    },
+    fg: {
+      default: "#c9d1d9",
+      muted: "#8b949e",
+      subtle: "#6e7681",
+      onEmphasis: "#ffffff",
+    },
+    canvas: {
+      default: "#0d1117",
+      overlay: "#161b22",
+      inset: "#010409",
+      subtle: "#161b22",
+    },
+    border: {
+      default: "#30363d",
+      muted: "#21262d",
+      subtle: "#f0f6fc1a",
+      control: "#636a75",
+    },
+    neutral: {
+      emphasisPlus: "#6e7681",
+      emphasis: "#6e7681",
+      muted: "#6e768166",
+      subtle: "#6e76811a",
+    },
+    accent: {
+      fg: "#58a6ff",
+      emphasis: "#1f6feb",
+      muted: "#388bfd66",
+      subtle: "#388bfd26",
+    },
+    success: {
+      fg: "#58a6ff",
+      emphasis: "#1f6feb",
+      muted: "#388bfd66",
+      subtle: "#388bfd26",
+    },
+    attention: {
+      fg: "#d29922",
+      emphasis: "#9e6a03",
+      muted: "#bb800966",
+      subtle: "#bb800926",
+    },
+    severe: {
+      fg: "#d47616",
+      emphasis: "#b76100",
+      muted: "#d4761666",
+      subtle: "#d4761626",
+    },
+    danger: {
+      fg: "#d47616",
+      emphasis: "#b76100",
+      muted: "#d4761666",
+      subtle: "#d4761626",
+    },
+    open: {
+      fg: "#ec8e2c",
+      emphasis: "#b76100",
+      muted: "#d4761666",
+      subtle: "#d4761626",
+    },
+    closed: {
+      fg: "#8b949e",
+      emphasis: "#6e7681",
+      muted: "#6e768166",
+      subtle: "#6e76811a",
+    },
+    done: {
+      fg: "#a371f7",
+      emphasis: "#8957e5",
+      muted: "#a371f766",
+      subtle: "#a371f726",
+    },
+    sponsors: {
+      fg: "#db61a2",
+      emphasis: "#bf4b8a",
+      muted: "#db61a266",
+      subtle: "#db61a226",
+    },
+    shadow: {
+      small: "#010409f5",
+      medium: "#6e7681d9",
+      large: "#6e7681cc",
+      extraLarge: "#6e7681b3",
+      highlight: "#ffffff40",
+      inset: "#b1bac400",
+    },
+    focus: "#1f6feb",
+    primer: {
+      fg: {
+        disabled: "#484f58",
+      },
+      canvas: {
+        backdrop: "#010409cc",
+        sticky: "#0d1117f2",
+      },
+      border: {
+        active: "#f78166",
+        contrast: "#ffffff33",
+      },
+    },
+    prettylights: {
+      syntax: {
+        comment: "#8b949e",
+        constant: "#79c0ff",
+        entity: "#d2a8ff",
+        storageModifierImport: "#c9d1d9",
+        entityTag: "#a5d6ff",
+        keyword: "#ec8e2c",
+        string: "#a5d6ff",
+        variable: "#fdac54",
+        brackethighlighterUnmatched: "#d47616",
+        invalidIllegalText: "#f0f6fc",
+        invalidIllegalBg: "#6c3906",
+        carriageReturnText: "#f0f6fc",
+        carriageReturnBg: "#914d04",
+        stringRegexp: "#a5d6ff",
+        markupList: "#f2cc60",
+        markupHeading: "#1f6feb",
+        markupItalic: "#c9d1d9",
+        markupBold: "#c9d1d9",
+        markupDeletedText: "#ffe2bb",
+        markupDeletedBg: "#4e2906",
+        markupInsertedText: "#cae8ff",
+        markupInsertedBg: "#0c2d6b",
+        markupChangedText: "#ffe2bb",
+        markupChangedBg: "#4e2906",
+        markupIgnoredText: "#c9d1d9",
+        markupIgnoredBg: "#1158c7",
+        metaDiffRange: "#d2a8ff",
+        brackethighlighterAngle: "#8b949e",
+        sublimelinterGutterMark: "#484f58",
+        constantOtherReferenceLink: "#a5d6ff",
+      },
+    },
+    codemirror: {
+      text: "#c9d1d9",
+      bg: "#0d1117",
+      guttersBg: "#0d1117",
+      guttermarkerText: "#0d1117",
+      guttermarkerSubtleText: "#6e7681",
+      linenumberText: "#8b949e",
+      cursor: "#c9d1d9",
+      selectionBg: "#388bfd66",
+      activelineBg: "#6e76811a",
+      matchingbracketText: "#c9d1d9",
+      linesBg: "#0d1117",
+      syntax: {
+        comment: "#8b949e",
+        constant: "#79c0ff",
+        entity: "#d2a8ff",
+        keyword: "#ec8e2c",
+        storage: "#ec8e2c",
+        string: "#a5d6ff",
+        support: "#79c0ff",
+        variable: "#fdac54",
+      },
+    },
+  },
+  shadow: {
+    color: {
+      small: "#010409f5",
+      medium: "#6e7681d9",
+      large: "#6e7681cc",
+      extraLarge: "#6e7681b3",
+      highlight: "#ffffff40",
+      inset: "#b1bac400",
+    },
+    small: "0px 1px 0px 0px #010409",
+    medium: "0px 3px 6px 0px #6e7681",
+    large: "0px 8px 24px 0px #6e7681",
+    extraLarge: "0px 12px 28px 0px #6e7681",
+    overlay: "0px 0px 0px 1px #30363d, 0px 16px 32px 0px #6e7681",
+  },
+  outline: {
+    focus: "#1f6feb solid 1px",
+  },
+};