@primer/css 20.2.3-rc.cec85934 → 20.2.4-rc.23f37790

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 (31) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/actionlist/action-list-item.scss +6 -6
  3. package/base/base.scss +0 -2
  4. package/dist/actionlist.css +1 -1
  5. package/dist/actionlist.css.map +1 -1
  6. package/dist/base.css +1 -1
  7. package/dist/base.css.map +1 -1
  8. package/dist/core.css +1 -1
  9. package/dist/core.css.map +1 -1
  10. package/dist/forms.css +1 -1
  11. package/dist/forms.css.map +1 -1
  12. package/dist/meta.json +66 -66
  13. package/dist/navigation.css +1 -1
  14. package/dist/navigation.css.map +1 -1
  15. package/dist/overlay.css +1 -1
  16. package/dist/overlay.css.map +1 -1
  17. package/dist/primer.css +1 -1
  18. package/dist/primer.css.map +1 -1
  19. package/dist/primitives.css +1 -1
  20. package/dist/primitives.css.map +1 -1
  21. package/dist/stats/actionlist.json +1 -1
  22. package/dist/stats/base.json +1 -1
  23. package/dist/stats/core.json +1 -1
  24. package/dist/stats/forms.json +1 -1
  25. package/dist/stats/navigation.json +1 -1
  26. package/dist/stats/overlay.json +1 -1
  27. package/dist/stats/primer.json +1 -1
  28. package/forms/FormControl.scss +493 -199
  29. package/navigation/underline-nav.scss +0 -1
  30. package/overlay/overlay.scss +11 -10
  31. package/package.json +5 -5
package/navigation/underline-nav.scss CHANGED
@@ -85,7 +85,6 @@ $nav-height: $spacer-3 * 3 !default; // 48px
85
85
  font-weight: $font-weight-bold;
86
86
  color: var(--color-fg-default);
87
87
  border-bottom-color: var(--color-primer-border-active);
88
- outline-offset: -8px;
89
88
 
90
89
  // current/selected underline
91
90
  &::after {
package/overlay/overlay.scss CHANGED
@@ -27,23 +27,23 @@ $primer-borderRadius-large: 0.75rem;
27
27
  }
28
28
 
29
29
  &.Overlay--height-xsmall {
30
- height: min(192px, 100% - 2rem);
30
+ height: min(192px, 100vh - 2rem);
31
31
  }
32
32
 
33
33
  &.Overlay--height-small {
34
- height: min(256px, 100% - 2rem);
34
+ height: min(256px, 100vh - 2rem);
35
35
  }
36
36
 
37
37
  &.Overlay--height-medium {
38
- height: min(320px, 100% - 2rem);
38
+ height: min(320px, 100vh - 2rem);
39
39
  }
40
40
 
41
41
  &.Overlay--height-large {
42
- height: min(432px, 100% - 2rem);
42
+ height: min(432px, 100vh - 2rem);
43
43
  }
44
44
 
45
45
  &.Overlay--height-xlarge {
46
- height: min(600px, 100% - 2rem);
46
+ height: min(600px, 100vh - 2rem);
47
47
  }
48
48
 
49
49
  &.Overlay--width-auto {
@@ -51,26 +51,26 @@ $primer-borderRadius-large: 0.75rem;
51
51
  }
52
52
 
53
53
  &.Overlay--width-small {
54
- width: min(256px, 100% - 2rem);
54
+ width: min(256px, 100vw - 2rem);
55
55
  }
56
56
 
57
57
  &.Overlay--width-medium {
58
- width: min(320px, 100% - 2rem);
58
+ width: min(320px, 100vw - 2rem);
59
59
  }
60
60
 
61
61
  &.Overlay--width-large {
62
62
  // stylelint-disable-next-line primer/responsive-widths
63
- width: min(480px, 100% - 2rem);
63
+ width: min(480px, 100vw - 2rem);
64
64
  }
65
65
 
66
66
  &.Overlay--width-xlarge {
67
67
  // stylelint-disable-next-line primer/responsive-widths
68
- width: min(640px, 100% - 2rem);
68
+ width: min(640px, 100vw - 2rem);
69
69
  }
70
70
 
71
71
  &.Overlay--width-xxlarge {
72
72
  // stylelint-disable-next-line primer/responsive-widths
73
- width: min(960px, 100% - 2rem);
73
+ width: min(960px, 100vw - 2rem);
74
74
  }
75
75
 
76
76
  &.Overlay--motion-scaleFade {
@@ -255,6 +255,7 @@ $primer-borderRadius-large: 0.75rem;
255
255
 
256
256
  @mixin Overlay-backdrop--transparent() {
257
257
  position: absolute;
258
+ z-index: 999;
258
259
  background-color: transparent;
259
260
  }
260
261
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "20.2.3-rc.cec85934",
3
+ "version": "20.2.4-rc.23f37790",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -41,7 +41,7 @@
41
41
  "storybook": "cd docs && yarn && yarn storybook"
42
42
  },
43
43
  "dependencies": {
44
- "@primer/primitives": "^7.8.3"
44
+ "@primer/primitives": "^7.8.4"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@changesets/changelog-github": "0.4.4",
@@ -52,11 +52,11 @@
52
52
  "autoprefixer": "10.4.7",
53
53
  "chokidar-cli": "3.0.0",
54
54
  "cssstats": "4.0.5",
55
- "eslint": "8.14.0",
55
+ "eslint": "8.16.0",
56
56
  "eslint-plugin-github": "4.3.6",
57
57
  "eslint-plugin-jest": "26.1.5",
58
58
  "eslint-plugin-prettier": "4.0.0",
59
- "filesize": "8.0.7",
59
+ "filesize": "9.0.1",
60
60
  "front-matter": "4.0.2",
61
61
  "fs-extra": "10.1.0",
62
62
  "globby": "13.1.1",
@@ -70,7 +70,7 @@
70
70
  "postcss-simple-vars": "6.0.3",
71
71
  "prettier": "2.6.2",
72
72
  "semver": "7.3.7",
73
- "stylelint": "14.8.2",
73
+ "stylelint": "14.8.5",
74
74
  "table": "6.8.0"
75
75
  },
76
76
  "jest": {