@primer/primitives 7.2.0-rc.a7c862d → 7.4.0-rc.4670d6c

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 +19 -1
  2. package/dist/js/colors/dark.d.ts +4 -0
  3. package/dist/js/colors/dark.js +4 -0
  4. package/dist/js/colors/dark_colorblind.d.ts +4 -0
  5. package/dist/js/colors/dark_colorblind.js +4 -0
  6. package/dist/js/colors/dark_dimmed.d.ts +4 -0
  7. package/dist/js/colors/dark_dimmed.js +4 -0
  8. package/dist/js/colors/dark_high_contrast.d.ts +4 -0
  9. package/dist/js/colors/dark_high_contrast.js +8 -4
  10. package/dist/js/colors/index.d.ts +28 -0
  11. package/dist/js/colors/light.d.ts +4 -0
  12. package/dist/js/colors/light.js +4 -0
  13. package/dist/js/colors/light_colorblind.d.ts +4 -0
  14. package/dist/js/colors/light_colorblind.js +4 -0
  15. package/dist/js/colors/light_high_contrast.d.ts +4 -0
  16. package/dist/js/colors/light_high_contrast.js +12 -8
  17. package/dist/js/index.d.ts +28 -0
  18. package/dist/json/colors/dark.json +4 -0
  19. package/dist/json/colors/dark_colorblind.json +4 -0
  20. package/dist/json/colors/dark_dimmed.json +4 -0
  21. package/dist/json/colors/dark_high_contrast.json +8 -4
  22. package/dist/json/colors/light.json +4 -0
  23. package/dist/json/colors/light_colorblind.json +4 -0
  24. package/dist/json/colors/light_high_contrast.json +12 -8
  25. package/dist/scss/colors/_dark.scss +4 -0
  26. package/dist/scss/colors/_dark_colorblind.scss +4 -0
  27. package/dist/scss/colors/_dark_dimmed.scss +4 -0
  28. package/dist/scss/colors/_dark_high_contrast.scss +8 -4
  29. package/dist/scss/colors/_light.scss +4 -0
  30. package/dist/scss/colors/_light_colorblind.scss +4 -0
  31. package/dist/scss/colors/_light_high_contrast.scss +12 -8
  32. package/dist/ts/colors/dark.ts +4 -0
  33. package/dist/ts/colors/dark_colorblind.ts +4 -0
  34. package/dist/ts/colors/dark_dimmed.ts +4 -0
  35. package/dist/ts/colors/dark_high_contrast.ts +8 -4
  36. package/dist/ts/colors/light.ts +4 -0
  37. package/dist/ts/colors/light_colorblind.ts +4 -0
  38. package/dist/ts/colors/light_high_contrast.ts +12 -8
  39. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  "canvasDefaultTransparent": "rgba(34,39,46,0)",
3
+ "pageHeaderBg": "#22272e",
3
4
  "marketingIcon": {
4
5
  "primary": "#6cb6ff",
5
6
  "secondary": "#316dca"
@@ -210,6 +211,7 @@ export default {
210
211
  "header": {
211
212
  "text": "rgba(205,217,229,0.7)",
212
213
  "bg": "#2d333b",
214
+ "divider": "#768390",
213
215
  "logo": "#cdd9e5"
214
216
  },
215
217
  "headerSearch": {
@@ -332,7 +334,9 @@ export default {
332
334
  "inlineDivider": "rgba(68,76,86,0.48)",
333
335
  "default": {
334
336
  "hoverBg": "rgba(144,157,171,0.12)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
335
338
  "activeBg": "rgba(144,157,171,0.2)",
339
+ "activeBorder": "rgba(0,0,0,0)",
336
340
  "selectedBg": "rgba(144,157,171,0.08)"
337
341
  },
338
342
  "danger": {
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  "canvasDefaultTransparent": "rgba(10,12,16,0)",
3
+ "pageHeaderBg": "#0a0c10",
3
4
  "marketingIcon": {
4
5
  "primary": "#91cbff",
5
6
  "secondary": "#409eff"
@@ -23,7 +24,7 @@ export default {
23
24
  "numBg": "rgba(64,158,255,0.4)"
24
25
  },
25
26
  "expander": {
26
- "icon": "#0a0c10"
27
+ "icon": "#f0f3f6"
27
28
  },
28
29
  "selectedLineHighlightMixBlendMode": "screen"
29
30
  },
@@ -210,6 +211,7 @@ export default {
210
211
  "header": {
211
212
  "text": "rgba(255,255,255,0.7)",
212
213
  "bg": "#272b33",
214
+ "divider": "#bdc4cc",
213
215
  "logo": "#ffffff"
214
216
  },
215
217
  "headerSearch": {
@@ -331,9 +333,11 @@ export default {
331
333
  "actionListItem": {
332
334
  "inlineDivider": "#7a828e",
333
335
  "default": {
334
- "hoverBg": "rgba(217,222,227,0.12)",
335
- "activeBg": "rgba(217,222,227,0.24)",
336
- "selectedBg": "rgba(217,222,227,0.08)"
336
+ "hoverBg": "#272b33",
337
+ "hoverBorder": "#7a828e",
338
+ "activeBg": "#525964",
339
+ "activeBorder": "#9ea7b3",
340
+ "selectedBg": "#525964"
337
341
  },
338
342
  "danger": {
339
343
  "hoverBg": "#ff6a69",
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  "canvasDefaultTransparent": "rgba(255,255,255,0)",
3
+ "pageHeaderBg": "#f6f8fa",
3
4
  "marketingIcon": {
4
5
  "primary": "#218bff",
5
6
  "secondary": "#54aeff"
@@ -210,6 +211,7 @@ export default {
210
211
  "header": {
211
212
  "text": "rgba(255,255,255,0.7)",
212
213
  "bg": "#24292f",
214
+ "divider": "#57606a",
213
215
  "logo": "#ffffff"
214
216
  },
215
217
  "headerSearch": {
@@ -332,7 +334,9 @@ export default {
332
334
  "inlineDivider": "rgba(208,215,222,0.48)",
333
335
  "default": {
334
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
335
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
336
340
  "selectedBg": "rgba(208,215,222,0.24)"
337
341
  },
338
342
  "danger": {
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  "canvasDefaultTransparent": "rgba(255,255,255,0)",
3
+ "pageHeaderBg": "#f6f8fa",
3
4
  "marketingIcon": {
4
5
  "primary": "#218bff",
5
6
  "secondary": "#54aeff"
@@ -210,6 +211,7 @@ export default {
210
211
  "header": {
211
212
  "text": "rgba(255,255,255,0.7)",
212
213
  "bg": "#24292f",
214
+ "divider": "#57606a",
213
215
  "logo": "#ffffff"
214
216
  },
215
217
  "headerSearch": {
@@ -332,7 +334,9 @@ export default {
332
334
  "inlineDivider": "rgba(208,215,222,0.48)",
333
335
  "default": {
334
336
  "hoverBg": "rgba(208,215,222,0.32)",
337
+ "hoverBorder": "rgba(0,0,0,0)",
335
338
  "activeBg": "rgba(208,215,222,0.48)",
339
+ "activeBorder": "rgba(0,0,0,0)",
336
340
  "selectedBg": "rgba(208,215,222,0.24)"
337
341
  },
338
342
  "danger": {
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  "canvasDefaultTransparent": "rgba(255,255,255,0)",
3
+ "pageHeaderBg": "#ffffff",
3
4
  "marketingIcon": {
4
5
  "primary": "#1168e3",
5
6
  "secondary": "#368cf9"
@@ -23,7 +24,7 @@ export default {
23
24
  "numBg": "#9cd7ff"
24
25
  },
25
26
  "expander": {
26
- "icon": "#ffffff"
27
+ "icon": "#0E1116"
27
28
  },
28
29
  "selectedLineHighlightMixBlendMode": "multiply"
29
30
  },
@@ -210,6 +211,7 @@ export default {
210
211
  "header": {
211
212
  "text": "rgba(255,255,255,0.7)",
212
213
  "bg": "#0E1116",
214
+ "divider": "#ACB6C0",
213
215
  "logo": "#ffffff"
214
216
  },
215
217
  "headerSearch": {
@@ -329,16 +331,18 @@ export default {
329
331
  "borderHover": "rgba(172,182,192,0.2)"
330
332
  },
331
333
  "actionListItem": {
332
- "inlineDivider": "rgba(32,37,44,0.48)",
334
+ "inlineDivider": "#88929D",
333
335
  "default": {
334
- "hoverBg": "rgba(206,213,220,0.32)",
335
- "activeBg": "rgba(206,213,220,0.48)",
336
- "selectedBg": "rgba(206,213,220,0.24)"
336
+ "hoverBg": "#E7ECF0",
337
+ "hoverBorder": "#88929D",
338
+ "activeBg": "#CED5DC",
339
+ "activeBorder": "#20252C",
340
+ "selectedBg": "#CED5DC"
337
341
  },
338
342
  "danger": {
339
- "hoverBg": "rgba(255,240,238,0.64)",
340
- "activeBg": "#fff0ee",
341
- "hoverText": "#a0111f"
343
+ "hoverBg": "#a0111f",
344
+ "activeBg": "#6e011a",
345
+ "hoverText": "#ffffff"
342
346
  }
343
347
  },
344
348
  "fg": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.2.0-rc.a7c862d",
3
+ "version": "7.4.0-rc.4670d6c",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist"