npm - @primer/primitives - Versions diffs - 7.0.0 → 7.1.0 - Mend

@primer/primitives 7.0.0 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +12 -0
package/dist/js/colors/index.d.ts +443 -0
package/dist/js/colors/index.js +2 -1
package/dist/js/colors/light_high_contrast.d.ts +444 -0
package/dist/js/colors/light_high_contrast.js +544 -0
package/dist/js/index.d.ts +443 -0
package/dist/json/colors/light_high_contrast.json +542 -0
package/dist/removed/colors.json +32 -1
package/dist/scss/colors/_light_high_contrast.scss +416 -0
package/dist/ts/colors/index.ts +2 -1
package/dist/ts/colors/light_high_contrast.ts +542 -0
package/package.json +1 -1

package/dist/ts/colors/light_high_contrast.ts ADDED Viewed

@@ -0,0 +1,542 @@
+export default {
+  "canvasDefaultTransparent": "rgba(255,255,255,0)",
+  "marketingIcon": {
+    "primary": "#1168e3",
+    "secondary": "#368cf9"
+  },
+  "diffBlob": {
+    "addition": {
+      "numText": "#24292F",
+      "fg": "#24292F",
+      "numBg": "#CCFFD8",
+      "lineBg": "#E6FFEC",
+      "wordBg": "#ABF2BC"
+    },
+    "deletion": {
+      "numText": "#24292F",
+      "fg": "#24292F",
+      "numBg": "#FFD7D5",
+      "lineBg": "#fff0ee",
+      "wordBg": "rgba(238,90,93,0.4)"
+    },
+    "hunk": {
+      "numBg": "rgba(54,140,249,0.4)"
+    },
+    "expander": {
+      "icon": "#24292F"
+    },
+    "selectedLineHighlightMixBlendMode": "multiply"
+  },
+  "diffstat": {
+    "deletionBorder": "rgba(1,4,9,0.9)",
+    "additionBorder": "rgba(1,4,9,0.9)",
+    "additionBg": "#117f32"
+  },
+  "searchKeyword": {
+    "hl": "#fcf7be"
+  },
+  "prettylights": {
+    "syntax": {
+      "comment": "#67707A",
+      "constant": "#023b95",
+      "entity": "#622cbc",
+      "storageModifierImport": "#24292F",
+      "entityTag": "#024c1a",
+      "keyword": "#a0111f",
+      "string": "#032563",
+      "variable": "#702c00",
+      "brackethighlighterUnmatched": "#6e011a",
+      "invalidIllegalText": "#FFFFFF",
+      "invalidIllegalBg": "#6e011a",
+      "carriageReturnText": "#FFFFFF",
+      "carriageReturnBg": "#a0111f",
+      "stringRegexp": "#024c1a",
+      "markupList": "#2e1800",
+      "markupHeading": "#023b95",
+      "markupItalic": "#24292F",
+      "markupBold": "#24292F",
+      "markupDeletedText": "#6e011a",
+      "markupDeletedBg": "#fff0ee",
+      "markupInsertedText": "#024c1a",
+      "markupInsertedBg": "#d2fedb",
+      "markupChangedText": "#702c00",
+      "markupChangedBg": "#ffc67b",
+      "markupIgnoredText": "#E7ECF0",
+      "markupIgnoredBg": "#023b95",
+      "metaDiffRange": "#622cbc",
+      "brackethighlighterAngle": "#4F5760",
+      "sublimelinterGutterMark": "#88929D",
+      "constantOtherReferenceLink": "#032563"
+    }
+  },
+  "codemirror": {
+    "text": "#24292F",
+    "bg": "#ffffff",
+    "guttersBg": "#ffffff",
+    "guttermarkerText": "#ffffff",
+    "guttermarkerSubtleText": "#67707A",
+    "linenumberText": "#24292F",
+    "cursor": "#24292F",
+    "selectionBg": "rgba(54,140,249,0.4)",
+    "activelineBg": "#E7ECF0",
+    "matchingbracketText": "#24292F",
+    "linesBg": "#ffffff",
+    "syntax": {
+      "comment": "#24292F",
+      "constant": "#023b95",
+      "entity": "#622cbc",
+      "keyword": "#a0111f",
+      "storage": "#a0111f",
+      "string": "#032563",
+      "support": "#023b95",
+      "variable": "#702c00"
+    }
+  },
+  "checks": {
+    "bg": "#24292F",
+    "runBorderWidth": "0px",
+    "containerBorderWidth": "0px",
+    "textPrimary": "#FFFFFF",
+    "textSecondary": "#88929D",
+    "textLink": "#368cf9",
+    "btnIcon": "#ACB6C0",
+    "btnHoverIcon": "#FFFFFF",
+    "btnHoverBg": "rgba(255,255,255,0.125)",
+    "inputText": "#E7ECF0",
+    "inputPlaceholderText": "#88929D",
+    "inputFocusText": "#88929D",
+    "inputBg": "#30363D",
+    "inputShadow": "none",
+    "donutError": "#d5232c",
+    "donutPending": "#956400",
+    "donutSuccess": "#117f32",
+    "donutNeutral": "#ACB6C0",
+    "dropdownText": "#ACB6C0",
+    "dropdownBg": "#30363D",
+    "dropdownBorder": "#3D454E",
+    "dropdownShadow": "rgba(1,4,9,0.3)",
+    "dropdownHoverText": "#FFFFFF",
+    "dropdownHoverBg": "#3D454E",
+    "dropdownBtnHoverText": "#FFFFFF",
+    "dropdownBtnHoverBg": "#30363D",
+    "scrollbarThumbBg": "#4F5760",
+    "headerLabelText": "#CED5DC",
+    "headerLabelOpenText": "#FFFFFF",
+    "headerBorder": "#30363D",
+    "headerIcon": "#88929D",
+    "lineText": "#CED5DC",
+    "lineNumText": "rgba(136,146,157,0.75)",
+    "lineTimestampText": "#88929D",
+    "lineHoverBg": "#30363D",
+    "lineSelectedBg": "rgba(17,104,227,0.15)",
+    "lineSelectedNumText": "#368cf9",
+    "lineDtFmText": "#24292F",
+    "lineDtFmBg": "#744500",
+    "gateBg": "rgba(96,55,0,0.15)",
+    "gateText": "#CED5DC",
+    "gateWaitingText": "#ACB6C0",
+    "stepHeaderOpenBg": "#30363D",
+    "stepErrorText": "#ee5a5d",
+    "stepWarningText": "#b58407",
+    "loglineText": "#88929D",
+    "loglineNumText": "rgba(136,146,157,0.75)",
+    "loglineDebugText": "#a371f7",
+    "loglineErrorText": "#CED5DC",
+    "loglineErrorNumText": "#ee5a5d",
+    "loglineErrorBg": "rgba(134,6,29,0.15)",
+    "loglineWarningText": "#CED5DC",
+    "loglineWarningNumText": "#b58407",
+    "loglineWarningBg": "rgba(96,55,0,0.15)",
+    "loglineCommandText": "#368cf9",
+    "loglineSectionText": "#26a148",
+    "ansi": {
+      "black": "#24292F",
+      "blackBright": "#30363D",
+      "white": "#CED5DC",
+      "whiteBright": "#CED5DC",
+      "gray": "#88929D",
+      "red": "#ee5a5d",
+      "redBright": "#ff8e8a",
+      "green": "#26a148",
+      "greenBright": "#43c663",
+      "yellow": "#b58407",
+      "yellowBright": "#d5a824",
+      "blue": "#368cf9",
+      "blueBright": "#67b3fd",
+      "magenta": "#a371f7",
+      "magentaBright": "#c49bff",
+      "cyan": "#76e3ea",
+      "cyanBright": "#b3f0ff"
+    }
+  },
+  "project": {
+    "headerBg": "#24292F",
+    "sidebarBg": "#ffffff",
+    "gradientIn": "#ffffff",
+    "gradientOut": "rgba(255,255,255,0)"
+  },
+  "mktg": {
+    "btn": {
+      "bg": "#1b1f23",
+      "shadow": {
+        "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+        "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+        "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+        "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+      }
+    }
+  },
+  "avatar": {
+    "bg": "#ffffff",
+    "border": "rgba(1,4,9,0.9)",
+    "stackFade": "#ACB6C0",
+    "stackFadeMore": "#CED5DC",
+    "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
+  },
+  "topicTag": {
+    "border": "rgba(0,0,0,0)"
+  },
+  "selectMenu": {
+    "backdropBorder": "rgba(0,0,0,0)",
+    "tapHighlight": "rgba(172,182,192,0.5)",
+    "tapFocusBg": "#9cd7ff"
+  },
+  "overlay": {
+    "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
+  },
+  "header": {
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#24292F",
+    "logo": "#ffffff"
+  },
+  "headerSearch": {
+    "bg": "#24292F",
+    "border": "#4F5760"
+  },
+  "sidenav": {
+    "selectedBg": "#ffffff"
+  },
+  "menu": {
+    "bgActive": "rgba(0,0,0,0)"
+  },
+  "input": {
+    "disabledBg": "rgba(172,182,192,0.2)"
+  },
+  "timeline": {
+    "badgeBg": "#E7ECF0"
+  },
+  "ansi": {
+    "black": "#24292F",
+    "blackBright": "#4F5760",
+    "white": "#67707A",
+    "whiteBright": "#88929D",
+    "gray": "#67707A",
+    "red": "#a0111f",
+    "redBright": "#86061d",
+    "green": "#024c1a",
+    "greenBright": "#055d20",
+    "yellow": "#3f2200",
+    "yellowBright": "#4e2c00",
+    "blue": "#0349b4",
+    "blueBright": "#1168e3",
+    "magenta": "#622cbc",
+    "magentaBright": "#844ae7",
+    "cyan": "#1b7c83",
+    "cyanBright": "#3192aa"
+  },
+  "btn": {
+    "text": "#24292F",
+    "bg": "#FFFFFF",
+    "border": "rgba(1,4,9,0.9)",
+    "shadow": "0 1px 0 rgba(1,4,9,0.04)",
+    "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
+    "hoverBg": "#f3f4f6",
+    "hoverBorder": "rgba(1,4,9,0.9)",
+    "activeBg": "hsla(220,14%,93%,1)",
+    "activeBorder": "rgba(1,4,9,0.9)",
+    "selectedBg": "hsla(220,14%,94%,1)",
+    "focusBg": "#FFFFFF",
+    "focusBorder": "rgba(1,4,9,0.9)",
+    "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
+    "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
+    "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
+    "counterBg": "rgba(1,4,9,0.08)",
+    "primary": {
+      "text": "#ffffff",
+      "bg": "#117f32",
+      "border": "rgba(1,4,9,0.9)",
+      "shadow": "0 1px 0 rgba(1,4,9,0.1)",
+      "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverBg": "#2c974b",
+      "hoverBorder": "rgba(1,4,9,0.9)",
+      "selectedBg": "hsla(137,55%,36%,1)",
+      "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
+      "disabledText": "rgba(255,255,255,0.8)",
+      "disabledBg": "#94d3a2",
+      "disabledBorder": "rgba(1,4,9,0.9)",
+      "focusBg": "#117f32",
+      "focusBorder": "rgba(1,4,9,0.9)",
+      "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
+      "icon": "rgba(255,255,255,0.8)",
+      "counterBg": "rgba(255,255,255,0.2)"
+    },
+    "outline": {
+      "text": "#0349b4",
+      "hoverText": "#ffffff",
+      "hoverBg": "#0349b4",
+      "hoverBorder": "rgba(1,4,9,0.9)",
+      "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
+      "selectedBg": "hsla(216,97%,33%,1)",
+      "selectedBorder": "rgba(1,4,9,0.9)",
+      "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
+      "disabledText": "rgba(3,73,180,0.5)",
+      "disabledBg": "#FFFFFF",
+      "disabledCounterBg": "rgba(3,73,180,0.05)",
+      "focusBorder": "rgba(1,4,9,0.9)",
+      "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
+      "counterBg": "rgba(3,73,180,0.1)"
+    },
+    "danger": {
+      "text": "#a0111f",
+      "hoverText": "#ffffff",
+      "hoverBg": "#86061d",
+      "hoverBorder": "rgba(1,4,9,0.9)",
+      "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
+      "selectedBg": "hsla(354,81%,32%,1)",
+      "selectedBorder": "rgba(1,4,9,0.9)",
+      "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
+      "disabledText": "rgba(160,17,31,0.5)",
+      "disabledBg": "#FFFFFF",
+      "disabledCounterBg": "rgba(160,17,31,0.05)",
+      "focusBorder": "rgba(1,4,9,0.9)",
+      "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
+      "counterBg": "rgba(160,17,31,0.1)",
+      "icon": "#a0111f",
+      "hoverIcon": "#ffffff"
+    }
+  },
+  "underlinenav": {
+    "icon": "#67707A",
+    "borderHover": "rgba(172,182,192,0.2)"
+  },
+  "actionListItem": {
+    "inlineDivider": "rgba(36,41,47,0.48)",
+    "default": {
+      "hoverBg": "rgba(206,213,220,0.32)",
+      "activeBg": "rgba(206,213,220,0.48)",
+      "selectedBg": "rgba(206,213,220,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(255,240,238,0.64)",
+      "activeBg": "#fff0ee",
+      "hoverText": "#a0111f"
+    }
+  },
+  "fg": {
+    "default": "#24292F",
+    "muted": "#24292F",
+    "subtle": "#67707A",
+    "onEmphasis": "#ffffff"
+  },
+  "canvas": {
+    "default": "#ffffff",
+    "overlay": "#ffffff",
+    "inset": "#ffffff",
+    "subtle": "#E7ECF0"
+  },
+  "border": {
+    "default": "#24292F",
+    "muted": "#24292F",
+    "subtle": "rgba(1,4,9,0.9)"
+  },
+  "shadow": {
+    "small": "0 1px 0 rgba(1,4,9,0.04)",
+    "medium": "0 3px 6px rgba(136,146,157,0.15)",
+    "large": "0 8px 24px rgba(136,146,157,0.2)",
+    "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
+  },
+  "neutral": {
+    "emphasisPlus": "#24292F",
+    "emphasis": "#67707A",
+    "muted": "rgba(172,182,192,0.2)",
+    "subtle": "#E7ECF0"
+  },
+  "accent": {
+    "fg": "#0349b4",
+    "emphasis": "#0349b4",
+    "muted": "rgba(54,140,249,0.4)",
+    "subtle": "#dff7ff"
+  },
+  "success": {
+    "fg": "#055d20",
+    "emphasis": "#055d20",
+    "muted": "rgba(38,161,72,0.4)",
+    "subtle": "#d2fedb"
+  },
+  "attention": {
+    "fg": "#744500",
+    "emphasis": "#744500",
+    "muted": "rgba(181,132,7,0.4)",
+    "subtle": "#fcf7be"
+  },
+  "severe": {
+    "fg": "#873800",
+    "emphasis": "#873800",
+    "muted": "rgba(220,109,26,0.4)",
+    "subtle": "#fff2d5"
+  },
+  "danger": {
+    "fg": "#a0111f",
+    "emphasis": "#a0111f",
+    "muted": "rgba(238,90,93,0.4)",
+    "subtle": "#fff0ee"
+  },
+  "done": {
+    "fg": "#622cbc",
+    "emphasis": "#622cbc",
+    "muted": "rgba(163,113,247,0.4)",
+    "subtle": "#faf0fe"
+  },
+  "sponsors": {
+    "fg": "#971368",
+    "emphasis": "#971368",
+    "muted": "rgba(237,75,175,0.4)",
+    "subtle": "#feeff7"
+  },
+  "primer": {
+    "fg": {
+      "disabled": "#88929D"
+    },
+    "canvas": {
+      "backdrop": "rgba(1,4,9,0.5)",
+      "sticky": "rgba(255,255,255,0.95)"
+    },
+    "border": {
+      "active": "#ef5b48",
+      "contrast": "rgba(1,4,9,0.1)"
+    },
+    "shadow": {
+      "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
+      "inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
+      "focus": "0 0 0 3px rgba(3,73,180,0.3)"
+    }
+  },
+  "scale": {
+    "black": "#010409",
+    "white": "#ffffff",
+    "gray": [
+      "#FFFFFF",
+      "#E7ECF0",
+      "#CED5DC",
+      "#ACB6C0",
+      "#88929D",
+      "#67707A",
+      "#4F5760",
+      "#3D454E",
+      "#30363D",
+      "#24292F"
+    ],
+    "blue": [
+      "#dff7ff",
+      "#9cd7ff",
+      "#67b3fd",
+      "#368cf9",
+      "#1168e3",
+      "#0349b4",
+      "#023b95",
+      "#022f7a",
+      "#032563",
+      "#021a4a"
+    ],
+    "green": [
+      "#d2fedb",
+      "#82e596",
+      "#43c663",
+      "#26a148",
+      "#117f32",
+      "#055d20",
+      "#024c1a",
+      "#013d14",
+      "#003110",
+      "#00230b"
+    ],
+    "yellow": [
+      "#fcf7be",
+      "#f0ce53",
+      "#d5a824",
+      "#b58407",
+      "#956400",
+      "#744500",
+      "#603700",
+      "#4e2c00",
+      "#3f2200",
+      "#2e1800"
+    ],
+    "orange": [
+      "#fff2d5",
+      "#ffc67b",
+      "#f99636",
+      "#dc6d1a",
+      "#b45105",
+      "#873800",
+      "#702c00",
+      "#5b2300",
+      "#491b00",
+      "#361200"
+    ],
+    "red": [
+      "#fff0ee",
+      "#ffc1bc",
+      "#ff8e8a",
+      "#ee5a5d",
+      "#d5232c",
+      "#a0111f",
+      "#86061d",
+      "#6e011a",
+      "#5a0016",
+      "#430011"
+    ],
+    "purple": [
+      "#faf0fe",
+      "#e0c5ff",
+      "#c49bff",
+      "#a371f7",
+      "#844ae7",
+      "#622cbc",
+      "#512598",
+      "#411d7b",
+      "#341763",
+      "#260f49"
+    ],
+    "pink": [
+      "#feeff7",
+      "#ffbde0",
+      "#fc87ca",
+      "#ed4baf",
+      "#c9248e",
+      "#971368",
+      "#7d0c57",
+      "#660847",
+      "#53043a",
+      "#3e022b"
+    ],
+    "coral": [
+      "#fff0ed",
+      "#ffc2b6",
+      "#ff8f7e",
+      "#ef5b48",
+      "#cd3425",
+      "#9f1710",
+      "#870706",
+      "#6f0107",
+      "#5b0002",
+      "#430200"
+    ]
+  }
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": ["dist"],
   "main": "dist/js/index.js",