@primer/primitives 7.4.1 → 7.5.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @primer/primitives
 
+## 7.5.0
+
+### Minor Changes
+
+- [#296](https://github.com/primer/primitives/pull/296) [`389b08b`](https://github.com/primer/primitives/commit/389b08bd09d965b117516ea5c72da64bc4cb03d9) Thanks [@simurai](https://github.com/simurai)! - Add `open` and `closed` roles
+
+### Patch Changes
+
+- [#301](https://github.com/primer/primitives/pull/301) [`2f18306`](https://github.com/primer/primitives/commit/2f1830606a025239a9153d4ebeec46ef0fa894e6) Thanks [@konradpabjan](https://github.com/konradpabjan)! - [Actions] Update light theme color for gateWaitingText
+
 ## 7.4.1
 
 ### Patch Changes

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/dark.js

@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(248,81,73,0.4)",
         "subtle": "rgba(248,81,73,0.15)"
     },
+    "open": {
+        "fg": "#3fb950",
+        "emphasis": "#238636",
+        "muted": "rgba(46,160,67,0.4)",
+        "subtle": "rgba(46,160,67,0.15)"
+    },
+    "closed": {
+        "fg": "#f85149",
+        "emphasis": "#da3633",
+        "muted": "rgba(248,81,73,0.4)",
+        "subtle": "rgba(248,81,73,0.15)"
+    },
     "done": {
         "fg": "#a371f7",
         "emphasis": "#8957e5",

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/dark_colorblind.js

@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(195,128,0,0.4)",
         "subtle": "rgba(195,128,0,0.15)"
     },
+    "open": {
+        "fg": "#f0883e",
+        "emphasis": "#bd561d",
+        "muted": "rgba(219,109,40,0.4)",
+        "subtle": "rgba(219,109,40,0.15)"
+    },
+    "closed": {
+        "fg": "#6e7681",
+        "emphasis": "#484f58",
+        "muted": "rgba(110,118,129,0.4)",
+        "subtle": "rgba(110,118,129,0.15)"
+    },
     "done": {
         "fg": "#a371f7",
         "emphasis": "#8957e5",

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/dark_dimmed.js

@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(229,83,75,0.4)",
         "subtle": "rgba(229,83,75,0.15)"
     },
+    "open": {
+        "fg": "#57ab5a",
+        "emphasis": "#347d39",
+        "muted": "rgba(70,149,74,0.4)",
+        "subtle": "rgba(70,149,74,0.15)"
+    },
+    "closed": {
+        "fg": "#e5534b",
+        "emphasis": "#c93c37",
+        "muted": "rgba(229,83,75,0.4)",
+        "subtle": "rgba(229,83,75,0.15)"
+    },
     "done": {
         "fg": "#986ee2",
         "emphasis": "#8256d0",

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/dark_high_contrast.js

@@ -406,6 +406,18 @@ exports.default = {
         "muted": "#ff6a69",
         "subtle": "rgba(255,106,105,0.15)"
     },
+    "open": {
+        "fg": "#26cd4d",
+        "emphasis": "#09b43a",
+        "muted": "rgba(9,180,58,0.4)",
+        "subtle": "rgba(9,180,58,0.15)"
+    },
+    "closed": {
+        "fg": "#ff6a69",
+        "emphasis": "#ff6a69",
+        "muted": "rgba(255,106,105,0.4)",
+        "subtle": "rgba(255,106,105,0.15)"
+    },
     "done": {
         "fg": "#b780ff",
         "emphasis": "#b87fff",

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

@@ -405,6 +405,18 @@ declare const _default: {
             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;
@@ -855,6 +867,18 @@ declare const _default: {
             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;
@@ -1305,6 +1329,18 @@ declare const _default: {
             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;
@@ -1755,6 +1791,18 @@ declare const _default: {
             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;
@@ -2205,6 +2253,18 @@ declare const _default: {
             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;
@@ -2655,6 +2715,18 @@ declare const _default: {
             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;
@@ -3105,6 +3177,18 @@ declare const _default: {
             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;

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/light.js

@@ -137,7 +137,7 @@ exports.default = {
         "lineDtFmBg": "#9a6700",
         "gateBg": "rgba(125,78,0,0.15)",
         "gateText": "#d0d7de",
-        "gateWaitingText": "#afb8c1",
+        "gateWaitingText": "#d4a72c",
         "stepHeaderOpenBg": "#32383f",
         "stepErrorText": "#ff8182",
         "stepWarningText": "#d4a72c",
@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(255,129,130,0.4)",
         "subtle": "#FFEBE9"
     },
+    "open": {
+        "fg": "#1a7f37",
+        "emphasis": "#2da44e",
+        "muted": "rgba(74,194,107,0.4)",
+        "subtle": "#dafbe1"
+    },
+    "closed": {
+        "fg": "#cf222e",
+        "emphasis": "#cf222e",
+        "muted": "rgba(255,129,130,0.4)",
+        "subtle": "#FFEBE9"
+    },
     "done": {
         "fg": "#8250df",
         "emphasis": "#8250df",

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/light_colorblind.js

@@ -137,7 +137,7 @@ exports.default = {
         "lineDtFmBg": "#9a6700",
         "gateBg": "rgba(125,78,0,0.15)",
         "gateText": "#d0d7de",
-        "gateWaitingText": "#afb8c1",
+        "gateWaitingText": "#d4a72c",
         "stepHeaderOpenBg": "#32383f",
         "stepErrorText": "#e7a100",
         "stepWarningText": "#d4a72c",
@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(231,161,0,0.4)",
         "subtle": "#fefe48"
     },
+    "open": {
+        "fg": "#bc4c00",
+        "emphasis": "#e16f24",
+        "muted": "rgba(251,143,68,0.4)",
+        "subtle": "#fff1e5"
+    },
+    "closed": {
+        "fg": "#6e7781",
+        "emphasis": "#6e7781",
+        "muted": "rgba(175,184,193,0.4)",
+        "subtle": "#f6f8fa"
+    },
     "done": {
         "fg": "#8250df",
         "emphasis": "#8250df",

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

@@ -404,6 +404,18 @@ declare const _default: {
         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;

package/dist/js/colors/light_high_contrast.js

@@ -137,7 +137,7 @@ exports.default = {
         "lineDtFmBg": "#744500",
         "gateBg": "rgba(96,55,0,0.15)",
         "gateText": "#CED5DC",
-        "gateWaitingText": "#ACB6C0",
+        "gateWaitingText": "#b58407",
         "stepHeaderOpenBg": "#20252C",
         "stepErrorText": "#ee5a5d",
         "stepWarningText": "#b58407",
@@ -406,6 +406,18 @@ exports.default = {
         "muted": "#ee5a5d",
         "subtle": "#fff0ee"
     },
+    "open": {
+        "fg": "#055d20",
+        "emphasis": "#117f32",
+        "muted": "rgba(38,161,72,0.4)",
+        "subtle": "#d2fedb"
+    },
+    "closed": {
+        "fg": "#a0111f",
+        "emphasis": "#a0111f",
+        "muted": "rgba(238,90,93,0.4)",
+        "subtle": "#fff0ee"
+    },
     "done": {
         "fg": "#622cbc",
         "emphasis": "#622cbc",

package/dist/js/index.d.ts

@@ -406,6 +406,18 @@ declare const _default: {
                 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;
@@ -856,6 +868,18 @@ declare const _default: {
                 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;
@@ -1306,6 +1330,18 @@ declare const _default: {
                 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;
@@ -1756,6 +1792,18 @@ declare const _default: {
                 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;
@@ -2206,6 +2254,18 @@ declare const _default: {
                 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;
@@ -2656,6 +2716,18 @@ declare const _default: {
                 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;
@@ -3106,6 +3178,18 @@ declare const _default: {
                 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;

package/dist/json/colors/dark.json

@@ -404,6 +404,18 @@
     "muted": "rgba(248,81,73,0.4)",
     "subtle": "rgba(248,81,73,0.15)"
   },
+  "open": {
+    "fg": "#3fb950",
+    "emphasis": "#238636",
+    "muted": "rgba(46,160,67,0.4)",
+    "subtle": "rgba(46,160,67,0.15)"
+  },
+  "closed": {
+    "fg": "#f85149",
+    "emphasis": "#da3633",
+    "muted": "rgba(248,81,73,0.4)",
+    "subtle": "rgba(248,81,73,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",

package/dist/json/colors/dark_colorblind.json

@@ -404,6 +404,18 @@
     "muted": "rgba(195,128,0,0.4)",
     "subtle": "rgba(195,128,0,0.15)"
   },
+  "open": {
+    "fg": "#f0883e",
+    "emphasis": "#bd561d",
+    "muted": "rgba(219,109,40,0.4)",
+    "subtle": "rgba(219,109,40,0.15)"
+  },
+  "closed": {
+    "fg": "#6e7681",
+    "emphasis": "#484f58",
+    "muted": "rgba(110,118,129,0.4)",
+    "subtle": "rgba(110,118,129,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",

package/dist/json/colors/dark_dimmed.json

@@ -404,6 +404,18 @@
     "muted": "rgba(229,83,75,0.4)",
     "subtle": "rgba(229,83,75,0.15)"
   },
+  "open": {
+    "fg": "#57ab5a",
+    "emphasis": "#347d39",
+    "muted": "rgba(70,149,74,0.4)",
+    "subtle": "rgba(70,149,74,0.15)"
+  },
+  "closed": {
+    "fg": "#e5534b",
+    "emphasis": "#c93c37",
+    "muted": "rgba(229,83,75,0.4)",
+    "subtle": "rgba(229,83,75,0.15)"
+  },
   "done": {
     "fg": "#986ee2",
     "emphasis": "#8256d0",

package/dist/json/colors/dark_high_contrast.json

@@ -404,6 +404,18 @@
     "muted": "#ff6a69",
     "subtle": "rgba(255,106,105,0.15)"
   },
+  "open": {
+    "fg": "#26cd4d",
+    "emphasis": "#09b43a",
+    "muted": "rgba(9,180,58,0.4)",
+    "subtle": "rgba(9,180,58,0.15)"
+  },
+  "closed": {
+    "fg": "#ff6a69",
+    "emphasis": "#ff6a69",
+    "muted": "rgba(255,106,105,0.4)",
+    "subtle": "rgba(255,106,105,0.15)"
+  },
   "done": {
     "fg": "#b780ff",
     "emphasis": "#b87fff",

package/dist/json/colors/light.json

@@ -135,7 +135,7 @@
     "lineDtFmBg": "#9a6700",
     "gateBg": "rgba(125,78,0,0.15)",
     "gateText": "#d0d7de",
-    "gateWaitingText": "#afb8c1",
+    "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
     "stepErrorText": "#ff8182",
     "stepWarningText": "#d4a72c",
@@ -404,6 +404,18 @@
     "muted": "rgba(255,129,130,0.4)",
     "subtle": "#FFEBE9"
   },
+  "open": {
+    "fg": "#1a7f37",
+    "emphasis": "#2da44e",
+    "muted": "rgba(74,194,107,0.4)",
+    "subtle": "#dafbe1"
+  },
+  "closed": {
+    "fg": "#cf222e",
+    "emphasis": "#cf222e",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

package/dist/json/colors/light_colorblind.json

@@ -135,7 +135,7 @@
     "lineDtFmBg": "#9a6700",
     "gateBg": "rgba(125,78,0,0.15)",
     "gateText": "#d0d7de",
-    "gateWaitingText": "#afb8c1",
+    "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
     "stepErrorText": "#e7a100",
     "stepWarningText": "#d4a72c",
@@ -404,6 +404,18 @@
     "muted": "rgba(231,161,0,0.4)",
     "subtle": "#fefe48"
   },
+  "open": {
+    "fg": "#bc4c00",
+    "emphasis": "#e16f24",
+    "muted": "rgba(251,143,68,0.4)",
+    "subtle": "#fff1e5"
+  },
+  "closed": {
+    "fg": "#6e7781",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.4)",
+    "subtle": "#f6f8fa"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

package/dist/json/colors/light_high_contrast.json

@@ -135,7 +135,7 @@
     "lineDtFmBg": "#744500",
     "gateBg": "rgba(96,55,0,0.15)",
     "gateText": "#CED5DC",
-    "gateWaitingText": "#ACB6C0",
+    "gateWaitingText": "#b58407",
     "stepHeaderOpenBg": "#20252C",
     "stepErrorText": "#ee5a5d",
     "stepWarningText": "#b58407",
@@ -404,6 +404,18 @@
     "muted": "#ee5a5d",
     "subtle": "#fff0ee"
   },
+  "open": {
+    "fg": "#055d20",
+    "emphasis": "#117f32",
+    "muted": "rgba(38,161,72,0.4)",
+    "subtle": "#d2fedb"
+  },
+  "closed": {
+    "fg": "#a0111f",
+    "emphasis": "#a0111f",
+    "muted": "rgba(238,90,93,0.4)",
+    "subtle": "#fff0ee"
+  },
   "done": {
     "fg": "#622cbc",
     "emphasis": "#622cbc",

package/dist/scss/colors/_dark.scss

@@ -309,6 +309,14 @@
     --color-danger-emphasis: #da3633;
     --color-danger-muted: rgba(248,81,73,0.4);
     --color-danger-subtle: rgba(248,81,73,0.15);
+    --color-open-fg: #3fb950;
+    --color-open-emphasis: #238636;
+    --color-open-muted: rgba(46,160,67,0.4);
+    --color-open-subtle: rgba(46,160,67,0.15);
+    --color-closed-fg: #f85149;
+    --color-closed-emphasis: #da3633;
+    --color-closed-muted: rgba(248,81,73,0.4);
+    --color-closed-subtle: rgba(248,81,73,0.15);
     --color-done-fg: #a371f7;
     --color-done-emphasis: #8957e5;
     --color-done-muted: rgba(163,113,247,0.4);

package/dist/scss/colors/_dark_colorblind.scss

@@ -309,6 +309,14 @@
     --color-danger-emphasis: #a66900;
     --color-danger-muted: rgba(195,128,0,0.4);
     --color-danger-subtle: rgba(195,128,0,0.15);
+    --color-open-fg: #f0883e;
+    --color-open-emphasis: #bd561d;
+    --color-open-muted: rgba(219,109,40,0.4);
+    --color-open-subtle: rgba(219,109,40,0.15);
+    --color-closed-fg: #6e7681;
+    --color-closed-emphasis: #484f58;
+    --color-closed-muted: rgba(110,118,129,0.4);
+    --color-closed-subtle: rgba(110,118,129,0.15);
     --color-done-fg: #a371f7;
     --color-done-emphasis: #8957e5;
     --color-done-muted: rgba(163,113,247,0.4);

package/dist/scss/colors/_dark_dimmed.scss

@@ -309,6 +309,14 @@
     --color-danger-emphasis: #c93c37;
     --color-danger-muted: rgba(229,83,75,0.4);
     --color-danger-subtle: rgba(229,83,75,0.15);
+    --color-open-fg: #57ab5a;
+    --color-open-emphasis: #347d39;
+    --color-open-muted: rgba(70,149,74,0.4);
+    --color-open-subtle: rgba(70,149,74,0.15);
+    --color-closed-fg: #e5534b;
+    --color-closed-emphasis: #c93c37;
+    --color-closed-muted: rgba(229,83,75,0.4);
+    --color-closed-subtle: rgba(229,83,75,0.15);
     --color-done-fg: #986ee2;
     --color-done-emphasis: #8256d0;
     --color-done-muted: rgba(152,110,226,0.4);

package/dist/scss/colors/_dark_high_contrast.scss

@@ -309,6 +309,14 @@
     --color-danger-emphasis: #ff6a69;
     --color-danger-muted: #ff6a69;
     --color-danger-subtle: rgba(255,106,105,0.15);
+    --color-open-fg: #26cd4d;
+    --color-open-emphasis: #09b43a;
+    --color-open-muted: rgba(9,180,58,0.4);
+    --color-open-subtle: rgba(9,180,58,0.15);
+    --color-closed-fg: #ff6a69;
+    --color-closed-emphasis: #ff6a69;
+    --color-closed-muted: rgba(255,106,105,0.4);
+    --color-closed-subtle: rgba(255,106,105,0.15);
     --color-done-fg: #b780ff;
     --color-done-emphasis: #b87fff;
     --color-done-muted: #b780ff;

package/dist/scss/colors/_light.scss

@@ -111,7 +111,7 @@
     --color-checks-line-dt-fm-bg: #9a6700;
     --color-checks-gate-bg: rgba(125,78,0,0.15);
     --color-checks-gate-text: #d0d7de;
-    --color-checks-gate-waiting-text: #afb8c1;
+    --color-checks-gate-waiting-text: #d4a72c;
     --color-checks-step-header-open-bg: #32383f;
     --color-checks-step-error-text: #ff8182;
     --color-checks-step-warning-text: #d4a72c;
@@ -309,6 +309,14 @@
     --color-danger-emphasis: #cf222e;
     --color-danger-muted: rgba(255,129,130,0.4);
     --color-danger-subtle: #FFEBE9;
+    --color-open-fg: #1a7f37;
+    --color-open-emphasis: #2da44e;
+    --color-open-muted: rgba(74,194,107,0.4);
+    --color-open-subtle: #dafbe1;
+    --color-closed-fg: #cf222e;
+    --color-closed-emphasis: #cf222e;
+    --color-closed-muted: rgba(255,129,130,0.4);
+    --color-closed-subtle: #FFEBE9;
     --color-done-fg: #8250df;
     --color-done-emphasis: #8250df;
     --color-done-muted: rgba(194,151,255,0.4);

package/dist/scss/colors/_light_colorblind.scss

@@ -111,7 +111,7 @@
     --color-checks-line-dt-fm-bg: #9a6700;
     --color-checks-gate-bg: rgba(125,78,0,0.15);
     --color-checks-gate-text: #d0d7de;
-    --color-checks-gate-waiting-text: #afb8c1;
+    --color-checks-gate-waiting-text: #d4a72c;
     --color-checks-step-header-open-bg: #32383f;
     --color-checks-step-error-text: #e7a100;
     --color-checks-step-warning-text: #d4a72c;
@@ -309,6 +309,14 @@
     --color-danger-emphasis: #ac5e00;
     --color-danger-muted: rgba(231,161,0,0.4);
     --color-danger-subtle: #fefe48;
+    --color-open-fg: #bc4c00;
+    --color-open-emphasis: #e16f24;
+    --color-open-muted: rgba(251,143,68,0.4);
+    --color-open-subtle: #fff1e5;
+    --color-closed-fg: #6e7781;
+    --color-closed-emphasis: #6e7781;
+    --color-closed-muted: rgba(175,184,193,0.4);
+    --color-closed-subtle: #f6f8fa;
     --color-done-fg: #8250df;
     --color-done-emphasis: #8250df;
     --color-done-muted: rgba(194,151,255,0.4);

package/dist/scss/colors/_light_high_contrast.scss

@@ -111,7 +111,7 @@
     --color-checks-line-dt-fm-bg: #744500;
     --color-checks-gate-bg: rgba(96,55,0,0.15);
     --color-checks-gate-text: #CED5DC;
-    --color-checks-gate-waiting-text: #ACB6C0;
+    --color-checks-gate-waiting-text: #b58407;
     --color-checks-step-header-open-bg: #20252C;
     --color-checks-step-error-text: #ee5a5d;
     --color-checks-step-warning-text: #b58407;
@@ -309,6 +309,14 @@
     --color-danger-emphasis: #a0111f;
     --color-danger-muted: #ee5a5d;
     --color-danger-subtle: #fff0ee;
+    --color-open-fg: #055d20;
+    --color-open-emphasis: #117f32;
+    --color-open-muted: rgba(38,161,72,0.4);
+    --color-open-subtle: #d2fedb;
+    --color-closed-fg: #a0111f;
+    --color-closed-emphasis: #a0111f;
+    --color-closed-muted: rgba(238,90,93,0.4);
+    --color-closed-subtle: #fff0ee;
     --color-done-fg: #622cbc;
     --color-done-emphasis: #622cbc;
     --color-done-muted: #a371f7;

package/dist/ts/colors/dark.ts

@@ -404,6 +404,18 @@ export default {
     "muted": "rgba(248,81,73,0.4)",
     "subtle": "rgba(248,81,73,0.15)"
   },
+  "open": {
+    "fg": "#3fb950",
+    "emphasis": "#238636",
+    "muted": "rgba(46,160,67,0.4)",
+    "subtle": "rgba(46,160,67,0.15)"
+  },
+  "closed": {
+    "fg": "#f85149",
+    "emphasis": "#da3633",
+    "muted": "rgba(248,81,73,0.4)",
+    "subtle": "rgba(248,81,73,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",

package/dist/ts/colors/dark_colorblind.ts

@@ -404,6 +404,18 @@ export default {
     "muted": "rgba(195,128,0,0.4)",
     "subtle": "rgba(195,128,0,0.15)"
   },
+  "open": {
+    "fg": "#f0883e",
+    "emphasis": "#bd561d",
+    "muted": "rgba(219,109,40,0.4)",
+    "subtle": "rgba(219,109,40,0.15)"
+  },
+  "closed": {
+    "fg": "#6e7681",
+    "emphasis": "#484f58",
+    "muted": "rgba(110,118,129,0.4)",
+    "subtle": "rgba(110,118,129,0.15)"
+  },
   "done": {
     "fg": "#a371f7",
     "emphasis": "#8957e5",

package/dist/ts/colors/dark_dimmed.ts

@@ -404,6 +404,18 @@ export default {
     "muted": "rgba(229,83,75,0.4)",
     "subtle": "rgba(229,83,75,0.15)"
   },
+  "open": {
+    "fg": "#57ab5a",
+    "emphasis": "#347d39",
+    "muted": "rgba(70,149,74,0.4)",
+    "subtle": "rgba(70,149,74,0.15)"
+  },
+  "closed": {
+    "fg": "#e5534b",
+    "emphasis": "#c93c37",
+    "muted": "rgba(229,83,75,0.4)",
+    "subtle": "rgba(229,83,75,0.15)"
+  },
   "done": {
     "fg": "#986ee2",
     "emphasis": "#8256d0",

package/dist/ts/colors/dark_high_contrast.ts

@@ -404,6 +404,18 @@ export default {
     "muted": "#ff6a69",
     "subtle": "rgba(255,106,105,0.15)"
   },
+  "open": {
+    "fg": "#26cd4d",
+    "emphasis": "#09b43a",
+    "muted": "rgba(9,180,58,0.4)",
+    "subtle": "rgba(9,180,58,0.15)"
+  },
+  "closed": {
+    "fg": "#ff6a69",
+    "emphasis": "#ff6a69",
+    "muted": "rgba(255,106,105,0.4)",
+    "subtle": "rgba(255,106,105,0.15)"
+  },
   "done": {
     "fg": "#b780ff",
     "emphasis": "#b87fff",

package/dist/ts/colors/light.ts

@@ -135,7 +135,7 @@ export default {
     "lineDtFmBg": "#9a6700",
     "gateBg": "rgba(125,78,0,0.15)",
     "gateText": "#d0d7de",
-    "gateWaitingText": "#afb8c1",
+    "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
     "stepErrorText": "#ff8182",
     "stepWarningText": "#d4a72c",
@@ -404,6 +404,18 @@ export default {
     "muted": "rgba(255,129,130,0.4)",
     "subtle": "#FFEBE9"
   },
+  "open": {
+    "fg": "#1a7f37",
+    "emphasis": "#2da44e",
+    "muted": "rgba(74,194,107,0.4)",
+    "subtle": "#dafbe1"
+  },
+  "closed": {
+    "fg": "#cf222e",
+    "emphasis": "#cf222e",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

package/dist/ts/colors/light_colorblind.ts

@@ -135,7 +135,7 @@ export default {
     "lineDtFmBg": "#9a6700",
     "gateBg": "rgba(125,78,0,0.15)",
     "gateText": "#d0d7de",
-    "gateWaitingText": "#afb8c1",
+    "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
     "stepErrorText": "#e7a100",
     "stepWarningText": "#d4a72c",
@@ -404,6 +404,18 @@ export default {
     "muted": "rgba(231,161,0,0.4)",
     "subtle": "#fefe48"
   },
+  "open": {
+    "fg": "#bc4c00",
+    "emphasis": "#e16f24",
+    "muted": "rgba(251,143,68,0.4)",
+    "subtle": "#fff1e5"
+  },
+  "closed": {
+    "fg": "#6e7781",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.4)",
+    "subtle": "#f6f8fa"
+  },
   "done": {
     "fg": "#8250df",
     "emphasis": "#8250df",

package/dist/ts/colors/light_high_contrast.ts

@@ -135,7 +135,7 @@ export default {
     "lineDtFmBg": "#744500",
     "gateBg": "rgba(96,55,0,0.15)",
     "gateText": "#CED5DC",
-    "gateWaitingText": "#ACB6C0",
+    "gateWaitingText": "#b58407",
     "stepHeaderOpenBg": "#20252C",
     "stepErrorText": "#ee5a5d",
     "stepWarningText": "#b58407",
@@ -404,6 +404,18 @@ export default {
     "muted": "#ee5a5d",
     "subtle": "#fff0ee"
   },
+  "open": {
+    "fg": "#055d20",
+    "emphasis": "#117f32",
+    "muted": "rgba(38,161,72,0.4)",
+    "subtle": "#d2fedb"
+  },
+  "closed": {
+    "fg": "#a0111f",
+    "emphasis": "#a0111f",
+    "muted": "rgba(238,90,93,0.4)",
+    "subtle": "#fff0ee"
+  },
   "done": {
     "fg": "#622cbc",
     "emphasis": "#622cbc",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": ["dist"],
   "main": "dist/js/index.js",
@@ -52,7 +52,7 @@
     "flat": "^5.0.2",
     "lodash": "^4.17.20",
     "mkdirp": "^1.0.4",
-    "node-sass": "^4.14.1",
+    "node-sass": "^7.0.0",
     "sass-extract": "^2.1.0",
     "ts-node": "^8.10.2",
     "typescript": "^3.7.2"