@primer/primitives 7.1.1-rc.b52ea99 → 7.2.0-rc.9f50886

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 +17 -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 +4 -0
  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 +91 -87
  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 +4 -0
  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 +91 -87
  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 +2 -0
  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 +89 -87
  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 +4 -0
  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 +91 -87
  39. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,28 @@
1
1
  # @primer/primitives
2
2
 
3
+ ## 7.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#282](https://github.com/primer/primitives/pull/282) [`71f5486`](https://github.com/primer/primitives/commit/71f548663a247c3ff347657ebaaceae7d1c458f5) Thanks [@simurai](https://github.com/simurai)! - Add `header.divider`
8
+
9
+ * [#279](https://github.com/primer/primitives/pull/279) [`3729355`](https://github.com/primer/primitives/commit/3729355a30bd361f2be5da379cc85357f474d9a1) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Add border to topic-tag and counters
10
+
11
+ ### Patch Changes
12
+
13
+ - [#277](https://github.com/primer/primitives/pull/277) [`3fda2d3`](https://github.com/primer/primitives/commit/3fda2d3eb43662331c1b93876267592bf7b9fcc3) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Increased contrast in Light HC shades
14
+
15
+ * [#280](https://github.com/primer/primitives/pull/280) [`46d2c1e`](https://github.com/primer/primitives/commit/46d2c1eb5727ad6d68ba1ef8fc4c8f5241c2d857) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander-icon
16
+
3
17
  ## 7.1.1
4
18
 
5
19
  ### Patch Changes
6
20
 
7
21
  - [#273](https://github.com/primer/primitives/pull/273) [`5c8d9a9`](https://github.com/primer/primitives/commit/5c8d9a99fca308bc23ba03e29a2a8ef2eef947fa) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Border improvements
8
22
 
9
- * [#274](https://github.com/primer/primitives/pull/274) [`f071312`](https://github.com/primer/primitives/commit/f0713123fd89552fab1b38e6f2be88747d9d8f1a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved contrast for change highlights in diff
23
+ * [#276](https://github.com/primer/primitives/pull/276) [`f2d41ec`](https://github.com/primer/primitives/commit/f2d41ec00c70a5e794dc76567098ebcb11fbed8a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved button states for light HC
24
+
25
+ - [#274](https://github.com/primer/primitives/pull/274) [`f071312`](https://github.com/primer/primitives/commit/f0713123fd89552fab1b38e6f2be88747d9d8f1a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved contrast for change highlights in diff
10
26
 
11
27
  ## 7.1.0
12
28
 
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "rgba(0,0,0,0)"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "#484f58",
203
206
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(240,246,252,0.7)",
211
214
  "bg": "#161b22",
215
+ "divider": "#8b949e",
212
216
  "logo": "#f0f6fc"
213
217
  },
214
218
  "headerSearch": {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "rgba(0,0,0,0)"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "#484f58",
203
206
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(240,246,252,0.7)",
211
214
  "bg": "#161b22",
215
+ "divider": "#8b949e",
212
216
  "logo": "#f0f6fc"
213
217
  },
214
218
  "headerSearch": {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "rgba(0,0,0,0)"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "#545d68",
203
206
  "tapHighlight": "rgba(68,76,86,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(205,217,229,0.7)",
211
214
  "bg": "#2d333b",
215
+ "divider": "#768390",
212
216
  "logo": "#cdd9e5"
213
217
  },
214
218
  "headerSearch": {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "#409eff"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "#7a828e",
203
206
  "tapHighlight": "rgba(82,89,100,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(255,255,255,0.7)",
211
214
  "bg": "#272b33",
215
+ "divider": "#bdc4cc",
212
216
  "logo": "#ffffff"
213
217
  },
214
218
  "headerSearch": {
@@ -197,6 +197,9 @@ declare const _default: {
197
197
  topicTag: {
198
198
  border: string;
199
199
  };
200
+ counter: {
201
+ border: string;
202
+ };
200
203
  selectMenu: {
201
204
  backdropBorder: string;
202
205
  tapHighlight: string;
@@ -208,6 +211,7 @@ declare const _default: {
208
211
  header: {
209
212
  text: string;
210
213
  bg: string;
214
+ divider: string;
211
215
  logo: string;
212
216
  };
213
217
  headerSearch: {
@@ -640,6 +644,9 @@ declare const _default: {
640
644
  topicTag: {
641
645
  border: string;
642
646
  };
647
+ counter: {
648
+ border: string;
649
+ };
643
650
  selectMenu: {
644
651
  backdropBorder: string;
645
652
  tapHighlight: string;
@@ -651,6 +658,7 @@ declare const _default: {
651
658
  header: {
652
659
  text: string;
653
660
  bg: string;
661
+ divider: string;
654
662
  logo: string;
655
663
  };
656
664
  headerSearch: {
@@ -1083,6 +1091,9 @@ declare const _default: {
1083
1091
  topicTag: {
1084
1092
  border: string;
1085
1093
  };
1094
+ counter: {
1095
+ border: string;
1096
+ };
1086
1097
  selectMenu: {
1087
1098
  backdropBorder: string;
1088
1099
  tapHighlight: string;
@@ -1094,6 +1105,7 @@ declare const _default: {
1094
1105
  header: {
1095
1106
  text: string;
1096
1107
  bg: string;
1108
+ divider: string;
1097
1109
  logo: string;
1098
1110
  };
1099
1111
  headerSearch: {
@@ -1526,6 +1538,9 @@ declare const _default: {
1526
1538
  topicTag: {
1527
1539
  border: string;
1528
1540
  };
1541
+ counter: {
1542
+ border: string;
1543
+ };
1529
1544
  selectMenu: {
1530
1545
  backdropBorder: string;
1531
1546
  tapHighlight: string;
@@ -1537,6 +1552,7 @@ declare const _default: {
1537
1552
  header: {
1538
1553
  text: string;
1539
1554
  bg: string;
1555
+ divider: string;
1540
1556
  logo: string;
1541
1557
  };
1542
1558
  headerSearch: {
@@ -1969,6 +1985,9 @@ declare const _default: {
1969
1985
  topicTag: {
1970
1986
  border: string;
1971
1987
  };
1988
+ counter: {
1989
+ border: string;
1990
+ };
1972
1991
  selectMenu: {
1973
1992
  backdropBorder: string;
1974
1993
  tapHighlight: string;
@@ -1980,6 +1999,7 @@ declare const _default: {
1980
1999
  header: {
1981
2000
  text: string;
1982
2001
  bg: string;
2002
+ divider: string;
1983
2003
  logo: string;
1984
2004
  };
1985
2005
  headerSearch: {
@@ -2412,6 +2432,9 @@ declare const _default: {
2412
2432
  topicTag: {
2413
2433
  border: string;
2414
2434
  };
2435
+ counter: {
2436
+ border: string;
2437
+ };
2415
2438
  selectMenu: {
2416
2439
  backdropBorder: string;
2417
2440
  tapHighlight: string;
@@ -2423,6 +2446,7 @@ declare const _default: {
2423
2446
  header: {
2424
2447
  text: string;
2425
2448
  bg: string;
2449
+ divider: string;
2426
2450
  logo: string;
2427
2451
  };
2428
2452
  headerSearch: {
@@ -2855,6 +2879,9 @@ declare const _default: {
2855
2879
  topicTag: {
2856
2880
  border: string;
2857
2881
  };
2882
+ counter: {
2883
+ border: string;
2884
+ };
2858
2885
  selectMenu: {
2859
2886
  backdropBorder: string;
2860
2887
  tapHighlight: string;
@@ -2866,6 +2893,7 @@ declare const _default: {
2866
2893
  header: {
2867
2894
  text: string;
2868
2895
  bg: string;
2896
+ divider: string;
2869
2897
  logo: string;
2870
2898
  };
2871
2899
  headerSearch: {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "rgba(0,0,0,0)"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "rgba(0,0,0,0)",
203
206
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(255,255,255,0.7)",
211
214
  "bg": "#24292f",
215
+ "divider": "#57606a",
212
216
  "logo": "#ffffff"
213
217
  },
214
218
  "headerSearch": {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {
@@ -198,6 +198,9 @@ exports.default = {
198
198
  "topicTag": {
199
199
  "border": "rgba(0,0,0,0)"
200
200
  },
201
+ "counter": {
202
+ "border": "rgba(0,0,0,0)"
203
+ },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "rgba(0,0,0,0)",
203
206
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
209
212
  "header": {
210
213
  "text": "rgba(255,255,255,0.7)",
211
214
  "bg": "#24292f",
215
+ "divider": "#57606a",
212
216
  "logo": "#ffffff"
213
217
  },
214
218
  "headerSearch": {
@@ -196,6 +196,9 @@ declare const _default: {
196
196
  topicTag: {
197
197
  border: string;
198
198
  };
199
+ counter: {
200
+ border: string;
201
+ };
199
202
  selectMenu: {
200
203
  backdropBorder: string;
201
204
  tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
207
210
  header: {
208
211
  text: string;
209
212
  bg: string;
213
+ divider: string;
210
214
  logo: string;
211
215
  };
212
216
  headerSearch: {