@primer/primitives 6.0.0 → 6.1.0-rc.9f1f534

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @primer/primitives
 
+## 6.1.0
+
+### Minor Changes
+
+- [#256](https://github.com/primer/primitives/pull/256) [`893d873`](https://github.com/primer/primitives/commit/893d873c57240df02a23a82c178d9a3a0ca6a983) Thanks [@auareyou](https://github.com/auareyou)! - Add `actionListItem` variables
+
 ## 6.0.0
 
 ### Major Changes

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#484f58",
         "borderHover": "rgba(110,118,129,0.4)"
     },
+    "actionListItem": {
+        "inlineDivider": "rgba(48,54,61,0.48)",
+        "default": {
+            "hoverBg": "rgba(177,186,196,0.12)",
+            "activeBg": "rgba(177,186,196,0.2)",
+            "selectedBg": "rgba(177,186,196,0.08)"
+        },
+        "danger": {
+            "hoverBg": "rgba(248,81,73,0.16)",
+            "activeBg": "rgba(248,81,73,0.24)",
+            "hoverText": "#ff7b72"
+        }
+    },
     "fg": {
         "default": "#c9d1d9",
         "muted": "#8b949e",

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark_colorblind.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#484f58",
         "borderHover": "rgba(110,118,129,0.4)"
     },
+    "actionListItem": {
+        "inlineDivider": "rgba(48,54,61,0.48)",
+        "default": {
+            "hoverBg": "rgba(177,186,196,0.12)",
+            "activeBg": "rgba(177,186,196,0.2)",
+            "selectedBg": "rgba(177,186,196,0.08)"
+        },
+        "danger": {
+            "hoverBg": "rgba(195,128,0,0.16)",
+            "activeBg": "rgba(195,128,0,0.24)",
+            "hoverText": "#d69a00"
+        }
+    },
     "fg": {
         "default": "#c9d1d9",
         "muted": "#8b949e",

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark_dimmed.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#545d68",
         "borderHover": "rgba(99,110,123,0.4)"
     },
+    "actionListItem": {
+        "inlineDivider": "rgba(68,76,86,0.48)",
+        "default": {
+            "hoverBg": "rgba(144,157,171,0.12)",
+            "activeBg": "rgba(144,157,171,0.2)",
+            "selectedBg": "rgba(144,157,171,0.08)"
+        },
+        "danger": {
+            "hoverBg": "rgba(229,83,75,0.16)",
+            "activeBg": "rgba(229,83,75,0.24)",
+            "hoverText": "#f47067"
+        }
+    },
     "fg": {
         "default": "#adbac7",
         "muted": "#768390",

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark_high_contrast.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#f0f3f6",
         "borderHover": "#bdc4cc"
     },
+    "actionListItem": {
+        "inlineDivider": "#7a828e",
+        "default": {
+            "hoverBg": "rgba(217,222,227,0.12)",
+            "activeBg": "rgba(217,222,227,0.24)",
+            "selectedBg": "rgba(217,222,227,0.08)"
+        },
+        "danger": {
+            "hoverBg": "#ff6a69",
+            "activeBg": "#ff4445",
+            "hoverText": "#0a0c10"
+        }
+    },
     "fg": {
         "default": "#f0f3f6",
         "muted": "#f0f3f6",

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

@@ -380,6 +380,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;
@@ -864,6 +877,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;
@@ -1348,6 +1374,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;
@@ -1832,6 +1871,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;
@@ -2316,6 +2368,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;
@@ -2800,6 +2865,19 @@ declare const _default: {
             icon: string;
             borderHover: string;
         };
+        actionListItem: {
+            inlineDivider: string;
+            default: {
+                hoverBg: string;
+                activeBg: string;
+                selectedBg: string;
+            };
+            danger: {
+                hoverBg: string;
+                activeBg: string;
+                hoverText: string;
+            };
+        };
         fg: {
             default: string;
             muted: string;

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/light.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#6e7781",
         "borderHover": "rgba(175,184,193,0.2)"
     },
+    "actionListItem": {
+        "inlineDivider": "rgba(208,215,222,0.48)",
+        "default": {
+            "hoverBg": "rgba(208,215,222,0.32)",
+            "activeBg": "rgba(208,215,222,0.48)",
+            "selectedBg": "rgba(208,215,222,0.24)"
+        },
+        "danger": {
+            "hoverBg": "rgba(255,235,233,0.64)",
+            "activeBg": "#FFEBE9",
+            "hoverText": "#cf222e"
+        }
+    },
     "fg": {
         "default": "#24292f",
         "muted": "#57606a",

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

@@ -379,6 +379,19 @@ declare const _default: {
         icon: string;
         borderHover: string;
     };
+    actionListItem: {
+        inlineDivider: string;
+        default: {
+            hoverBg: string;
+            activeBg: string;
+            selectedBg: string;
+        };
+        danger: {
+            hoverBg: string;
+            activeBg: string;
+            hoverText: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/light_colorblind.js

@@ -381,6 +381,19 @@ exports.default = {
         "icon": "#6e7781",
         "borderHover": "rgba(175,184,193,0.2)"
     },
+    "actionListItem": {
+        "inlineDivider": "rgba(208,215,222,0.48)",
+        "default": {
+            "hoverBg": "rgba(208,215,222,0.32)",
+            "activeBg": "rgba(208,215,222,0.48)",
+            "selectedBg": "rgba(208,215,222,0.24)"
+        },
+        "danger": {
+            "hoverBg": "rgba(254,254,72,0.64)",
+            "activeBg": "#fefe48",
+            "hoverText": "#ac5e00"
+        }
+    },
     "fg": {
         "default": "#24292f",
         "muted": "#57606a",

package/dist/js/index.d.ts

@@ -381,6 +381,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -865,6 +878,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1349,6 +1375,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1833,6 +1872,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2317,6 +2369,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2801,6 +2866,19 @@ declare const _default: {
                 icon: string;
                 borderHover: string;
             };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    activeBg: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;

package/dist/json/colors/dark.json

@@ -379,6 +379,19 @@
     "icon": "#484f58",
     "borderHover": "rgba(110,118,129,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(48,54,61,0.48)",
+    "default": {
+      "hoverBg": "rgba(177,186,196,0.12)",
+      "activeBg": "rgba(177,186,196,0.2)",
+      "selectedBg": "rgba(177,186,196,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(248,81,73,0.16)",
+      "activeBg": "rgba(248,81,73,0.24)",
+      "hoverText": "#ff7b72"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/json/colors/dark_colorblind.json

@@ -379,6 +379,19 @@
     "icon": "#484f58",
     "borderHover": "rgba(110,118,129,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(48,54,61,0.48)",
+    "default": {
+      "hoverBg": "rgba(177,186,196,0.12)",
+      "activeBg": "rgba(177,186,196,0.2)",
+      "selectedBg": "rgba(177,186,196,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(195,128,0,0.16)",
+      "activeBg": "rgba(195,128,0,0.24)",
+      "hoverText": "#d69a00"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/json/colors/dark_dimmed.json

@@ -379,6 +379,19 @@
     "icon": "#545d68",
     "borderHover": "rgba(99,110,123,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(68,76,86,0.48)",
+    "default": {
+      "hoverBg": "rgba(144,157,171,0.12)",
+      "activeBg": "rgba(144,157,171,0.2)",
+      "selectedBg": "rgba(144,157,171,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(229,83,75,0.16)",
+      "activeBg": "rgba(229,83,75,0.24)",
+      "hoverText": "#f47067"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

package/dist/json/colors/dark_high_contrast.json

@@ -379,6 +379,19 @@
     "icon": "#f0f3f6",
     "borderHover": "#bdc4cc"
   },
+  "actionListItem": {
+    "inlineDivider": "#7a828e",
+    "default": {
+      "hoverBg": "rgba(217,222,227,0.12)",
+      "activeBg": "rgba(217,222,227,0.24)",
+      "selectedBg": "rgba(217,222,227,0.08)"
+    },
+    "danger": {
+      "hoverBg": "#ff6a69",
+      "activeBg": "#ff4445",
+      "hoverText": "#0a0c10"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",

package/dist/json/colors/light.json

@@ -379,6 +379,19 @@
     "icon": "#6e7781",
     "borderHover": "rgba(175,184,193,0.2)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(208,215,222,0.48)",
+    "default": {
+      "hoverBg": "rgba(208,215,222,0.32)",
+      "activeBg": "rgba(208,215,222,0.48)",
+      "selectedBg": "rgba(208,215,222,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(255,235,233,0.64)",
+      "activeBg": "#FFEBE9",
+      "hoverText": "#cf222e"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/json/colors/light_colorblind.json

@@ -379,6 +379,19 @@
     "icon": "#6e7781",
     "borderHover": "rgba(175,184,193,0.2)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(208,215,222,0.48)",
+    "default": {
+      "hoverBg": "rgba(208,215,222,0.32)",
+      "activeBg": "rgba(208,215,222,0.48)",
+      "selectedBg": "rgba(208,215,222,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(254,254,72,0.64)",
+      "activeBg": "#fefe48",
+      "hoverText": "#ac5e00"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/scss/colors/_dark.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-icon: #f85149;
     --color-underlinenav-icon: #484f58;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
+    --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
+    --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
+    --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
+    --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
+    --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
+    --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
+    --color-action-list-item-danger-hover-text: #ff7b72;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #484f58;

package/dist/scss/colors/_dark_colorblind.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-icon: #c38000;
     --color-underlinenav-icon: #484f58;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
+    --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
+    --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
+    --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
+    --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
+    --color-action-list-item-danger-hover-bg: rgba(195,128,0,0.16);
+    --color-action-list-item-danger-active-bg: rgba(195,128,0,0.24);
+    --color-action-list-item-danger-hover-text: #d69a00;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #484f58;

package/dist/scss/colors/_dark_dimmed.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-icon: #e5534b;
     --color-underlinenav-icon: #545d68;
     --color-underlinenav-border-hover: rgba(99,110,123,0.4);
+    --color-action-list-item-inline-divider: rgba(68,76,86,0.48);
+    --color-action-list-item-default-hover-bg: rgba(144,157,171,0.12);
+    --color-action-list-item-default-active-bg: rgba(144,157,171,0.2);
+    --color-action-list-item-default-selected-bg: rgba(144,157,171,0.08);
+    --color-action-list-item-danger-hover-bg: rgba(229,83,75,0.16);
+    --color-action-list-item-danger-active-bg: rgba(229,83,75,0.24);
+    --color-action-list-item-danger-hover-text: #f47067;
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
     --color-fg-subtle: #545d68;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-icon: #ff6a69;
     --color-underlinenav-icon: #f0f3f6;
     --color-underlinenav-border-hover: #bdc4cc;
+    --color-action-list-item-inline-divider: #7a828e;
+    --color-action-list-item-default-hover-bg: rgba(217,222,227,0.12);
+    --color-action-list-item-default-active-bg: rgba(217,222,227,0.24);
+    --color-action-list-item-default-selected-bg: rgba(217,222,227,0.08);
+    --color-action-list-item-danger-hover-bg: #ff6a69;
+    --color-action-list-item-danger-active-bg: #ff4445;
+    --color-action-list-item-danger-hover-text: #0a0c10;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
     --color-fg-subtle: #7a828e;

package/dist/scss/colors/_light.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-hover-icon: #ffffff;
     --color-underlinenav-icon: #6e7781;
     --color-underlinenav-border-hover: rgba(175,184,193,0.2);
+    --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
+    --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
+    --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
+    --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
+    --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
+    --color-action-list-item-danger-active-bg: #FFEBE9;
+    --color-action-list-item-danger-hover-text: #cf222e;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -284,6 +284,13 @@
     --color-btn-danger-hover-icon: #ffffff;
     --color-underlinenav-icon: #6e7781;
     --color-underlinenav-border-hover: rgba(175,184,193,0.2);
+    --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
+    --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
+    --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
+    --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
+    --color-action-list-item-danger-hover-bg: rgba(254,254,72,0.64);
+    --color-action-list-item-danger-active-bg: #fefe48;
+    --color-action-list-item-danger-hover-text: #ac5e00;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/ts/colors/dark.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#484f58",
     "borderHover": "rgba(110,118,129,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(48,54,61,0.48)",
+    "default": {
+      "hoverBg": "rgba(177,186,196,0.12)",
+      "activeBg": "rgba(177,186,196,0.2)",
+      "selectedBg": "rgba(177,186,196,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(248,81,73,0.16)",
+      "activeBg": "rgba(248,81,73,0.24)",
+      "hoverText": "#ff7b72"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_colorblind.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#484f58",
     "borderHover": "rgba(110,118,129,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(48,54,61,0.48)",
+    "default": {
+      "hoverBg": "rgba(177,186,196,0.12)",
+      "activeBg": "rgba(177,186,196,0.2)",
+      "selectedBg": "rgba(177,186,196,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(195,128,0,0.16)",
+      "activeBg": "rgba(195,128,0,0.24)",
+      "hoverText": "#d69a00"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_dimmed.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#545d68",
     "borderHover": "rgba(99,110,123,0.4)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(68,76,86,0.48)",
+    "default": {
+      "hoverBg": "rgba(144,157,171,0.12)",
+      "activeBg": "rgba(144,157,171,0.2)",
+      "selectedBg": "rgba(144,157,171,0.08)"
+    },
+    "danger": {
+      "hoverBg": "rgba(229,83,75,0.16)",
+      "activeBg": "rgba(229,83,75,0.24)",
+      "hoverText": "#f47067"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

package/dist/ts/colors/dark_high_contrast.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#f0f3f6",
     "borderHover": "#bdc4cc"
   },
+  "actionListItem": {
+    "inlineDivider": "#7a828e",
+    "default": {
+      "hoverBg": "rgba(217,222,227,0.12)",
+      "activeBg": "rgba(217,222,227,0.24)",
+      "selectedBg": "rgba(217,222,227,0.08)"
+    },
+    "danger": {
+      "hoverBg": "#ff6a69",
+      "activeBg": "#ff4445",
+      "hoverText": "#0a0c10"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",

package/dist/ts/colors/light.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#6e7781",
     "borderHover": "rgba(175,184,193,0.2)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(208,215,222,0.48)",
+    "default": {
+      "hoverBg": "rgba(208,215,222,0.32)",
+      "activeBg": "rgba(208,215,222,0.48)",
+      "selectedBg": "rgba(208,215,222,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(255,235,233,0.64)",
+      "activeBg": "#FFEBE9",
+      "hoverText": "#cf222e"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_colorblind.ts

@@ -379,6 +379,19 @@ export default {
     "icon": "#6e7781",
     "borderHover": "rgba(175,184,193,0.2)"
   },
+  "actionListItem": {
+    "inlineDivider": "rgba(208,215,222,0.48)",
+    "default": {
+      "hoverBg": "rgba(208,215,222,0.32)",
+      "activeBg": "rgba(208,215,222,0.48)",
+      "selectedBg": "rgba(208,215,222,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(254,254,72,0.64)",
+      "activeBg": "#fefe48",
+      "hoverText": "#ac5e00"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@primer/primitives",
-  "version": "6.0.0",
+  "version": "6.1.0-rc.9f1f534",
   "description": "Typography, spacing, and color primitives for Primer design system",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",
   "repository": "https://github.com/primer/primitives",