@primer/primitives 7.2.0-rc.a7c862d → 7.2.0
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 +7 -1
- package/dist/js/colors/dark.d.ts +1 -0
- package/dist/js/colors/dark.js +1 -0
- package/dist/js/colors/dark_colorblind.d.ts +1 -0
- package/dist/js/colors/dark_colorblind.js +1 -0
- package/dist/js/colors/dark_dimmed.d.ts +1 -0
- package/dist/js/colors/dark_dimmed.js +1 -0
- package/dist/js/colors/dark_high_contrast.d.ts +1 -0
- package/dist/js/colors/dark_high_contrast.js +2 -1
- package/dist/js/colors/index.d.ts +7 -0
- package/dist/js/colors/light.d.ts +1 -0
- package/dist/js/colors/light.js +1 -0
- package/dist/js/colors/light_colorblind.d.ts +1 -0
- package/dist/js/colors/light_colorblind.js +1 -0
- package/dist/js/colors/light_high_contrast.d.ts +1 -0
- package/dist/js/colors/light_high_contrast.js +2 -1
- package/dist/js/index.d.ts +7 -0
- package/dist/json/colors/dark.json +1 -0
- package/dist/json/colors/dark_colorblind.json +1 -0
- package/dist/json/colors/dark_dimmed.json +1 -0
- package/dist/json/colors/dark_high_contrast.json +2 -1
- package/dist/json/colors/light.json +1 -0
- package/dist/json/colors/light_colorblind.json +1 -0
- package/dist/json/colors/light_high_contrast.json +2 -1
- package/dist/scss/colors/_dark.scss +1 -0
- package/dist/scss/colors/_dark_colorblind.scss +1 -0
- package/dist/scss/colors/_dark_dimmed.scss +1 -0
- package/dist/scss/colors/_dark_high_contrast.scss +2 -1
- package/dist/scss/colors/_light.scss +1 -0
- package/dist/scss/colors/_light_colorblind.scss +1 -0
- package/dist/scss/colors/_light_high_contrast.scss +2 -1
- package/dist/ts/colors/dark.ts +1 -0
- package/dist/ts/colors/dark_colorblind.ts +1 -0
- package/dist/ts/colors/dark_dimmed.ts +1 -0
- package/dist/ts/colors/dark_high_contrast.ts +2 -1
- package/dist/ts/colors/light.ts +1 -0
- package/dist/ts/colors/light_colorblind.ts +1 -0
- package/dist/ts/colors/light_high_contrast.ts +2 -1
- package/package.json +2 -4
package/CHANGELOG.md
CHANGED
|
@@ -4,12 +4,18 @@
|
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
|
-
- [#
|
|
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
|
|
8
10
|
|
|
9
11
|
### Patch Changes
|
|
10
12
|
|
|
11
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
|
|
12
14
|
|
|
15
|
+
* [#281](https://github.com/primer/primitives/pull/281) [`8da4db2`](https://github.com/primer/primitives/commit/8da4db27af11bb011c2efcbe2e5eb736a09cbc55) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander-icon (follow-up)
|
|
16
|
+
|
|
17
|
+
- [#281](https://github.com/primer/primitives/pull/281) [`8da4db2`](https://github.com/primer/primitives/commit/8da4db27af11bb011c2efcbe2e5eb736a09cbc55) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander
|
|
18
|
+
|
|
13
19
|
* [#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
|
|
14
20
|
|
|
15
21
|
## 7.1.1
|
package/dist/js/colors/dark.d.ts
CHANGED
package/dist/js/colors/dark.js
CHANGED
|
@@ -25,7 +25,7 @@ exports.default = {
|
|
|
25
25
|
"numBg": "rgba(64,158,255,0.4)"
|
|
26
26
|
},
|
|
27
27
|
"expander": {
|
|
28
|
-
"icon": "#
|
|
28
|
+
"icon": "#f0f3f6"
|
|
29
29
|
},
|
|
30
30
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
31
31
|
},
|
|
@@ -212,6 +212,7 @@ exports.default = {
|
|
|
212
212
|
"header": {
|
|
213
213
|
"text": "rgba(255,255,255,0.7)",
|
|
214
214
|
"bg": "#272b33",
|
|
215
|
+
"divider": "#bdc4cc",
|
|
215
216
|
"logo": "#ffffff"
|
|
216
217
|
},
|
|
217
218
|
"headerSearch": {
|
|
@@ -211,6 +211,7 @@ declare const _default: {
|
|
|
211
211
|
header: {
|
|
212
212
|
text: string;
|
|
213
213
|
bg: string;
|
|
214
|
+
divider: string;
|
|
214
215
|
logo: string;
|
|
215
216
|
};
|
|
216
217
|
headerSearch: {
|
|
@@ -657,6 +658,7 @@ declare const _default: {
|
|
|
657
658
|
header: {
|
|
658
659
|
text: string;
|
|
659
660
|
bg: string;
|
|
661
|
+
divider: string;
|
|
660
662
|
logo: string;
|
|
661
663
|
};
|
|
662
664
|
headerSearch: {
|
|
@@ -1103,6 +1105,7 @@ declare const _default: {
|
|
|
1103
1105
|
header: {
|
|
1104
1106
|
text: string;
|
|
1105
1107
|
bg: string;
|
|
1108
|
+
divider: string;
|
|
1106
1109
|
logo: string;
|
|
1107
1110
|
};
|
|
1108
1111
|
headerSearch: {
|
|
@@ -1549,6 +1552,7 @@ declare const _default: {
|
|
|
1549
1552
|
header: {
|
|
1550
1553
|
text: string;
|
|
1551
1554
|
bg: string;
|
|
1555
|
+
divider: string;
|
|
1552
1556
|
logo: string;
|
|
1553
1557
|
};
|
|
1554
1558
|
headerSearch: {
|
|
@@ -1995,6 +1999,7 @@ declare const _default: {
|
|
|
1995
1999
|
header: {
|
|
1996
2000
|
text: string;
|
|
1997
2001
|
bg: string;
|
|
2002
|
+
divider: string;
|
|
1998
2003
|
logo: string;
|
|
1999
2004
|
};
|
|
2000
2005
|
headerSearch: {
|
|
@@ -2441,6 +2446,7 @@ declare const _default: {
|
|
|
2441
2446
|
header: {
|
|
2442
2447
|
text: string;
|
|
2443
2448
|
bg: string;
|
|
2449
|
+
divider: string;
|
|
2444
2450
|
logo: string;
|
|
2445
2451
|
};
|
|
2446
2452
|
headerSearch: {
|
|
@@ -2887,6 +2893,7 @@ declare const _default: {
|
|
|
2887
2893
|
header: {
|
|
2888
2894
|
text: string;
|
|
2889
2895
|
bg: string;
|
|
2896
|
+
divider: string;
|
|
2890
2897
|
logo: string;
|
|
2891
2898
|
};
|
|
2892
2899
|
headerSearch: {
|
package/dist/js/colors/light.js
CHANGED
|
@@ -25,7 +25,7 @@ exports.default = {
|
|
|
25
25
|
"numBg": "#9cd7ff"
|
|
26
26
|
},
|
|
27
27
|
"expander": {
|
|
28
|
-
"icon": "#
|
|
28
|
+
"icon": "#0E1116"
|
|
29
29
|
},
|
|
30
30
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
31
31
|
},
|
|
@@ -212,6 +212,7 @@ exports.default = {
|
|
|
212
212
|
"header": {
|
|
213
213
|
"text": "rgba(255,255,255,0.7)",
|
|
214
214
|
"bg": "#0E1116",
|
|
215
|
+
"divider": "#ACB6C0",
|
|
215
216
|
"logo": "#ffffff"
|
|
216
217
|
},
|
|
217
218
|
"headerSearch": {
|
package/dist/js/index.d.ts
CHANGED
|
@@ -212,6 +212,7 @@ declare const _default: {
|
|
|
212
212
|
header: {
|
|
213
213
|
text: string;
|
|
214
214
|
bg: string;
|
|
215
|
+
divider: string;
|
|
215
216
|
logo: string;
|
|
216
217
|
};
|
|
217
218
|
headerSearch: {
|
|
@@ -658,6 +659,7 @@ declare const _default: {
|
|
|
658
659
|
header: {
|
|
659
660
|
text: string;
|
|
660
661
|
bg: string;
|
|
662
|
+
divider: string;
|
|
661
663
|
logo: string;
|
|
662
664
|
};
|
|
663
665
|
headerSearch: {
|
|
@@ -1104,6 +1106,7 @@ declare const _default: {
|
|
|
1104
1106
|
header: {
|
|
1105
1107
|
text: string;
|
|
1106
1108
|
bg: string;
|
|
1109
|
+
divider: string;
|
|
1107
1110
|
logo: string;
|
|
1108
1111
|
};
|
|
1109
1112
|
headerSearch: {
|
|
@@ -1550,6 +1553,7 @@ declare const _default: {
|
|
|
1550
1553
|
header: {
|
|
1551
1554
|
text: string;
|
|
1552
1555
|
bg: string;
|
|
1556
|
+
divider: string;
|
|
1553
1557
|
logo: string;
|
|
1554
1558
|
};
|
|
1555
1559
|
headerSearch: {
|
|
@@ -1996,6 +2000,7 @@ declare const _default: {
|
|
|
1996
2000
|
header: {
|
|
1997
2001
|
text: string;
|
|
1998
2002
|
bg: string;
|
|
2003
|
+
divider: string;
|
|
1999
2004
|
logo: string;
|
|
2000
2005
|
};
|
|
2001
2006
|
headerSearch: {
|
|
@@ -2442,6 +2447,7 @@ declare const _default: {
|
|
|
2442
2447
|
header: {
|
|
2443
2448
|
text: string;
|
|
2444
2449
|
bg: string;
|
|
2450
|
+
divider: string;
|
|
2445
2451
|
logo: string;
|
|
2446
2452
|
};
|
|
2447
2453
|
headerSearch: {
|
|
@@ -2888,6 +2894,7 @@ declare const _default: {
|
|
|
2888
2894
|
header: {
|
|
2889
2895
|
text: string;
|
|
2890
2896
|
bg: string;
|
|
2897
|
+
divider: string;
|
|
2891
2898
|
logo: string;
|
|
2892
2899
|
};
|
|
2893
2900
|
headerSearch: {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"numBg": "rgba(64,158,255,0.4)"
|
|
24
24
|
},
|
|
25
25
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
26
|
+
"icon": "#f0f3f6"
|
|
27
27
|
},
|
|
28
28
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
29
29
|
},
|
|
@@ -210,6 +210,7 @@
|
|
|
210
210
|
"header": {
|
|
211
211
|
"text": "rgba(255,255,255,0.7)",
|
|
212
212
|
"bg": "#272b33",
|
|
213
|
+
"divider": "#bdc4cc",
|
|
213
214
|
"logo": "#ffffff"
|
|
214
215
|
},
|
|
215
216
|
"headerSearch": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"numBg": "#9cd7ff"
|
|
24
24
|
},
|
|
25
25
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
26
|
+
"icon": "#0E1116"
|
|
27
27
|
},
|
|
28
28
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
29
29
|
},
|
|
@@ -210,6 +210,7 @@
|
|
|
210
210
|
"header": {
|
|
211
211
|
"text": "rgba(255,255,255,0.7)",
|
|
212
212
|
"bg": "#0E1116",
|
|
213
|
+
"divider": "#ACB6C0",
|
|
213
214
|
"logo": "#ffffff"
|
|
214
215
|
},
|
|
215
216
|
"headerSearch": {
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
|
|
165
165
|
--color-header-text: rgba(240,246,252,0.7);
|
|
166
166
|
--color-header-bg: #161b22;
|
|
167
|
+
--color-header-divider: #8b949e;
|
|
167
168
|
--color-header-logo: #f0f6fc;
|
|
168
169
|
--color-header-search-bg: #0d1117;
|
|
169
170
|
--color-header-search-border: #30363d;
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
|
|
165
165
|
--color-header-text: rgba(240,246,252,0.7);
|
|
166
166
|
--color-header-bg: #161b22;
|
|
167
|
+
--color-header-divider: #8b949e;
|
|
167
168
|
--color-header-logo: #f0f6fc;
|
|
168
169
|
--color-header-search-bg: #0d1117;
|
|
169
170
|
--color-header-search-border: #30363d;
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85);
|
|
165
165
|
--color-header-text: rgba(205,217,229,0.7);
|
|
166
166
|
--color-header-bg: #2d333b;
|
|
167
|
+
--color-header-divider: #768390;
|
|
167
168
|
--color-header-logo: #cdd9e5;
|
|
168
169
|
--color-header-search-bg: #22272e;
|
|
169
170
|
--color-header-search-border: #444c56;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--color-diff-blob-deletion-line-bg: rgba(255,106,105,0.15);
|
|
15
15
|
--color-diff-blob-deletion-word-bg: #ff6a69;
|
|
16
16
|
--color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4);
|
|
17
|
-
--color-diff-blob-expander-icon: #
|
|
17
|
+
--color-diff-blob-expander-icon: #f0f3f6;
|
|
18
18
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
|
|
19
19
|
--color-diffstat-deletion-border: #ffb1af;
|
|
20
20
|
--color-diffstat-addition-border: #4ae168;
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85);
|
|
165
165
|
--color-header-text: rgba(255,255,255,0.7);
|
|
166
166
|
--color-header-bg: #272b33;
|
|
167
|
+
--color-header-divider: #bdc4cc;
|
|
167
168
|
--color-header-logo: #ffffff;
|
|
168
169
|
--color-header-search-bg: #0a0c10;
|
|
169
170
|
--color-header-search-border: #525964;
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
|
|
165
165
|
--color-header-text: rgba(255,255,255,0.7);
|
|
166
166
|
--color-header-bg: #24292f;
|
|
167
|
+
--color-header-divider: #57606a;
|
|
167
168
|
--color-header-logo: #ffffff;
|
|
168
169
|
--color-header-search-bg: #24292f;
|
|
169
170
|
--color-header-search-border: #57606a;
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
|
|
165
165
|
--color-header-text: rgba(255,255,255,0.7);
|
|
166
166
|
--color-header-bg: #24292f;
|
|
167
|
+
--color-header-divider: #57606a;
|
|
167
168
|
--color-header-logo: #ffffff;
|
|
168
169
|
--color-header-search-bg: #24292f;
|
|
169
170
|
--color-header-search-border: #57606a;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--color-diff-blob-deletion-line-bg: #fff0ee;
|
|
15
15
|
--color-diff-blob-deletion-word-bg: #a0111f;
|
|
16
16
|
--color-diff-blob-hunk-num-bg: #9cd7ff;
|
|
17
|
-
--color-diff-blob-expander-icon: #
|
|
17
|
+
--color-diff-blob-expander-icon: #0E1116;
|
|
18
18
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
|
|
19
19
|
--color-diffstat-deletion-border: rgba(1,4,9,0.8);
|
|
20
20
|
--color-diffstat-addition-border: rgba(1,4,9,0.8);
|
|
@@ -164,6 +164,7 @@
|
|
|
164
164
|
--color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
|
|
165
165
|
--color-header-text: rgba(255,255,255,0.7);
|
|
166
166
|
--color-header-bg: #0E1116;
|
|
167
|
+
--color-header-divider: #ACB6C0;
|
|
167
168
|
--color-header-logo: #ffffff;
|
|
168
169
|
--color-header-search-bg: #0E1116;
|
|
169
170
|
--color-header-search-border: #4B535D;
|
package/dist/ts/colors/dark.ts
CHANGED
|
@@ -23,7 +23,7 @@ export default {
|
|
|
23
23
|
"numBg": "rgba(64,158,255,0.4)"
|
|
24
24
|
},
|
|
25
25
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
26
|
+
"icon": "#f0f3f6"
|
|
27
27
|
},
|
|
28
28
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
29
29
|
},
|
|
@@ -210,6 +210,7 @@ export default {
|
|
|
210
210
|
"header": {
|
|
211
211
|
"text": "rgba(255,255,255,0.7)",
|
|
212
212
|
"bg": "#272b33",
|
|
213
|
+
"divider": "#bdc4cc",
|
|
213
214
|
"logo": "#ffffff"
|
|
214
215
|
},
|
|
215
216
|
"headerSearch": {
|
package/dist/ts/colors/light.ts
CHANGED
|
@@ -23,7 +23,7 @@ export default {
|
|
|
23
23
|
"numBg": "#9cd7ff"
|
|
24
24
|
},
|
|
25
25
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
26
|
+
"icon": "#0E1116"
|
|
27
27
|
},
|
|
28
28
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
29
29
|
},
|
|
@@ -210,6 +210,7 @@ export default {
|
|
|
210
210
|
"header": {
|
|
211
211
|
"text": "rgba(255,255,255,0.7)",
|
|
212
212
|
"bg": "#0E1116",
|
|
213
|
+
"divider": "#ACB6C0",
|
|
213
214
|
"logo": "#ffffff"
|
|
214
215
|
},
|
|
215
216
|
"headerSearch": {
|
package/package.json
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "7.2.0
|
|
3
|
+
"version": "7.2.0",
|
|
4
4
|
"description": "Typography, spacing, and color primitives for Primer design system",
|
|
5
|
-
"files": [
|
|
6
|
-
"dist"
|
|
7
|
-
],
|
|
5
|
+
"files": ["dist"],
|
|
8
6
|
"main": "dist/js/index.js",
|
|
9
7
|
"types": "dist/js/index.d.ts",
|
|
10
8
|
"repository": "https://github.com/primer/primitives",
|