@papillonarts/components 0.3.0 → 0.4.0
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.
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
@import '~@papillonarts/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonarts/css/build/primer/support/variables/typography.scss';
|
|
3
|
+
@import '~@papillonarts/css/build/primer/support/variables/misc.scss';
|
|
4
|
+
|
|
5
|
+
// stylelint-disable selector-max-type
|
|
6
|
+
.blankslate {
|
|
7
|
+
position: relative;
|
|
8
|
+
padding: $spacer-5;
|
|
9
|
+
text-align: center;
|
|
10
|
+
|
|
11
|
+
p {
|
|
12
|
+
color: var(--color-fg-muted);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
code {
|
|
16
|
+
// stylelint-disable-next-line primer/spacing
|
|
17
|
+
padding: 2px 5px 3px;
|
|
18
|
+
font-size: $h5-size;
|
|
19
|
+
background: var(--color-canvas-default);
|
|
20
|
+
border: $border-width $border-style var(--color-border-muted);
|
|
21
|
+
border-radius: $border-radius;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
img {
|
|
25
|
+
width: 56px;
|
|
26
|
+
height: 56px;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.blankslate-icon {
|
|
31
|
+
margin-right: $spacer-1;
|
|
32
|
+
margin-bottom: $spacer-2;
|
|
33
|
+
margin-left: $spacer-1;
|
|
34
|
+
color: var(--color-fg-muted);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.blankslate-image {
|
|
38
|
+
margin-bottom: $spacer-3;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.blankslate-heading {
|
|
42
|
+
margin-bottom: $spacer-1;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.blankslate-action {
|
|
46
|
+
margin-top: $spacer-3;
|
|
47
|
+
|
|
48
|
+
&:first-of-type {
|
|
49
|
+
margin-top: $spacer-4;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&:last-of-type {
|
|
53
|
+
margin-bottom: $spacer-2;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.blankslate-capped {
|
|
58
|
+
border-radius: 0 0 $border-radius $border-radius;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.blankslate-spacious {
|
|
62
|
+
padding: ($spacer-6 * 2) $spacer-6;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.blankslate-narrow {
|
|
66
|
+
max-width: 485px;
|
|
67
|
+
margin: 0 auto;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// was .large-format
|
|
71
|
+
// QUESTION: should we deprecate this?
|
|
72
|
+
.blankslate-large {
|
|
73
|
+
img {
|
|
74
|
+
width: 80px;
|
|
75
|
+
height: 80px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
h3 {
|
|
79
|
+
margin: $spacer-3 0;
|
|
80
|
+
//font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?
|
|
81
|
+
font-size: $h2-size;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
p {
|
|
85
|
+
font-size: $h4-size;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
// was .clean-background
|
|
90
|
+
// TO DO: deprecate this and use utility instead
|
|
91
|
+
.blankslate-clean-background {
|
|
92
|
+
border: 0;
|
|
93
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@papillonarts/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Papillon Arts Components",
|
|
5
5
|
"homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
|
|
6
6
|
"repository": {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"remove-test-folders": "rm -rf src/**/**/__tests__ && rm -rf src/**/**/**/__tests__ && rm -rf src/primer/Concept",
|
|
22
22
|
"remove-snapshot-folders": "rm -rf src/**/**/__tests__/__snapshots__",
|
|
23
23
|
"remove-build-folder": "rm -rf build",
|
|
24
|
-
"transpile:js:ts": "babel --extensions .js,.jsx,.ts,.tsx --no-copy-ignored --out-dir build src --ignore **/__tests__",
|
|
24
|
+
"transpile:js:ts": "babel --extensions .js,.jsx,.ts,.tsx --copy-files --no-copy-ignored --out-dir build src --ignore **/__tests__",
|
|
25
25
|
"remove-markdown-files": "find build -maxdepth 3 -type f -name \"*.md\" -delete",
|
|
26
26
|
"build": "npm-run-all remove-snapshot-folders remove-build-folder transpile:js:ts remove-markdown-files",
|
|
27
27
|
"build-test": "npm run build",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"build-release": "npm run build"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@papillonarts/css": "^0.
|
|
33
|
-
"@papillonarts/library": "^0.
|
|
32
|
+
"@papillonarts/css": "^0.4.0",
|
|
33
|
+
"@papillonarts/library": "^0.4.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "bca2747b7aec32e9878eec7d3cef70798a03787c"
|
|
36
36
|
}
|