@primer/primitives 7.2.0-rc.9f50886 → 7.3.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 +10 -0
- 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
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @primer/primitives
|
|
2
2
|
|
|
3
|
+
## 7.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#284](https://github.com/primer/primitives/pull/284) [`fc76170`](https://github.com/primer/primitives/commit/fc76170cc8e6ee59011d70857698867093f94d81) Thanks [@simurai](https://github.com/simurai)! - Add `pageHeaderBg` primitive
|
|
8
|
+
|
|
3
9
|
## 7.2.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -12,6 +18,10 @@
|
|
|
12
18
|
|
|
13
19
|
- [#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
20
|
|
|
21
|
+
* [#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)
|
|
22
|
+
|
|
23
|
+
- [#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
|
|
24
|
+
|
|
15
25
|
* [#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
26
|
|
|
17
27
|
## 7.1.1
|
package/dist/js/colors/dark.d.ts
CHANGED
package/dist/js/colors/dark.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.default = {
|
|
4
4
|
"canvasDefaultTransparent": "rgba(10,12,16,0)",
|
|
5
|
+
"pageHeaderBg": "#0a0c10",
|
|
5
6
|
"marketingIcon": {
|
|
6
7
|
"primary": "#91cbff",
|
|
7
8
|
"secondary": "#409eff"
|
|
@@ -25,7 +26,7 @@ exports.default = {
|
|
|
25
26
|
"numBg": "rgba(64,158,255,0.4)"
|
|
26
27
|
},
|
|
27
28
|
"expander": {
|
|
28
|
-
"icon": "#
|
|
29
|
+
"icon": "#f0f3f6"
|
|
29
30
|
},
|
|
30
31
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
31
32
|
},
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
light: {
|
|
3
3
|
canvasDefaultTransparent: string;
|
|
4
|
+
pageHeaderBg: string;
|
|
4
5
|
marketingIcon: {
|
|
5
6
|
primary: string;
|
|
6
7
|
secondary: string;
|
|
@@ -448,6 +449,7 @@ declare const _default: {
|
|
|
448
449
|
};
|
|
449
450
|
light_high_contrast: {
|
|
450
451
|
canvasDefaultTransparent: string;
|
|
452
|
+
pageHeaderBg: string;
|
|
451
453
|
marketingIcon: {
|
|
452
454
|
primary: string;
|
|
453
455
|
secondary: string;
|
|
@@ -895,6 +897,7 @@ declare const _default: {
|
|
|
895
897
|
};
|
|
896
898
|
light_colorblind: {
|
|
897
899
|
canvasDefaultTransparent: string;
|
|
900
|
+
pageHeaderBg: string;
|
|
898
901
|
marketingIcon: {
|
|
899
902
|
primary: string;
|
|
900
903
|
secondary: string;
|
|
@@ -1342,6 +1345,7 @@ declare const _default: {
|
|
|
1342
1345
|
};
|
|
1343
1346
|
dark: {
|
|
1344
1347
|
canvasDefaultTransparent: string;
|
|
1348
|
+
pageHeaderBg: string;
|
|
1345
1349
|
marketingIcon: {
|
|
1346
1350
|
primary: string;
|
|
1347
1351
|
secondary: string;
|
|
@@ -1789,6 +1793,7 @@ declare const _default: {
|
|
|
1789
1793
|
};
|
|
1790
1794
|
dark_dimmed: {
|
|
1791
1795
|
canvasDefaultTransparent: string;
|
|
1796
|
+
pageHeaderBg: string;
|
|
1792
1797
|
marketingIcon: {
|
|
1793
1798
|
primary: string;
|
|
1794
1799
|
secondary: string;
|
|
@@ -2236,6 +2241,7 @@ declare const _default: {
|
|
|
2236
2241
|
};
|
|
2237
2242
|
dark_high_contrast: {
|
|
2238
2243
|
canvasDefaultTransparent: string;
|
|
2244
|
+
pageHeaderBg: string;
|
|
2239
2245
|
marketingIcon: {
|
|
2240
2246
|
primary: string;
|
|
2241
2247
|
secondary: string;
|
|
@@ -2683,6 +2689,7 @@ declare const _default: {
|
|
|
2683
2689
|
};
|
|
2684
2690
|
dark_colorblind: {
|
|
2685
2691
|
canvasDefaultTransparent: string;
|
|
2692
|
+
pageHeaderBg: string;
|
|
2686
2693
|
marketingIcon: {
|
|
2687
2694
|
primary: string;
|
|
2688
2695
|
secondary: string;
|
package/dist/js/colors/light.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.default = {
|
|
4
4
|
"canvasDefaultTransparent": "rgba(255,255,255,0)",
|
|
5
|
+
"pageHeaderBg": "#ffffff",
|
|
5
6
|
"marketingIcon": {
|
|
6
7
|
"primary": "#1168e3",
|
|
7
8
|
"secondary": "#368cf9"
|
|
@@ -25,7 +26,7 @@ exports.default = {
|
|
|
25
26
|
"numBg": "#9cd7ff"
|
|
26
27
|
},
|
|
27
28
|
"expander": {
|
|
28
|
-
"icon": "#
|
|
29
|
+
"icon": "#0E1116"
|
|
29
30
|
},
|
|
30
31
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
31
32
|
},
|
package/dist/js/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ declare const _default: {
|
|
|
2
2
|
colors: {
|
|
3
3
|
light: {
|
|
4
4
|
canvasDefaultTransparent: string;
|
|
5
|
+
pageHeaderBg: string;
|
|
5
6
|
marketingIcon: {
|
|
6
7
|
primary: string;
|
|
7
8
|
secondary: string;
|
|
@@ -449,6 +450,7 @@ declare const _default: {
|
|
|
449
450
|
};
|
|
450
451
|
light_high_contrast: {
|
|
451
452
|
canvasDefaultTransparent: string;
|
|
453
|
+
pageHeaderBg: string;
|
|
452
454
|
marketingIcon: {
|
|
453
455
|
primary: string;
|
|
454
456
|
secondary: string;
|
|
@@ -896,6 +898,7 @@ declare const _default: {
|
|
|
896
898
|
};
|
|
897
899
|
light_colorblind: {
|
|
898
900
|
canvasDefaultTransparent: string;
|
|
901
|
+
pageHeaderBg: string;
|
|
899
902
|
marketingIcon: {
|
|
900
903
|
primary: string;
|
|
901
904
|
secondary: string;
|
|
@@ -1343,6 +1346,7 @@ declare const _default: {
|
|
|
1343
1346
|
};
|
|
1344
1347
|
dark: {
|
|
1345
1348
|
canvasDefaultTransparent: string;
|
|
1349
|
+
pageHeaderBg: string;
|
|
1346
1350
|
marketingIcon: {
|
|
1347
1351
|
primary: string;
|
|
1348
1352
|
secondary: string;
|
|
@@ -1790,6 +1794,7 @@ declare const _default: {
|
|
|
1790
1794
|
};
|
|
1791
1795
|
dark_dimmed: {
|
|
1792
1796
|
canvasDefaultTransparent: string;
|
|
1797
|
+
pageHeaderBg: string;
|
|
1793
1798
|
marketingIcon: {
|
|
1794
1799
|
primary: string;
|
|
1795
1800
|
secondary: string;
|
|
@@ -2237,6 +2242,7 @@ declare const _default: {
|
|
|
2237
2242
|
};
|
|
2238
2243
|
dark_high_contrast: {
|
|
2239
2244
|
canvasDefaultTransparent: string;
|
|
2245
|
+
pageHeaderBg: string;
|
|
2240
2246
|
marketingIcon: {
|
|
2241
2247
|
primary: string;
|
|
2242
2248
|
secondary: string;
|
|
@@ -2684,6 +2690,7 @@ declare const _default: {
|
|
|
2684
2690
|
};
|
|
2685
2691
|
dark_colorblind: {
|
|
2686
2692
|
canvasDefaultTransparent: string;
|
|
2693
|
+
pageHeaderBg: string;
|
|
2687
2694
|
marketingIcon: {
|
|
2688
2695
|
primary: string;
|
|
2689
2696
|
secondary: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
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 @@
|
|
|
23
24
|
"numBg": "rgba(64,158,255,0.4)"
|
|
24
25
|
},
|
|
25
26
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
27
|
+
"icon": "#f0f3f6"
|
|
27
28
|
},
|
|
28
29
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
29
30
|
},
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
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 @@
|
|
|
23
24
|
"numBg": "#9cd7ff"
|
|
24
25
|
},
|
|
25
26
|
"expander": {
|
|
26
|
-
"icon": "#
|
|
27
|
+
"icon": "#0E1116"
|
|
27
28
|
},
|
|
28
29
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
29
30
|
},
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@mixin primer-colors-dark_colorblind {
|
|
2
2
|
& {
|
|
3
3
|
--color-canvas-default-transparent: rgba(13,17,23,0);
|
|
4
|
+
--color-page-header-bg: #0d1117;
|
|
4
5
|
--color-marketing-icon-primary: #79c0ff;
|
|
5
6
|
--color-marketing-icon-secondary: #1f6feb;
|
|
6
7
|
--color-diff-blob-addition-num-text: #c9d1d9;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@mixin primer-colors-dark_high_contrast {
|
|
2
2
|
& {
|
|
3
3
|
--color-canvas-default-transparent: rgba(10,12,16,0);
|
|
4
|
+
--color-page-header-bg: #0a0c10;
|
|
4
5
|
--color-marketing-icon-primary: #91cbff;
|
|
5
6
|
--color-marketing-icon-secondary: #409eff;
|
|
6
7
|
--color-diff-blob-addition-num-text: #f0f3f6;
|
|
@@ -14,7 +15,7 @@
|
|
|
14
15
|
--color-diff-blob-deletion-line-bg: rgba(255,106,105,0.15);
|
|
15
16
|
--color-diff-blob-deletion-word-bg: #ff6a69;
|
|
16
17
|
--color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4);
|
|
17
|
-
--color-diff-blob-expander-icon: #
|
|
18
|
+
--color-diff-blob-expander-icon: #f0f3f6;
|
|
18
19
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
|
|
19
20
|
--color-diffstat-deletion-border: #ffb1af;
|
|
20
21
|
--color-diffstat-addition-border: #4ae168;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@mixin primer-colors-light_colorblind {
|
|
2
2
|
& {
|
|
3
3
|
--color-canvas-default-transparent: rgba(255,255,255,0);
|
|
4
|
+
--color-page-header-bg: #f6f8fa;
|
|
4
5
|
--color-marketing-icon-primary: #218bff;
|
|
5
6
|
--color-marketing-icon-secondary: #54aeff;
|
|
6
7
|
--color-diff-blob-addition-num-text: #24292f;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@mixin primer-colors-light_high_contrast {
|
|
2
2
|
& {
|
|
3
3
|
--color-canvas-default-transparent: rgba(255,255,255,0);
|
|
4
|
+
--color-page-header-bg: #ffffff;
|
|
4
5
|
--color-marketing-icon-primary: #1168e3;
|
|
5
6
|
--color-marketing-icon-secondary: #368cf9;
|
|
6
7
|
--color-diff-blob-addition-num-text: #0E1116;
|
|
@@ -14,7 +15,7 @@
|
|
|
14
15
|
--color-diff-blob-deletion-line-bg: #fff0ee;
|
|
15
16
|
--color-diff-blob-deletion-word-bg: #a0111f;
|
|
16
17
|
--color-diff-blob-hunk-num-bg: #9cd7ff;
|
|
17
|
-
--color-diff-blob-expander-icon: #
|
|
18
|
+
--color-diff-blob-expander-icon: #0E1116;
|
|
18
19
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
|
|
19
20
|
--color-diffstat-deletion-border: rgba(1,4,9,0.8);
|
|
20
21
|
--color-diffstat-addition-border: rgba(1,4,9,0.8);
|
package/dist/ts/colors/dark.ts
CHANGED
|
@@ -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": "#
|
|
27
|
+
"icon": "#f0f3f6"
|
|
27
28
|
},
|
|
28
29
|
"selectedLineHighlightMixBlendMode": "screen"
|
|
29
30
|
},
|
package/dist/ts/colors/light.ts
CHANGED
|
@@ -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": "#
|
|
27
|
+
"icon": "#0E1116"
|
|
27
28
|
},
|
|
28
29
|
"selectedLineHighlightMixBlendMode": "multiply"
|
|
29
30
|
},
|
package/package.json
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.3.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",
|