@primer/primitives 5.0.0 → 5.1.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 +6 -0
- package/README.md +2 -0
- package/dist/js/colors/dark.d.ts +3 -0
- package/dist/js/colors/dark.js +3 -0
- package/dist/js/colors/dark_dimmed.d.ts +3 -0
- package/dist/js/colors/dark_dimmed.js +3 -0
- package/dist/js/colors/dark_high_contrast.d.ts +3 -0
- package/dist/js/colors/dark_high_contrast.js +3 -0
- package/dist/js/colors/dark_protanopia.d.ts +3 -0
- package/dist/js/colors/dark_protanopia.js +3 -0
- package/dist/js/colors/index.d.ts +18 -0
- package/dist/js/colors/light.d.ts +3 -0
- package/dist/js/colors/light.js +3 -0
- package/dist/js/colors/light_protanopia.d.ts +3 -0
- package/dist/js/colors/light_protanopia.js +3 -0
- package/dist/js/index.d.ts +18 -0
- package/dist/json/colors/dark.json +3 -0
- package/dist/json/colors/dark_dimmed.json +3 -0
- package/dist/json/colors/dark_high_contrast.json +3 -0
- package/dist/json/colors/dark_protanopia.json +3 -0
- package/dist/json/colors/light.json +3 -0
- package/dist/json/colors/light_protanopia.json +3 -0
- package/dist/scss/colors/_dark.scss +1 -0
- package/dist/scss/colors/_dark_dimmed.scss +1 -0
- package/dist/scss/colors/_dark_high_contrast.scss +1 -0
- package/dist/scss/colors/_dark_protanopia.scss +1 -0
- package/dist/scss/colors/_light.scss +1 -0
- package/dist/scss/colors/_light_protanopia.scss +1 -0
- package/dist/ts/colors/dark.ts +3 -0
- package/dist/ts/colors/dark_dimmed.ts +3 -0
- package/dist/ts/colors/dark_high_contrast.ts +3 -0
- package/dist/ts/colors/dark_protanopia.ts +3 -0
- package/dist/ts/colors/light.ts +3 -0
- package/dist/ts/colors/light_protanopia.ts +3 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @primer/primitives
|
|
2
2
|
|
|
3
|
+
## 5.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#252](https://github.com/primer/primitives/pull/252) [`48149b1`](https://github.com/primer/primitives/commit/48149b116a4708ad87712e6b13cfa1489f66cc0c) Thanks [@simurai](https://github.com/simurai)! - Add `primer.fg.disabled`
|
|
8
|
+
|
|
3
9
|
## 5.0.0
|
|
4
10
|
|
|
5
11
|
### Major Changes
|
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# Primer Primitives
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@primer/primitives)
|
|
4
|
+
|
|
3
5
|
This repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.
|
|
4
6
|
|
|
5
7
|
|
package/dist/js/colors/dark.d.ts
CHANGED
package/dist/js/colors/dark.js
CHANGED
|
@@ -452,6 +452,9 @@ declare const _default: {
|
|
|
452
452
|
subtle: string;
|
|
453
453
|
};
|
|
454
454
|
primer: {
|
|
455
|
+
fg: {
|
|
456
|
+
disabled: string;
|
|
457
|
+
};
|
|
455
458
|
canvas: {
|
|
456
459
|
backdrop: string;
|
|
457
460
|
sticky: string;
|
|
@@ -933,6 +936,9 @@ declare const _default: {
|
|
|
933
936
|
subtle: string;
|
|
934
937
|
};
|
|
935
938
|
primer: {
|
|
939
|
+
fg: {
|
|
940
|
+
disabled: string;
|
|
941
|
+
};
|
|
936
942
|
canvas: {
|
|
937
943
|
backdrop: string;
|
|
938
944
|
sticky: string;
|
|
@@ -1414,6 +1420,9 @@ declare const _default: {
|
|
|
1414
1420
|
subtle: string;
|
|
1415
1421
|
};
|
|
1416
1422
|
primer: {
|
|
1423
|
+
fg: {
|
|
1424
|
+
disabled: string;
|
|
1425
|
+
};
|
|
1417
1426
|
canvas: {
|
|
1418
1427
|
backdrop: string;
|
|
1419
1428
|
sticky: string;
|
|
@@ -1895,6 +1904,9 @@ declare const _default: {
|
|
|
1895
1904
|
subtle: string;
|
|
1896
1905
|
};
|
|
1897
1906
|
primer: {
|
|
1907
|
+
fg: {
|
|
1908
|
+
disabled: string;
|
|
1909
|
+
};
|
|
1898
1910
|
canvas: {
|
|
1899
1911
|
backdrop: string;
|
|
1900
1912
|
sticky: string;
|
|
@@ -2376,6 +2388,9 @@ declare const _default: {
|
|
|
2376
2388
|
subtle: string;
|
|
2377
2389
|
};
|
|
2378
2390
|
primer: {
|
|
2391
|
+
fg: {
|
|
2392
|
+
disabled: string;
|
|
2393
|
+
};
|
|
2379
2394
|
canvas: {
|
|
2380
2395
|
backdrop: string;
|
|
2381
2396
|
sticky: string;
|
|
@@ -2857,6 +2872,9 @@ declare const _default: {
|
|
|
2857
2872
|
subtle: string;
|
|
2858
2873
|
};
|
|
2859
2874
|
primer: {
|
|
2875
|
+
fg: {
|
|
2876
|
+
disabled: string;
|
|
2877
|
+
};
|
|
2860
2878
|
canvas: {
|
|
2861
2879
|
backdrop: string;
|
|
2862
2880
|
sticky: string;
|
package/dist/js/colors/light.js
CHANGED
package/dist/js/index.d.ts
CHANGED
|
@@ -453,6 +453,9 @@ declare const _default: {
|
|
|
453
453
|
subtle: string;
|
|
454
454
|
};
|
|
455
455
|
primer: {
|
|
456
|
+
fg: {
|
|
457
|
+
disabled: string;
|
|
458
|
+
};
|
|
456
459
|
canvas: {
|
|
457
460
|
backdrop: string;
|
|
458
461
|
sticky: string;
|
|
@@ -934,6 +937,9 @@ declare const _default: {
|
|
|
934
937
|
subtle: string;
|
|
935
938
|
};
|
|
936
939
|
primer: {
|
|
940
|
+
fg: {
|
|
941
|
+
disabled: string;
|
|
942
|
+
};
|
|
937
943
|
canvas: {
|
|
938
944
|
backdrop: string;
|
|
939
945
|
sticky: string;
|
|
@@ -1415,6 +1421,9 @@ declare const _default: {
|
|
|
1415
1421
|
subtle: string;
|
|
1416
1422
|
};
|
|
1417
1423
|
primer: {
|
|
1424
|
+
fg: {
|
|
1425
|
+
disabled: string;
|
|
1426
|
+
};
|
|
1418
1427
|
canvas: {
|
|
1419
1428
|
backdrop: string;
|
|
1420
1429
|
sticky: string;
|
|
@@ -1896,6 +1905,9 @@ declare const _default: {
|
|
|
1896
1905
|
subtle: string;
|
|
1897
1906
|
};
|
|
1898
1907
|
primer: {
|
|
1908
|
+
fg: {
|
|
1909
|
+
disabled: string;
|
|
1910
|
+
};
|
|
1899
1911
|
canvas: {
|
|
1900
1912
|
backdrop: string;
|
|
1901
1913
|
sticky: string;
|
|
@@ -2377,6 +2389,9 @@ declare const _default: {
|
|
|
2377
2389
|
subtle: string;
|
|
2378
2390
|
};
|
|
2379
2391
|
primer: {
|
|
2392
|
+
fg: {
|
|
2393
|
+
disabled: string;
|
|
2394
|
+
};
|
|
2380
2395
|
canvas: {
|
|
2381
2396
|
backdrop: string;
|
|
2382
2397
|
sticky: string;
|
|
@@ -2858,6 +2873,9 @@ declare const _default: {
|
|
|
2858
2873
|
subtle: string;
|
|
2859
2874
|
};
|
|
2860
2875
|
primer: {
|
|
2876
|
+
fg: {
|
|
2877
|
+
disabled: string;
|
|
2878
|
+
};
|
|
2861
2879
|
canvas: {
|
|
2862
2880
|
backdrop: string;
|
|
2863
2881
|
sticky: string;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #bf4b8a;
|
|
332
332
|
--color-sponsors-muted: rgba(219,97,162,0.4);
|
|
333
333
|
--color-sponsors-subtle: rgba(219,97,162,0.15);
|
|
334
|
+
--color-primer-fg-disabled: #484f58;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(1,4,9,0.8);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(13,17,23,0.95);
|
|
336
337
|
--color-primer-border-active: #F78166;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #ae4c82;
|
|
332
332
|
--color-sponsors-muted: rgba(201,97,152,0.4);
|
|
333
333
|
--color-sponsors-subtle: rgba(201,97,152,0.15);
|
|
334
|
+
--color-primer-fg-disabled: #545d68;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(28,33,40,0.8);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(34,39,46,0.95);
|
|
336
337
|
--color-primer-border-active: #EC775C;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #ef6eb1;
|
|
332
332
|
--color-sponsors-muted: #ef6eb1;
|
|
333
333
|
--color-sponsors-subtle: rgba(239,110,177,0.15);
|
|
334
|
+
--color-primer-fg-disabled: #7a828e;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(1,4,9,0.8);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(10,12,16,0.95);
|
|
336
337
|
--color-primer-border-active: #FF967D;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #bf4b8a;
|
|
332
332
|
--color-sponsors-muted: rgba(219,97,162,0.4);
|
|
333
333
|
--color-sponsors-subtle: rgba(219,97,162,0.15);
|
|
334
|
+
--color-primer-fg-disabled: #484f58;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(1,4,9,0.8);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(13,17,23,0.95);
|
|
336
337
|
--color-primer-border-active: #F78166;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #bf3989;
|
|
332
332
|
--color-sponsors-muted: rgba(255,128,200,0.4);
|
|
333
333
|
--color-sponsors-subtle: #ffeff7;
|
|
334
|
+
--color-primer-fg-disabled: #8c959f;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(27,31,36,0.5);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(255,255,255,0.95);
|
|
336
337
|
--color-primer-border-active: #FD8C73;
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
--color-sponsors-emphasis: #bf3989;
|
|
332
332
|
--color-sponsors-muted: rgba(255,128,200,0.4);
|
|
333
333
|
--color-sponsors-subtle: #ffeff7;
|
|
334
|
+
--color-primer-fg-disabled: #8c959f;
|
|
334
335
|
--color-primer-canvas-backdrop: rgba(27,31,36,0.5);
|
|
335
336
|
--color-primer-canvas-sticky: rgba(255,255,255,0.95);
|
|
336
337
|
--color-primer-border-active: #FD8C73;
|
package/dist/ts/colors/dark.ts
CHANGED
package/dist/ts/colors/light.ts
CHANGED