@primer/css 20.7.1 → 20.8.0-rc.2077007c

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.
@@ -8,6 +8,7 @@
8
8
  margin: 0;
9
9
  // stylelint-disable-next-line primer/typography
10
10
  font-size: 85%;
11
+ white-space: break-spaces; // keeps rendering spaces, but breaks them onto multiple lines
11
12
  background-color: var(--color-neutral-muted);
12
13
  border-radius: $border-radius;
13
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "20.7.1",
3
+ "version": "20.8.0-rc.2077007c",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -42,7 +42,8 @@
42
42
  "storybook": "cd docs && yarn && yarn storybook"
43
43
  },
44
44
  "dependencies": {
45
- "@primer/primitives": "^7.9.0"
45
+ "@primer/primitives": "^7.9.0",
46
+ "@primer/view-components": "^0.0.111"
46
47
  },
47
48
  "devDependencies": {
48
49
  "@changesets/changelog-github": "0.4.6",
@@ -55,9 +56,9 @@
55
56
  "cssstats": "4.0.5",
56
57
  "eslint": "8.25.0",
57
58
  "eslint-plugin-github": "4.3.7",
58
- "eslint-plugin-jest": "27.1.3",
59
+ "eslint-plugin-jest": "27.1.6",
59
60
  "eslint-plugin-prettier": "4.2.1",
60
- "filesize": "9.0.11",
61
+ "filesize": "10.0.5",
61
62
  "front-matter": "4.0.2",
62
63
  "fs-extra": "10.1.0",
63
64
  "globby": "13.1.2",
@@ -1,89 +0,0 @@
1
- // stylelint-disable selector-max-type
2
- .blankslate {
3
- position: relative;
4
- padding: $spacer-5;
5
- text-align: center;
6
-
7
- p {
8
- color: var(--color-fg-muted);
9
- }
10
-
11
- code {
12
- // stylelint-disable-next-line primer/spacing
13
- padding: 2px 5px 3px;
14
- font-size: $h5-size;
15
- background: var(--color-canvas-default);
16
- border: $border-width $border-style var(--color-border-muted);
17
- border-radius: $border-radius;
18
- }
19
-
20
- img {
21
- width: 56px;
22
- height: 56px;
23
- }
24
- }
25
-
26
- .blankslate-icon {
27
- margin-right: $spacer-1;
28
- margin-bottom: $spacer-2;
29
- margin-left: $spacer-1;
30
- color: var(--color-fg-muted);
31
- }
32
-
33
- .blankslate-image {
34
- margin-bottom: $spacer-3;
35
- }
36
-
37
- .blankslate-heading {
38
- margin-bottom: $spacer-1;
39
- }
40
-
41
- .blankslate-action {
42
- margin-top: $spacer-3;
43
-
44
- &:first-of-type {
45
- margin-top: $spacer-4;
46
- }
47
-
48
- &:last-of-type {
49
- margin-bottom: $spacer-2;
50
- }
51
- }
52
-
53
- .blankslate-capped {
54
- border-radius: 0 0 $border-radius $border-radius;
55
- }
56
-
57
- .blankslate-spacious {
58
- padding: ($spacer-6 * 2) $spacer-6;
59
- }
60
-
61
- .blankslate-narrow {
62
- max-width: 485px;
63
- margin: 0 auto;
64
- }
65
-
66
- // was .large-format
67
- // QUESTION: should we deprecate this?
68
- .blankslate-large {
69
- img {
70
- width: 80px;
71
- height: 80px;
72
- }
73
-
74
- h3 {
75
- margin: $spacer-3 0;
76
- //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?
77
- font-size: $h2-size;
78
- }
79
-
80
- p {
81
- font-size: $h4-size;
82
- }
83
- }
84
-
85
- // was .clean-background
86
- // TO DO: deprecate this and use utility instead
87
- .blankslate-clean-background {
88
- border: 0;
89
- }