@primer/primitives 7.3.0 → 7.4.1

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 (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/js/colors/dark.d.ts +2 -0
  3. package/dist/js/colors/dark.js +2 -0
  4. package/dist/js/colors/dark_colorblind.d.ts +2 -0
  5. package/dist/js/colors/dark_colorblind.js +2 -0
  6. package/dist/js/colors/dark_dimmed.d.ts +2 -0
  7. package/dist/js/colors/dark_dimmed.js +2 -0
  8. package/dist/js/colors/dark_high_contrast.d.ts +2 -0
  9. package/dist/js/colors/dark_high_contrast.js +5 -3
  10. package/dist/js/colors/index.d.ts +14 -0
  11. package/dist/js/colors/light.d.ts +2 -0
  12. package/dist/js/colors/light.js +2 -0
  13. package/dist/js/colors/light_colorblind.d.ts +2 -0
  14. package/dist/js/colors/light_colorblind.js +2 -0
  15. package/dist/js/colors/light_high_contrast.d.ts +2 -0
  16. package/dist/js/colors/light_high_contrast.js +9 -7
  17. package/dist/js/index.d.ts +14 -0
  18. package/dist/json/colors/dark.json +2 -0
  19. package/dist/json/colors/dark_colorblind.json +2 -0
  20. package/dist/json/colors/dark_dimmed.json +2 -0
  21. package/dist/json/colors/dark_high_contrast.json +5 -3
  22. package/dist/json/colors/light.json +2 -0
  23. package/dist/json/colors/light_colorblind.json +2 -0
  24. package/dist/json/colors/light_high_contrast.json +9 -7
  25. package/dist/scss/colors/_dark.scss +2 -0
  26. package/dist/scss/colors/_dark_colorblind.scss +2 -0
  27. package/dist/scss/colors/_dark_dimmed.scss +2 -0
  28. package/dist/scss/colors/_dark_high_contrast.scss +5 -3
  29. package/dist/scss/colors/_light.scss +2 -0
  30. package/dist/scss/colors/_light_colorblind.scss +2 -0
  31. package/dist/scss/colors/_light_high_contrast.scss +9 -7
  32. package/dist/ts/colors/dark.ts +2 -0
  33. package/dist/ts/colors/dark_colorblind.ts +2 -0
  34. package/dist/ts/colors/dark_dimmed.ts +2 -0
  35. package/dist/ts/colors/dark_high_contrast.ts +5 -3
  36. package/dist/ts/colors/light.ts +2 -0
  37. package/dist/ts/colors/light_colorblind.ts +2 -0
  38. package/dist/ts/colors/light_high_contrast.ts +9 -7
  39. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @primer/primitives
2
2
 
3
+ ## 7.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#289](https://github.com/primer/primitives/pull/289) [`0253f6e`](https://github.com/primer/primitives/commit/0253f6eda2868c128761a30a41b236b734c3cd34) Thanks [@simurai](https://github.com/simurai)! - Add utility mapping
8
+
9
+ ## 7.4.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#283](https://github.com/primer/primitives/pull/283) [`1bcb44f`](https://github.com/primer/primitives/commit/1bcb44f51bbf612302e9204cf4e1dc187ec6be94) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Background adjustments for High Contrast theme.
14
+
3
15
  ## 7.3.0
4
16
 
5
17
  ### Minor Changes
package/dist/js/colors/dark.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/dark.js CHANGED
@@ -336,7 +336,9 @@ exports.default = {
336
336
  "inlineDivider": "rgba(48,54,61,0.48)",
337
337
  "default": {
338
338
  "hoverBg": "rgba(177,186,196,0.12)",
339
+ "hoverBorder": "rgba(0,0,0,0)",
339
340
  "activeBg": "rgba(177,186,196,0.2)",
341
+ "activeBorder": "rgba(0,0,0,0)",
340
342
  "selectedBg": "rgba(177,186,196,0.08)"
341
343
  },
342
344
  "danger": {
package/dist/js/colors/dark_colorblind.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/dark_colorblind.js CHANGED
@@ -336,7 +336,9 @@ exports.default = {
336
336
  "inlineDivider": "rgba(48,54,61,0.48)",
337
337
  "default": {
338
338
  "hoverBg": "rgba(177,186,196,0.12)",
339
+ "hoverBorder": "rgba(0,0,0,0)",
339
340
  "activeBg": "rgba(177,186,196,0.2)",
341
+ "activeBorder": "rgba(0,0,0,0)",
340
342
  "selectedBg": "rgba(177,186,196,0.08)"
341
343
  },
342
344
  "danger": {
package/dist/js/colors/dark_dimmed.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/dark_dimmed.js CHANGED
@@ -336,7 +336,9 @@ exports.default = {
336
336
  "inlineDivider": "rgba(68,76,86,0.48)",
337
337
  "default": {
338
338
  "hoverBg": "rgba(144,157,171,0.12)",
339
+ "hoverBorder": "rgba(0,0,0,0)",
339
340
  "activeBg": "rgba(144,157,171,0.2)",
341
+ "activeBorder": "rgba(0,0,0,0)",
340
342
  "selectedBg": "rgba(144,157,171,0.08)"
341
343
  },
342
344
  "danger": {
package/dist/js/colors/dark_high_contrast.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/dark_high_contrast.js CHANGED
@@ -335,9 +335,11 @@ exports.default = {
335
335
  "actionListItem": {
336
336
  "inlineDivider": "#7a828e",
337
337
  "default": {
338
- "hoverBg": "rgba(217,222,227,0.12)",
339
- "activeBg": "rgba(217,222,227,0.24)",
340
- "selectedBg": "rgba(217,222,227,0.08)"
338
+ "hoverBg": "#272b33",
339
+ "hoverBorder": "#7a828e",
340
+ "activeBg": "#525964",
341
+ "activeBorder": "#9ea7b3",
342
+ "selectedBg": "#525964"
341
343
  },
342
344
  "danger": {
343
345
  "hoverBg": "#ff6a69",
package/dist/js/colors/index.d.ts CHANGED
@@ -335,7 +335,9 @@ declare const _default: {
335
335
  inlineDivider: string;
336
336
  default: {
337
337
  hoverBg: string;
338
+ hoverBorder: string;
338
339
  activeBg: string;
340
+ activeBorder: string;
339
341
  selectedBg: string;
340
342
  };
341
343
  danger: {
@@ -783,7 +785,9 @@ declare const _default: {
783
785
  inlineDivider: string;
784
786
  default: {
785
787
  hoverBg: string;
788
+ hoverBorder: string;
786
789
  activeBg: string;
790
+ activeBorder: string;
787
791
  selectedBg: string;
788
792
  };
789
793
  danger: {
@@ -1231,7 +1235,9 @@ declare const _default: {
1231
1235
  inlineDivider: string;
1232
1236
  default: {
1233
1237
  hoverBg: string;
1238
+ hoverBorder: string;
1234
1239
  activeBg: string;
1240
+ activeBorder: string;
1235
1241
  selectedBg: string;
1236
1242
  };
1237
1243
  danger: {
@@ -1679,7 +1685,9 @@ declare const _default: {
1679
1685
  inlineDivider: string;
1680
1686
  default: {
1681
1687
  hoverBg: string;
1688
+ hoverBorder: string;
1682
1689
  activeBg: string;
1690
+ activeBorder: string;
1683
1691
  selectedBg: string;
1684
1692
  };
1685
1693
  danger: {
@@ -2127,7 +2135,9 @@ declare const _default: {
2127
2135
  inlineDivider: string;
2128
2136
  default: {
2129
2137
  hoverBg: string;
2138
+ hoverBorder: string;
2130
2139
  activeBg: string;
2140
+ activeBorder: string;
2131
2141
  selectedBg: string;
2132
2142
  };
2133
2143
  danger: {
@@ -2575,7 +2585,9 @@ declare const _default: {
2575
2585
  inlineDivider: string;
2576
2586
  default: {
2577
2587
  hoverBg: string;
2588
+ hoverBorder: string;
2578
2589
  activeBg: string;
2590
+ activeBorder: string;
2579
2591
  selectedBg: string;
2580
2592
  };
2581
2593
  danger: {
@@ -3023,7 +3035,9 @@ declare const _default: {
3023
3035
  inlineDivider: string;
3024
3036
  default: {
3025
3037
  hoverBg: string;
3038
+ hoverBorder: string;
3026
3039
  activeBg: string;
3040
+ activeBorder: string;
3027
3041
  selectedBg: string;
3028
3042
  };
3029
3043
  danger: {
package/dist/js/colors/light.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/light.js CHANGED
@@ -336,7 +336,9 @@ exports.default = {
336
336
  "inlineDivider": "rgba(208,215,222,0.48)",
337
337
  "default": {
338
338
  "hoverBg": "rgba(208,215,222,0.32)",
339
+ "hoverBorder": "rgba(0,0,0,0)",
339
340
  "activeBg": "rgba(208,215,222,0.48)",
341
+ "activeBorder": "rgba(0,0,0,0)",
340
342
  "selectedBg": "rgba(208,215,222,0.24)"
341
343
  },
342
344
  "danger": {
package/dist/js/colors/light_colorblind.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/light_colorblind.js CHANGED
@@ -336,7 +336,9 @@ exports.default = {
336
336
  "inlineDivider": "rgba(208,215,222,0.48)",
337
337
  "default": {
338
338
  "hoverBg": "rgba(208,215,222,0.32)",
339
+ "hoverBorder": "rgba(0,0,0,0)",
339
340
  "activeBg": "rgba(208,215,222,0.48)",
341
+ "activeBorder": "rgba(0,0,0,0)",
340
342
  "selectedBg": "rgba(208,215,222,0.24)"
341
343
  },
342
344
  "danger": {
package/dist/js/colors/light_high_contrast.d.ts CHANGED
@@ -334,7 +334,9 @@ declare const _default: {
334
334
  inlineDivider: string;
335
335
  default: {
336
336
  hoverBg: string;
337
+ hoverBorder: string;
337
338
  activeBg: string;
339
+ activeBorder: string;
338
340
  selectedBg: string;
339
341
  };
340
342
  danger: {
package/dist/js/colors/light_high_contrast.js CHANGED
@@ -333,16 +333,18 @@ exports.default = {
333
333
  "borderHover": "rgba(172,182,192,0.2)"
334
334
  },
335
335
  "actionListItem": {
336
- "inlineDivider": "rgba(32,37,44,0.48)",
336
+ "inlineDivider": "#88929D",
337
337
  "default": {
338
- "hoverBg": "rgba(206,213,220,0.32)",
339
- "activeBg": "rgba(206,213,220,0.48)",
340
- "selectedBg": "rgba(206,213,220,0.24)"
338
+ "hoverBg": "#E7ECF0",
339
+ "hoverBorder": "#88929D",
340
+ "activeBg": "#CED5DC",
341
+ "activeBorder": "#20252C",
342
+ "selectedBg": "#CED5DC"
341
343
  },
342
344
  "danger": {
343
- "hoverBg": "rgba(255,240,238,0.64)",
344
- "activeBg": "#fff0ee",
345
- "hoverText": "#a0111f"
345
+ "hoverBg": "#a0111f",
346
+ "activeBg": "#6e011a",
347
+ "hoverText": "#ffffff"
346
348
  }
347
349
  },
348
350
  "fg": {
package/dist/js/index.d.ts CHANGED
@@ -336,7 +336,9 @@ declare const _default: {
336
336
  inlineDivider: string;
337
337
  default: {
338
338
  hoverBg: string;
339
+ hoverBorder: string;
339
340
  activeBg: string;
341
+ activeBorder: string;
340
342
  selectedBg: string;
341
343
  };
342
344
  danger: {
@@ -784,7 +786,9 @@ declare const _default: {
784
786
  inlineDivider: string;
785
787
  default: {
786
788
  hoverBg: string;
789
+ hoverBorder: string;
787
790
  activeBg: string;
791
+ activeBorder: string;
788
792
  selectedBg: string;
789
793
  };
790
794
  danger: {
@@ -1232,7 +1236,9 @@ declare const _default: {
1232
1236
  inlineDivider: string;
1233
1237
  default: {
1234
1238
  hoverBg: string;
1239
+ hoverBorder: string;
1235
1240
  activeBg: string;
1241
+ activeBorder: string;
1236
1242
  selectedBg: string;
1237
1243
  };
1238
1244
  danger: {
@@ -1680,7 +1686,9 @@ declare const _default: {
1680
1686
  inlineDivider: string;
1681
1687
  default: {
1682
1688
  hoverBg: string;
1689
+ hoverBorder: string;
1683
1690
  activeBg: string;
1691
+ activeBorder: string;
1684
1692
  selectedBg: string;
1685
1693
  };
1686
1694
  danger: {
@@ -2128,7 +2136,9 @@ declare const _default: {
2128
2136
  inlineDivider: string;
2129
2137
  default: {
2130
2138
  hoverBg: string;
2139
+ hoverBorder: string;
2131
2140
  activeBg: string;
2141
+ activeBorder: string;
2132
2142
  selectedBg: string;
2133
2143
  };
2134
2144
  danger: {
@@ -2576,7 +2586,9 @@ declare const _default: {
2576
2586
  inlineDivider: string;
2577
2587
  default: {
2578
2588
  hoverBg: string;
2589
+ hoverBorder: string;
2579
2590
  activeBg: string;
2591
+ activeBorder: string;
2580
2592
  selectedBg: string;
2581
2593
  };
2582
2594
  danger: {
@@ -3024,7 +3036,9 @@ declare const _default: {
3024
3036
  inlineDivider: string;
3025
3037
  default: {
3026
3038
  hoverBg: string;
3039
+ hoverBorder: string;
3027
3040
  activeBg: string;
3041
+ activeBorder: string;
3028
3042
  selectedBg: string;
3029
3043
  };
3030
3044
  danger: {
package/dist/json/colors/dark.json CHANGED
@@ -334,7 +334,9 @@
334
334
  "inlineDivider": "rgba(48,54,61,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(177,186,196,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(177,186,196,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(177,186,196,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/json/colors/dark_colorblind.json CHANGED
@@ -334,7 +334,9 @@
334
334
  "inlineDivider": "rgba(48,54,61,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(177,186,196,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(177,186,196,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(177,186,196,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/json/colors/dark_dimmed.json CHANGED
@@ -334,7 +334,9 @@
334
334
  "inlineDivider": "rgba(68,76,86,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(144,157,171,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(144,157,171,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(144,157,171,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/json/colors/dark_high_contrast.json CHANGED
@@ -333,9 +333,11 @@
333
333
  "actionListItem": {
334
334
  "inlineDivider": "#7a828e",
335
335
  "default": {
336
- "hoverBg": "rgba(217,222,227,0.12)",
337
- "activeBg": "rgba(217,222,227,0.24)",
338
- "selectedBg": "rgba(217,222,227,0.08)"
336
+ "hoverBg": "#272b33",
337
+ "hoverBorder": "#7a828e",
338
+ "activeBg": "#525964",
339
+ "activeBorder": "#9ea7b3",
340
+ "selectedBg": "#525964"
339
341
  },
340
342
  "danger": {
341
343
  "hoverBg": "#ff6a69",
package/dist/json/colors/light.json CHANGED
@@ -334,7 +334,9 @@
334
334
  "inlineDivider": "rgba(208,215,222,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(208,215,222,0.24)"
339
341
  },
340
342
  "danger": {
package/dist/json/colors/light_colorblind.json CHANGED
@@ -334,7 +334,9 @@
334
334
  "inlineDivider": "rgba(208,215,222,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(208,215,222,0.24)"
339
341
  },
340
342
  "danger": {
package/dist/json/colors/light_high_contrast.json CHANGED
@@ -331,16 +331,18 @@
331
331
  "borderHover": "rgba(172,182,192,0.2)"
332
332
  },
333
333
  "actionListItem": {
334
- "inlineDivider": "rgba(32,37,44,0.48)",
334
+ "inlineDivider": "#88929D",
335
335
  "default": {
336
- "hoverBg": "rgba(206,213,220,0.32)",
337
- "activeBg": "rgba(206,213,220,0.48)",
338
- "selectedBg": "rgba(206,213,220,0.24)"
336
+ "hoverBg": "#E7ECF0",
337
+ "hoverBorder": "#88929D",
338
+ "activeBg": "#CED5DC",
339
+ "activeBorder": "#20252C",
340
+ "selectedBg": "#CED5DC"
339
341
  },
340
342
  "danger": {
341
- "hoverBg": "rgba(255,240,238,0.64)",
342
- "activeBg": "#fff0ee",
343
- "hoverText": "#a0111f"
343
+ "hoverBg": "#a0111f",
344
+ "activeBg": "#6e011a",
345
+ "hoverText": "#ffffff"
344
346
  }
345
347
  },
346
348
  "fg": {
package/dist/scss/colors/_dark.scss CHANGED
@@ -263,7 +263,9 @@
263
263
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
264
264
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
266
267
  --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
269
  --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
268
270
  --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
269
271
  --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
package/dist/scss/colors/_dark_colorblind.scss CHANGED
@@ -263,7 +263,9 @@
263
263
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
264
264
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
266
267
  --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
269
  --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
268
270
  --color-action-list-item-danger-hover-bg: rgba(195,128,0,0.16);
269
271
  --color-action-list-item-danger-active-bg: rgba(195,128,0,0.24);
package/dist/scss/colors/_dark_dimmed.scss CHANGED
@@ -263,7 +263,9 @@
263
263
  --color-underlinenav-border-hover: rgba(99,110,123,0.4);
264
264
  --color-action-list-item-inline-divider: rgba(68,76,86,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(144,157,171,0.12);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
266
267
  --color-action-list-item-default-active-bg: rgba(144,157,171,0.2);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
269
  --color-action-list-item-default-selected-bg: rgba(144,157,171,0.08);
268
270
  --color-action-list-item-danger-hover-bg: rgba(229,83,75,0.16);
269
271
  --color-action-list-item-danger-active-bg: rgba(229,83,75,0.24);
package/dist/scss/colors/_dark_high_contrast.scss CHANGED
@@ -262,9 +262,11 @@
262
262
  --color-underlinenav-icon: #f0f3f6;
263
263
  --color-underlinenav-border-hover: #bdc4cc;
264
264
  --color-action-list-item-inline-divider: #7a828e;
265
- --color-action-list-item-default-hover-bg: rgba(217,222,227,0.12);
266
- --color-action-list-item-default-active-bg: rgba(217,222,227,0.24);
267
- --color-action-list-item-default-selected-bg: rgba(217,222,227,0.08);
265
+ --color-action-list-item-default-hover-bg: #272b33;
266
+ --color-action-list-item-default-hover-border: #7a828e;
267
+ --color-action-list-item-default-active-bg: #525964;
268
+ --color-action-list-item-default-active-border: #9ea7b3;
269
+ --color-action-list-item-default-selected-bg: #525964;
268
270
  --color-action-list-item-danger-hover-bg: #ff6a69;
269
271
  --color-action-list-item-danger-active-bg: #ff4445;
270
272
  --color-action-list-item-danger-hover-text: #0a0c10;
package/dist/scss/colors/_light.scss CHANGED
@@ -263,7 +263,9 @@
263
263
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
264
264
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
266
267
  --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
269
  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
268
270
  --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
269
271
  --color-action-list-item-danger-active-bg: #FFEBE9;
package/dist/scss/colors/_light_colorblind.scss CHANGED
@@ -263,7 +263,9 @@
263
263
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
264
264
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
266
267
  --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
269
  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
268
270
  --color-action-list-item-danger-hover-bg: rgba(254,254,72,0.64);
269
271
  --color-action-list-item-danger-active-bg: #fefe48;
package/dist/scss/colors/_light_high_contrast.scss CHANGED
@@ -261,13 +261,15 @@
261
261
  --color-btn-danger-hover-icon: #ffffff;
262
262
  --color-underlinenav-icon: #66707B;
263
263
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
264
- --color-action-list-item-inline-divider: rgba(32,37,44,0.48);
265
- --color-action-list-item-default-hover-bg: rgba(206,213,220,0.32);
266
- --color-action-list-item-default-active-bg: rgba(206,213,220,0.48);
267
- --color-action-list-item-default-selected-bg: rgba(206,213,220,0.24);
268
- --color-action-list-item-danger-hover-bg: rgba(255,240,238,0.64);
269
- --color-action-list-item-danger-active-bg: #fff0ee;
270
- --color-action-list-item-danger-hover-text: #a0111f;
264
+ --color-action-list-item-inline-divider: #88929D;
265
+ --color-action-list-item-default-hover-bg: #E7ECF0;
266
+ --color-action-list-item-default-hover-border: #88929D;
267
+ --color-action-list-item-default-active-bg: #CED5DC;
268
+ --color-action-list-item-default-active-border: #20252C;
269
+ --color-action-list-item-default-selected-bg: #CED5DC;
270
+ --color-action-list-item-danger-hover-bg: #a0111f;
271
+ --color-action-list-item-danger-active-bg: #6e011a;
272
+ --color-action-list-item-danger-hover-text: #ffffff;
271
273
  --color-fg-default: #0E1116;
272
274
  --color-fg-muted: #0E1116;
273
275
  --color-fg-subtle: #66707B;
package/dist/ts/colors/dark.ts CHANGED
@@ -334,7 +334,9 @@ export default {
334
334
  "inlineDivider": "rgba(48,54,61,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(177,186,196,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(177,186,196,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(177,186,196,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/ts/colors/dark_colorblind.ts CHANGED
@@ -334,7 +334,9 @@ export default {
334
334
  "inlineDivider": "rgba(48,54,61,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(177,186,196,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(177,186,196,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(177,186,196,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/ts/colors/dark_dimmed.ts CHANGED
@@ -334,7 +334,9 @@ export default {
334
334
  "inlineDivider": "rgba(68,76,86,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(144,157,171,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(144,157,171,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(144,157,171,0.08)"
339
341
  },
340
342
  "danger": {
package/dist/ts/colors/dark_high_contrast.ts CHANGED
@@ -333,9 +333,11 @@ export default {
333
333
  "actionListItem": {
334
334
  "inlineDivider": "#7a828e",
335
335
  "default": {
336
- "hoverBg": "rgba(217,222,227,0.12)",
337
- "activeBg": "rgba(217,222,227,0.24)",
338
- "selectedBg": "rgba(217,222,227,0.08)"
336
+ "hoverBg": "#272b33",
337
+ "hoverBorder": "#7a828e",
338
+ "activeBg": "#525964",
339
+ "activeBorder": "#9ea7b3",
340
+ "selectedBg": "#525964"
339
341
  },
340
342
  "danger": {
341
343
  "hoverBg": "#ff6a69",
package/dist/ts/colors/light.ts CHANGED
@@ -334,7 +334,9 @@ export default {
334
334
  "inlineDivider": "rgba(208,215,222,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(208,215,222,0.24)"
339
341
  },
340
342
  "danger": {
package/dist/ts/colors/light_colorblind.ts CHANGED
@@ -334,7 +334,9 @@ export default {
334
334
  "inlineDivider": "rgba(208,215,222,0.48)",
335
335
  "default": {
336
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
337
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
338
340
  "selectedBg": "rgba(208,215,222,0.24)"
339
341
  },
340
342
  "danger": {
package/dist/ts/colors/light_high_contrast.ts CHANGED
@@ -331,16 +331,18 @@ export default {
331
331
  "borderHover": "rgba(172,182,192,0.2)"
332
332
  },
333
333
  "actionListItem": {
334
- "inlineDivider": "rgba(32,37,44,0.48)",
334
+ "inlineDivider": "#88929D",
335
335
  "default": {
336
- "hoverBg": "rgba(206,213,220,0.32)",
337
- "activeBg": "rgba(206,213,220,0.48)",
338
- "selectedBg": "rgba(206,213,220,0.24)"
336
+ "hoverBg": "#E7ECF0",
337
+ "hoverBorder": "#88929D",
338
+ "activeBg": "#CED5DC",
339
+ "activeBorder": "#20252C",
340
+ "selectedBg": "#CED5DC"
339
341
  },
340
342
  "danger": {
341
- "hoverBg": "rgba(255,240,238,0.64)",
342
- "activeBg": "#fff0ee",
343
- "hoverText": "#a0111f"
343
+ "hoverBg": "#a0111f",
344
+ "activeBg": "#6e011a",
345
+ "hoverText": "#ffffff"
344
346
  }
345
347
  },
346
348
  "fg": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.3.0",
3
+ "version": "7.4.1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": ["dist"],
6
6
  "main": "dist/js/index.js",