@primer/css 0.0.0-20220330064442 → 0.0.0-20220401071424
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 -4
- package/autocomplete/autocomplete.scss +1 -1
- package/branch-name/branch-name.scss +1 -0
- package/color-modes/index.scss +0 -2
- package/dist/autocomplete.css +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/branch-name.css +1 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- 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 +77 -77
- package/dist/primer.css +3 -3
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/stats/autocomplete.json +1 -1
- package/dist/stats/branch-name.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/stats/tooltips.json +1 -1
- package/dist/stats/utilities.json +1 -1
- package/dist/tooltips.css +1 -1
- package/dist/tooltips.css.map +1 -1
- package/dist/utilities.css +1 -1
- package/dist/utilities.css.map +1 -1
- package/forms/form-group.scss +7 -0
- package/forms/input-group.scss +10 -0
- package/package.json +2 -2
- package/tooltips/tooltips.scss +0 -7
- package/utilities/visibility-display.scss +49 -0
- package/color-modes/themes/dark_tritanopia.scss +0 -6
- package/color-modes/themes/light_tritanopia.scss +0 -6
package/forms/input-group.scss
CHANGED
|
@@ -18,6 +18,12 @@
|
|
|
18
18
|
&.inline {
|
|
19
19
|
display: inline-table;
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
// Autocomplete with embedded icon
|
|
23
|
+
.form-control.autocomplete-embedded-icon-wrap {
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
padding: $spacer-1 * 1.25 $spacer-2;
|
|
26
|
+
}
|
|
21
27
|
}
|
|
22
28
|
|
|
23
29
|
.input-group .form-control,
|
|
@@ -30,6 +36,10 @@
|
|
|
30
36
|
vertical-align: middle; // Match the inputs
|
|
31
37
|
}
|
|
32
38
|
|
|
39
|
+
.input-group-button--autocomplete-embedded-icon {
|
|
40
|
+
vertical-align: bottom;
|
|
41
|
+
}
|
|
42
|
+
|
|
33
43
|
.input-group .form-control:first-child,
|
|
34
44
|
.input-group-button:first-child .btn {
|
|
35
45
|
border-top-right-radius: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/css",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-20220401071424",
|
|
4
4
|
"description": "The CSS implementation of GitHub's Primer Design System",
|
|
5
5
|
"homepage": "https://primer.style/css",
|
|
6
6
|
"author": "GitHub, Inc.",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"storybook": "cd docs && yarn && yarn storybook"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@primer/primitives": "^7.
|
|
42
|
+
"@primer/primitives": "^7.5.1"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@changesets/changelog-github": "0.4.3",
|
package/tooltips/tooltips.scss
CHANGED
|
@@ -38,6 +38,55 @@
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
// Show/Hide Viewport range utilities
|
|
42
|
+
|
|
43
|
+
.show-whenNarrow,
|
|
44
|
+
.show-whenRegular,
|
|
45
|
+
.show-whenWide,
|
|
46
|
+
.show-whenRegular.hide-whenWide {
|
|
47
|
+
display: none !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.hide-whenNarrow,
|
|
51
|
+
.hide-whenRegular,
|
|
52
|
+
.hide-whenWide {
|
|
53
|
+
display: block !important;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@media (max-width: $width-md - 0.02px) {
|
|
57
|
+
.show-whenNarrow {
|
|
58
|
+
display: block !important;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.hide-whenNarrow {
|
|
62
|
+
display: none !important;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@media (min-width: $width-md) {
|
|
67
|
+
.show-whenRegular,
|
|
68
|
+
.show-whenRegular.hide-whenWide {
|
|
69
|
+
display: block !important;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.hide-whenRegular {
|
|
73
|
+
display: none !important;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
// The width of a `wide` viewport range may change as we're finalizing
|
|
78
|
+
// the Primer primitives viewport ranges proposal
|
|
79
|
+
@media (min-width: $width-xl) {
|
|
80
|
+
.show-whenWide {
|
|
81
|
+
display: block !important;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.hide-whenWide,
|
|
85
|
+
.show-whenRegular.hide-whenWide {
|
|
86
|
+
display: none !important;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
41
90
|
/* Set the table-layout to fixed */
|
|
42
91
|
.table-fixed { table-layout: fixed !important; }
|
|
43
92
|
|