@primer/primitives 7.6.0 → 7.8.0-rc.b3d89b6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @primer/primitives
 
+## 7.8.0
+
+### Minor Changes
+
+- [#317](https://github.com/primer/primitives/pull/317) [`45359ea`](https://github.com/primer/primitives/commit/45359eab4613edacfad331858128f187a01ce49c) Thanks [@langermank](https://github.com/langermank)! - - Initial design tokens release for interal Primer team use only
+  - Private docs that can be accessed at /typography and /size
+  - Separate dist for testing purposes only
+
+## 7.7.0
+
+### Minor Changes
+
+- [#310](https://github.com/primer/primitives/pull/310) [`3a72849`](https://github.com/primer/primitives/commit/3a728498f352f737b8d257d1f70bd7d40e39d8db) Thanks [@simurai](https://github.com/simurai)! - Add Tritanopia theme
+
 ## 7.6.0
 
 ### Minor Changes
@@ -286,7 +300,7 @@
   Each JSON file in the `deprecations` directory contains a mapping of deprecated variables to replacement variables. Example:
 
   ```js
-  // dist/decprecations/colors.json
+  // dist/deprecations/colors.json
   {
     "text.primary": "fg.default", // this means: `text.primary` is deprecated. Use `fg.default` instead
     "auto.blue.4": ["accent.fg, accent.emphasis"], // this means: `auto.blue.4` is deprecated. Use `accent.fg` or `accent.emphasis` instead

package/README.md

@@ -25,7 +25,7 @@ Primitive data is served in several formats from the `dist/` folder:
 
 ## Deprecating variables
 
-To deprecate a variable, define a mapping from the deprecated variable to its replacement(s) in a file called `deprecated.json` in the approriate subdirectory of `data`:
+To deprecate a variable, define a mapping from the deprecated variable to its replacement(s) in a file called `deprecated.json` in the appropriate subdirectory of `data`:
 
 ```diff
   data/
@@ -46,7 +46,7 @@ To deprecate a variable, define a mapping from the deprecated variable to its re
 }
 ```
 
-During the build process, the `deprecated.json` files will be added to a `dist/deprected` directory organized by variable category:
+During the build process, the `deprecated.json` files will be added to a `dist/deprecated` directory organized by variable category:
 
 ```diff
   dist/

package/dist/js/colors/dark_tritanopia.d.ts

@@ -0,0 +1,479 @@
+declare const _default: {
+    canvasDefaultTransparent: string;
+    pageHeaderBg: string;
+    marketingIcon: {
+        primary: string;
+        secondary: string;
+    };
+    diffBlob: {
+        addition: {
+            numText: string;
+            fg: string;
+            numBg: string;
+            lineBg: string;
+            wordBg: string;
+        };
+        deletion: {
+            numText: string;
+            fg: string;
+            numBg: string;
+            lineBg: string;
+            wordBg: string;
+        };
+        hunk: {
+            numBg: string;
+        };
+        expander: {
+            icon: string;
+        };
+        selectedLineHighlightMixBlendMode: string;
+    };
+    diffstat: {
+        deletionBorder: string;
+        additionBorder: string;
+        additionBg: string;
+    };
+    searchKeyword: {
+        hl: string;
+    };
+    prettylights: {
+        syntax: {
+            comment: string;
+            constant: string;
+            entity: string;
+            storageModifierImport: string;
+            entityTag: string;
+            keyword: string;
+            string: string;
+            variable: string;
+            brackethighlighterUnmatched: string;
+            invalidIllegalText: string;
+            invalidIllegalBg: string;
+            carriageReturnText: string;
+            carriageReturnBg: string;
+            stringRegexp: string;
+            markupList: string;
+            markupHeading: string;
+            markupItalic: string;
+            markupBold: string;
+            markupDeletedText: string;
+            markupDeletedBg: string;
+            markupInsertedText: string;
+            markupInsertedBg: string;
+            markupChangedText: string;
+            markupChangedBg: string;
+            markupIgnoredText: string;
+            markupIgnoredBg: string;
+            metaDiffRange: string;
+            brackethighlighterAngle: string;
+            sublimelinterGutterMark: string;
+            constantOtherReferenceLink: string;
+        };
+    };
+    codemirror: {
+        text: string;
+        bg: string;
+        guttersBg: string;
+        guttermarkerText: string;
+        guttermarkerSubtleText: string;
+        linenumberText: string;
+        cursor: string;
+        selectionBg: string;
+        activelineBg: string;
+        matchingbracketText: string;
+        linesBg: string;
+        syntax: {
+            comment: string;
+            constant: string;
+            entity: string;
+            keyword: string;
+            storage: string;
+            string: string;
+            support: string;
+            variable: string;
+        };
+    };
+    checks: {
+        bg: string;
+        runBorderWidth: string;
+        containerBorderWidth: string;
+        textPrimary: string;
+        textSecondary: string;
+        textLink: string;
+        btnIcon: string;
+        btnHoverIcon: string;
+        btnHoverBg: string;
+        inputText: string;
+        inputPlaceholderText: string;
+        inputFocusText: string;
+        inputBg: string;
+        inputShadow: string;
+        donutError: string;
+        donutPending: string;
+        donutSuccess: string;
+        donutNeutral: string;
+        dropdownText: string;
+        dropdownBg: string;
+        dropdownBorder: string;
+        dropdownShadow: string;
+        dropdownHoverText: string;
+        dropdownHoverBg: string;
+        dropdownBtnHoverText: string;
+        dropdownBtnHoverBg: string;
+        scrollbarThumbBg: string;
+        headerLabelText: string;
+        headerLabelOpenText: string;
+        headerBorder: string;
+        headerIcon: string;
+        lineText: string;
+        lineNumText: string;
+        lineTimestampText: string;
+        lineHoverBg: string;
+        lineSelectedBg: string;
+        lineSelectedNumText: string;
+        lineDtFmText: string;
+        lineDtFmBg: string;
+        gateBg: string;
+        gateText: string;
+        gateWaitingText: string;
+        stepHeaderOpenBg: string;
+        stepErrorText: string;
+        stepWarningText: string;
+        loglineText: string;
+        loglineNumText: string;
+        loglineDebugText: string;
+        loglineErrorText: string;
+        loglineErrorNumText: string;
+        loglineErrorBg: string;
+        loglineWarningText: string;
+        loglineWarningNumText: string;
+        loglineWarningBg: string;
+        loglineCommandText: string;
+        loglineSectionText: string;
+        ansi: {
+            black: string;
+            blackBright: string;
+            white: string;
+            whiteBright: string;
+            gray: string;
+            red: string;
+            redBright: string;
+            green: string;
+            greenBright: string;
+            yellow: string;
+            yellowBright: string;
+            blue: string;
+            blueBright: string;
+            magenta: string;
+            magentaBright: string;
+            cyan: string;
+            cyanBright: string;
+        };
+    };
+    project: {
+        headerBg: string;
+        sidebarBg: string;
+        gradientIn: string;
+        gradientOut: string;
+    };
+    mktg: {
+        btn: {
+            bg: string;
+            shadow: {
+                outline: string;
+                focus: string;
+                hover: string;
+                hoverMuted: string;
+            };
+        };
+    };
+    avatar: {
+        bg: string;
+        border: string;
+        stackFade: string;
+        stackFadeMore: string;
+        childShadow: string;
+    };
+    topicTag: {
+        border: string;
+    };
+    counter: {
+        border: string;
+    };
+    selectMenu: {
+        backdropBorder: string;
+        tapHighlight: string;
+        tapFocusBg: string;
+    };
+    overlay: {
+        shadow: string;
+    };
+    header: {
+        text: string;
+        bg: string;
+        divider: string;
+        logo: string;
+    };
+    headerSearch: {
+        bg: string;
+        border: string;
+    };
+    sidenav: {
+        selectedBg: string;
+    };
+    menu: {
+        bgActive: string;
+    };
+    input: {
+        disabledBg: string;
+    };
+    timeline: {
+        badgeBg: string;
+    };
+    ansi: {
+        black: string;
+        blackBright: string;
+        white: string;
+        whiteBright: string;
+        gray: string;
+        red: string;
+        redBright: string;
+        green: string;
+        greenBright: string;
+        yellow: string;
+        yellowBright: string;
+        blue: string;
+        blueBright: string;
+        magenta: string;
+        magentaBright: string;
+        cyan: string;
+        cyanBright: string;
+    };
+    btn: {
+        text: string;
+        bg: string;
+        border: string;
+        shadow: string;
+        insetShadow: string;
+        hoverBg: string;
+        hoverBorder: string;
+        activeBg: string;
+        activeBorder: string;
+        selectedBg: string;
+        focusBg: string;
+        focusBorder: string;
+        focusShadow: string;
+        shadowActive: string;
+        shadowInputFocus: string;
+        counterBg: string;
+        primary: {
+            text: string;
+            bg: string;
+            border: string;
+            shadow: string;
+            insetShadow: string;
+            hoverBg: string;
+            hoverBorder: string;
+            selectedBg: string;
+            selectedShadow: string;
+            disabledText: string;
+            disabledBg: string;
+            disabledBorder: string;
+            focusBg: string;
+            focusBorder: string;
+            focusShadow: string;
+            icon: string;
+            counterBg: string;
+        };
+        outline: {
+            text: string;
+            hoverText: string;
+            hoverBg: string;
+            hoverBorder: string;
+            hoverShadow: string;
+            hoverInsetShadow: string;
+            hoverCounterBg: string;
+            selectedText: string;
+            selectedBg: string;
+            selectedBorder: string;
+            selectedShadow: string;
+            disabledText: string;
+            disabledBg: string;
+            disabledCounterBg: string;
+            focusBorder: string;
+            focusShadow: string;
+            counterBg: string;
+        };
+        danger: {
+            text: string;
+            hoverText: string;
+            hoverBg: string;
+            hoverBorder: string;
+            hoverShadow: string;
+            hoverInsetShadow: string;
+            hoverIcon: string;
+            hoverCounterBg: string;
+            selectedText: string;
+            selectedBg: string;
+            selectedBorder: string;
+            selectedShadow: string;
+            disabledText: string;
+            disabledBg: string;
+            disabledCounterBg: string;
+            focusBorder: string;
+            focusShadow: string;
+            counterBg: string;
+            icon: string;
+        };
+    };
+    underlinenav: {
+        icon: string;
+        borderHover: string;
+    };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            hoverBorder: string;
+            activeBg: string;
+            activeBorder: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
+    switchTrack: {
+        bg: string;
+        border: string;
+        checked: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            border: string;
+        };
+    };
+    switchKnob: {
+        checked: {
+            bg: string;
+            disabledBg: string;
+        };
+    };
+    fg: {
+        default: string;
+        muted: string;
+        subtle: string;
+        onEmphasis: string;
+    };
+    canvas: {
+        default: string;
+        overlay: string;
+        inset: string;
+        subtle: string;
+    };
+    border: {
+        default: string;
+        muted: string;
+        subtle: string;
+    };
+    shadow: {
+        small: string;
+        medium: string;
+        large: string;
+        extraLarge: string;
+    };
+    neutral: {
+        emphasisPlus: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    accent: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    success: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    attention: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    severe: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    danger: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    open: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    closed: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    done: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    sponsors: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    primer: {
+        fg: {
+            disabled: string;
+        };
+        canvas: {
+            backdrop: string;
+            sticky: string;
+        };
+        border: {
+            active: string;
+            contrast: string;
+        };
+        shadow: {
+            highlight: string;
+            inset: string;
+            focus: string;
+        };
+    };
+    scale: {
+        black: string;
+        white: string;
+        gray: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        orange: string[];
+        red: string[];
+        purple: string[];
+        pink: string[];
+        coral: string[];
+    };
+};
+export default _default;