@primer/css 20.2.3-rc.e5a194f3 → 20.2.4-rc.60dcfc7a
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 +12 -0
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/meta.json +11 -11
- package/dist/overlay.css +1 -1
- package/dist/overlay.css.map +1 -1
- package/dist/primer.css +1 -1
- package/dist/primer.css.map +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/overlay.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/forms/FormControl.scss +2 -2
- package/overlay/overlay.scss +11 -10
- package/package.json +5 -5
package/forms/FormControl.scss
CHANGED
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
height: var(--primer-control-medium-size, 32px);
|
|
115
115
|
background-color: var(--color-canvas-default);
|
|
116
116
|
border-radius: var(--primer-borderRadius-medium, 6px);
|
|
117
|
-
box-shadow: var(--primer-borderInset-thin, 1px) var(--color-border-default);
|
|
117
|
+
box-shadow: var(--primer-borderInset-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--color-border-default);
|
|
118
118
|
grid-template-rows: auto;
|
|
119
119
|
gap: var(--primer-controlStack-medium-gap-condensed, 8px);
|
|
120
120
|
align-items: center;
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
&.FormControl-fieldWrap--invalid:not(:focus-within) {
|
|
146
|
-
box-shadow: var(--primer-borderInset-thin, 1px) var(--color-danger-emphasis);
|
|
146
|
+
box-shadow: var(--primer-borderInset-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--color-danger-emphasis);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
// if leadingVisual is present
|
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,
|
|
30
|
+
height: min(192px, 100vh - 2rem);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
&.Overlay--height-small {
|
|
34
|
-
height: min(256px,
|
|
34
|
+
height: min(256px, 100vh - 2rem);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&.Overlay--height-medium {
|
|
38
|
-
height: min(320px,
|
|
38
|
+
height: min(320px, 100vh - 2rem);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&.Overlay--height-large {
|
|
42
|
-
height: min(432px,
|
|
42
|
+
height: min(432px, 100vh - 2rem);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
&.Overlay--height-xlarge {
|
|
46
|
-
height: min(600px,
|
|
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,
|
|
54
|
+
width: min(256px, 100vw - 2rem);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
&.Overlay--width-medium {
|
|
58
|
-
width: min(320px,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
+
"version": "20.2.4-rc.60dcfc7a",
|
|
4
4
|
"description": "The CSS implementation of GitHub's Primer Design System",
|
|
5
5
|
"homepage": "https://primer.style/css",
|
|
6
6
|
"author": "GitHub, Inc.",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"autoprefixer": "10.4.7",
|
|
53
53
|
"chokidar-cli": "3.0.0",
|
|
54
54
|
"cssstats": "4.0.5",
|
|
55
|
-
"eslint": "8.
|
|
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",
|
|
@@ -62,15 +62,15 @@
|
|
|
62
62
|
"globby": "13.1.1",
|
|
63
63
|
"jest": "28.1.0",
|
|
64
64
|
"js-yaml": "4.1.0",
|
|
65
|
-
"postcss": "8.4.
|
|
65
|
+
"postcss": "8.4.14",
|
|
66
66
|
"postcss-calc": "8.2.4",
|
|
67
67
|
"postcss-import": "14.1.0",
|
|
68
|
-
"postcss-load-config": "
|
|
68
|
+
"postcss-load-config": "4.0.1",
|
|
69
69
|
"postcss-scss": "4.0.4",
|
|
70
70
|
"postcss-simple-vars": "6.0.3",
|
|
71
71
|
"prettier": "2.6.2",
|
|
72
72
|
"semver": "7.3.7",
|
|
73
|
-
"stylelint": "14.8.
|
|
73
|
+
"stylelint": "14.8.5",
|
|
74
74
|
"table": "6.8.0"
|
|
75
75
|
},
|
|
76
76
|
"jest": {
|