@primer/primitives 7.1.2-rc.bfbd62f → 7.2.0-rc.8d4adcc

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 +5 -1
  2. package/dist/js/colors/dark.d.ts +3 -0
  3. package/dist/js/colors/dark.js +3 -0
  4. package/dist/js/colors/dark_colorblind.d.ts +3 -0
  5. package/dist/js/colors/dark_colorblind.js +3 -0
  6. package/dist/js/colors/dark_dimmed.d.ts +3 -0
  7. package/dist/js/colors/dark_dimmed.js +3 -0
  8. package/dist/js/colors/dark_high_contrast.d.ts +3 -0
  9. package/dist/js/colors/dark_high_contrast.js +3 -0
  10. package/dist/js/colors/index.d.ts +21 -0
  11. package/dist/js/colors/light.d.ts +3 -0
  12. package/dist/js/colors/light.js +3 -0
  13. package/dist/js/colors/light_colorblind.d.ts +3 -0
  14. package/dist/js/colors/light_colorblind.js +3 -0
  15. package/dist/js/colors/light_high_contrast.d.ts +3 -0
  16. package/dist/js/colors/light_high_contrast.js +4 -1
  17. package/dist/js/index.d.ts +21 -0
  18. package/dist/json/colors/dark.json +3 -0
  19. package/dist/json/colors/dark_colorblind.json +3 -0
  20. package/dist/json/colors/dark_dimmed.json +3 -0
  21. package/dist/json/colors/dark_high_contrast.json +3 -0
  22. package/dist/json/colors/light.json +3 -0
  23. package/dist/json/colors/light_colorblind.json +3 -0
  24. package/dist/json/colors/light_high_contrast.json +4 -1
  25. package/dist/scss/colors/_dark.scss +1 -0
  26. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  27. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  28. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  29. package/dist/scss/colors/_light.scss +1 -0
  30. package/dist/scss/colors/_light_colorblind.scss +1 -0
  31. package/dist/scss/colors/_light_high_contrast.scss +2 -1
  32. package/dist/ts/colors/dark.ts +3 -0
  33. package/dist/ts/colors/dark_colorblind.ts +3 -0
  34. package/dist/ts/colors/dark_dimmed.ts +3 -0
  35. package/dist/ts/colors/dark_high_contrast.ts +3 -0
  36. package/dist/ts/colors/light.ts +3 -0
  37. package/dist/ts/colors/light_colorblind.ts +3 -0
  38. package/dist/ts/colors/light_high_contrast.ts +4 -1
  39. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,6 +1,10 @@
1
1
  # @primer/primitives
2
2
 
3
- ## 7.1.2
3
+ ## 7.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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
4
8
 
5
9
  ### Patch Changes
6
10
 
@@ -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;
@@ -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)",
@@ -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;
@@ -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)",
@@ -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;
@@ -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)",
@@ -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;
@@ -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)",
@@ -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;
@@ -640,6 +643,9 @@ declare const _default: {
640
643
  topicTag: {
641
644
  border: string;
642
645
  };
646
+ counter: {
647
+ border: string;
648
+ };
643
649
  selectMenu: {
644
650
  backdropBorder: string;
645
651
  tapHighlight: string;
@@ -1083,6 +1089,9 @@ declare const _default: {
1083
1089
  topicTag: {
1084
1090
  border: string;
1085
1091
  };
1092
+ counter: {
1093
+ border: string;
1094
+ };
1086
1095
  selectMenu: {
1087
1096
  backdropBorder: string;
1088
1097
  tapHighlight: string;
@@ -1526,6 +1535,9 @@ declare const _default: {
1526
1535
  topicTag: {
1527
1536
  border: string;
1528
1537
  };
1538
+ counter: {
1539
+ border: string;
1540
+ };
1529
1541
  selectMenu: {
1530
1542
  backdropBorder: string;
1531
1543
  tapHighlight: string;
@@ -1969,6 +1981,9 @@ declare const _default: {
1969
1981
  topicTag: {
1970
1982
  border: string;
1971
1983
  };
1984
+ counter: {
1985
+ border: string;
1986
+ };
1972
1987
  selectMenu: {
1973
1988
  backdropBorder: string;
1974
1989
  tapHighlight: string;
@@ -2412,6 +2427,9 @@ declare const _default: {
2412
2427
  topicTag: {
2413
2428
  border: string;
2414
2429
  };
2430
+ counter: {
2431
+ border: string;
2432
+ };
2415
2433
  selectMenu: {
2416
2434
  backdropBorder: string;
2417
2435
  tapHighlight: string;
@@ -2855,6 +2873,9 @@ declare const _default: {
2855
2873
  topicTag: {
2856
2874
  border: string;
2857
2875
  };
2876
+ counter: {
2877
+ border: string;
2878
+ };
2858
2879
  selectMenu: {
2859
2880
  backdropBorder: string;
2860
2881
  tapHighlight: string;
@@ -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;
@@ -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)",
@@ -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;
@@ -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)",
@@ -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;
@@ -196,7 +196,10 @@ exports.default = {
196
196
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
197
197
  },
198
198
  "topicTag": {
199
- "border": "rgba(0,0,0,0)"
199
+ "border": "#0349b4"
200
+ },
201
+ "counter": {
202
+ "border": "#20252C"
200
203
  },
201
204
  "selectMenu": {
202
205
  "backdropBorder": "rgba(0,0,0,0)",
@@ -198,6 +198,9 @@ declare const _default: {
198
198
  topicTag: {
199
199
  border: string;
200
200
  };
201
+ counter: {
202
+ border: string;
203
+ };
201
204
  selectMenu: {
202
205
  backdropBorder: string;
203
206
  tapHighlight: string;
@@ -641,6 +644,9 @@ declare const _default: {
641
644
  topicTag: {
642
645
  border: string;
643
646
  };
647
+ counter: {
648
+ border: string;
649
+ };
644
650
  selectMenu: {
645
651
  backdropBorder: string;
646
652
  tapHighlight: string;
@@ -1084,6 +1090,9 @@ declare const _default: {
1084
1090
  topicTag: {
1085
1091
  border: string;
1086
1092
  };
1093
+ counter: {
1094
+ border: string;
1095
+ };
1087
1096
  selectMenu: {
1088
1097
  backdropBorder: string;
1089
1098
  tapHighlight: string;
@@ -1527,6 +1536,9 @@ declare const _default: {
1527
1536
  topicTag: {
1528
1537
  border: string;
1529
1538
  };
1539
+ counter: {
1540
+ border: string;
1541
+ };
1530
1542
  selectMenu: {
1531
1543
  backdropBorder: string;
1532
1544
  tapHighlight: string;
@@ -1970,6 +1982,9 @@ declare const _default: {
1970
1982
  topicTag: {
1971
1983
  border: string;
1972
1984
  };
1985
+ counter: {
1986
+ border: string;
1987
+ };
1973
1988
  selectMenu: {
1974
1989
  backdropBorder: string;
1975
1990
  tapHighlight: string;
@@ -2413,6 +2428,9 @@ declare const _default: {
2413
2428
  topicTag: {
2414
2429
  border: string;
2415
2430
  };
2431
+ counter: {
2432
+ border: string;
2433
+ };
2416
2434
  selectMenu: {
2417
2435
  backdropBorder: string;
2418
2436
  tapHighlight: string;
@@ -2856,6 +2874,9 @@ declare const _default: {
2856
2874
  topicTag: {
2857
2875
  border: string;
2858
2876
  };
2877
+ counter: {
2878
+ border: string;
2879
+ };
2859
2880
  selectMenu: {
2860
2881
  backdropBorder: string;
2861
2882
  tapHighlight: string;
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#545d68",
201
204
  "tapHighlight": "rgba(68,76,86,0.5)",
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "#409eff"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#7a828e",
201
204
  "tapHighlight": "rgba(82,89,100,0.5)",
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -196,6 +196,9 @@
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -194,7 +194,10 @@
194
194
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
195
195
  },
196
196
  "topicTag": {
197
- "border": "rgba(0,0,0,0)"
197
+ "border": "#0349b4"
198
+ },
199
+ "counter": {
200
+ "border": "#20252C"
198
201
  },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #21262d;
158
158
  --color-avatar-child-shadow: -2px -2px 0 #0d1117;
159
159
  --color-topic-tag-border: rgba(0,0,0,0);
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: #484f58;
161
162
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
162
163
  --color-select-menu-tap-focus-bg: #0c2d6b;
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #21262d;
158
158
  --color-avatar-child-shadow: -2px -2px 0 #0d1117;
159
159
  --color-topic-tag-border: rgba(0,0,0,0);
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: #484f58;
161
162
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
162
163
  --color-select-menu-tap-focus-bg: #0c2d6b;
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #373e47;
158
158
  --color-avatar-child-shadow: -2px -2px 0 #22272e;
159
159
  --color-topic-tag-border: rgba(0,0,0,0);
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: #545d68;
161
162
  --color-select-menu-tap-highlight: rgba(68,76,86,0.5);
162
163
  --color-select-menu-tap-focus-bg: #143d79;
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #272b33;
158
158
  --color-avatar-child-shadow: -2px -2px 0 #0a0c10;
159
159
  --color-topic-tag-border: #409eff;
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: #7a828e;
161
162
  --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
162
163
  --color-select-menu-tap-focus-bg: #1e60d5;
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #d0d7de;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
159
159
  --color-topic-tag-border: rgba(0,0,0,0);
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
161
162
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
162
163
  --color-select-menu-tap-focus-bg: #b6e3ff;
@@ -157,6 +157,7 @@
157
157
  --color-avatar-stack-fade-more: #d0d7de;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
159
159
  --color-topic-tag-border: rgba(0,0,0,0);
160
+ --color-counter-border: rgba(0,0,0,0);
160
161
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
161
162
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
162
163
  --color-select-menu-tap-focus-bg: #b6e3ff;
@@ -156,7 +156,8 @@
156
156
  --color-avatar-stack-fade: #ACB6C0;
157
157
  --color-avatar-stack-fade-more: #CED5DC;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
159
- --color-topic-tag-border: rgba(0,0,0,0);
159
+ --color-topic-tag-border: #0349b4;
160
+ --color-counter-border: #20252C;
160
161
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
161
162
  --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
162
163
  --color-select-menu-tap-focus-bg: #9cd7ff;
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#545d68",
201
204
  "tapHighlight": "rgba(68,76,86,0.5)",
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "#409eff"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#7a828e",
201
204
  "tapHighlight": "rgba(82,89,100,0.5)",
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",
@@ -194,7 +194,10 @@ export default {
194
194
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
195
195
  },
196
196
  "topicTag": {
197
- "border": "rgba(0,0,0,0)"
197
+ "border": "#0349b4"
198
+ },
199
+ "counter": {
200
+ "border": "#20252C"
198
201
  },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.1.2-rc.bfbd62f",
3
+ "version": "7.2.0-rc.8d4adcc",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist"