@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.
- package/CHANGELOG.md +17 -1
- package/dist/js/colors/dark.d.ts +4 -0
- package/dist/js/colors/dark.js +4 -0
- package/dist/js/colors/dark_colorblind.d.ts +4 -0
- package/dist/js/colors/dark_colorblind.js +4 -0
- package/dist/js/colors/dark_dimmed.d.ts +4 -0
- package/dist/js/colors/dark_dimmed.js +4 -0
- package/dist/js/colors/dark_high_contrast.d.ts +4 -0
- package/dist/js/colors/dark_high_contrast.js +4 -0
- package/dist/js/colors/index.d.ts +28 -0
- package/dist/js/colors/light.d.ts +4 -0
- package/dist/js/colors/light.js +4 -0
- package/dist/js/colors/light_colorblind.d.ts +4 -0
- package/dist/js/colors/light_colorblind.js +4 -0
- package/dist/js/colors/light_high_contrast.d.ts +4 -0
- package/dist/js/colors/light_high_contrast.js +91 -87
- package/dist/js/index.d.ts +28 -0
- package/dist/json/colors/dark.json +4 -0
- package/dist/json/colors/dark_colorblind.json +4 -0
- package/dist/json/colors/dark_dimmed.json +4 -0
- package/dist/json/colors/dark_high_contrast.json +4 -0
- package/dist/json/colors/light.json +4 -0
- package/dist/json/colors/light_colorblind.json +4 -0
- package/dist/json/colors/light_high_contrast.json +91 -87
- package/dist/scss/colors/_dark.scss +2 -0
- package/dist/scss/colors/_dark_colorblind.scss +2 -0
- package/dist/scss/colors/_dark_dimmed.scss +2 -0
- package/dist/scss/colors/_dark_high_contrast.scss +2 -0
- package/dist/scss/colors/_light.scss +2 -0
- package/dist/scss/colors/_light_colorblind.scss +2 -0
- package/dist/scss/colors/_light_high_contrast.scss +89 -87
- package/dist/ts/colors/dark.ts +4 -0
- package/dist/ts/colors/dark_colorblind.ts +4 -0
- package/dist/ts/colors/dark_dimmed.ts +4 -0
- package/dist/ts/colors/dark_high_contrast.ts +4 -0
- package/dist/ts/colors/light.ts +4 -0
- package/dist/ts/colors/light_colorblind.ts +4 -0
- package/dist/ts/colors/light_high_contrast.ts +91 -87
- 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
|
-
* [#
|
|
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
|
|
package/dist/js/colors/dark.d.ts
CHANGED
|
@@ -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: {
|
package/dist/js/colors/dark.js
CHANGED
|
@@ -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: {
|
package/dist/js/colors/light.js
CHANGED
|
@@ -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: {
|