@instructure/ui-billboard 8.50.1-snapshot-2 → 8.50.1-snapshot-13
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 +1 -1
- package/README.md +1 -1
- package/package.json +13 -13
- package/src/Billboard/README.md +15 -11
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.50.1-snapshot-
|
|
6
|
+
## [8.50.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-13) (2023-12-07)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-billboard
|
|
9
9
|
|
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-billboard",
|
|
3
|
-
"version": "8.50.1-snapshot-
|
|
3
|
+
"version": "8.50.1-snapshot-13",
|
|
4
4
|
"description": "A UI component to display empty states, 404 pages, redirects, etc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,24 +23,24 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "8.50.1-snapshot-
|
|
27
|
-
"@instructure/ui-babel-preset": "8.50.1-snapshot-
|
|
28
|
-
"@instructure/ui-color-utils": "8.50.1-snapshot-
|
|
29
|
-
"@instructure/ui-icons": "8.50.1-snapshot-
|
|
30
|
-
"@instructure/ui-test-utils": "8.50.1-snapshot-
|
|
31
|
-
"@instructure/ui-themes": "8.50.1-snapshot-
|
|
26
|
+
"@instructure/ui-axe-check": "8.50.1-snapshot-13",
|
|
27
|
+
"@instructure/ui-babel-preset": "8.50.1-snapshot-13",
|
|
28
|
+
"@instructure/ui-color-utils": "8.50.1-snapshot-13",
|
|
29
|
+
"@instructure/ui-icons": "8.50.1-snapshot-13",
|
|
30
|
+
"@instructure/ui-test-utils": "8.50.1-snapshot-13",
|
|
31
|
+
"@instructure/ui-themes": "8.50.1-snapshot-13",
|
|
32
32
|
"@testing-library/jest-dom": "^6.1.4",
|
|
33
33
|
"@testing-library/react": "^14.0.0",
|
|
34
34
|
"@testing-library/user-event": "^14.5.1"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@babel/runtime": "^7.23.2",
|
|
38
|
-
"@instructure/emotion": "8.50.1-snapshot-
|
|
39
|
-
"@instructure/shared-types": "8.50.1-snapshot-
|
|
40
|
-
"@instructure/ui-heading": "8.50.1-snapshot-
|
|
41
|
-
"@instructure/ui-img": "8.50.1-snapshot-
|
|
42
|
-
"@instructure/ui-react-utils": "8.50.1-snapshot-
|
|
43
|
-
"@instructure/ui-view": "8.50.1-snapshot-
|
|
38
|
+
"@instructure/emotion": "8.50.1-snapshot-13",
|
|
39
|
+
"@instructure/shared-types": "8.50.1-snapshot-13",
|
|
40
|
+
"@instructure/ui-heading": "8.50.1-snapshot-13",
|
|
41
|
+
"@instructure/ui-img": "8.50.1-snapshot-13",
|
|
42
|
+
"@instructure/ui-react-utils": "8.50.1-snapshot-13",
|
|
43
|
+
"@instructure/ui-view": "8.50.1-snapshot-13",
|
|
44
44
|
"prop-types": "^15.8.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
package/src/Billboard/README.md
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
---
|
|
2
2
|
describes: Billboard
|
|
3
3
|
---
|
|
4
|
+
|
|
4
5
|
### Static Billboard
|
|
6
|
+
|
|
5
7
|
Used for empty states, 404 pages, redirects, etc.
|
|
6
8
|
|
|
7
9
|
```js
|
|
8
10
|
---
|
|
9
|
-
|
|
11
|
+
type: example
|
|
10
12
|
---
|
|
11
13
|
<Billboard
|
|
12
14
|
size="medium"
|
|
@@ -19,18 +21,18 @@ example: true
|
|
|
19
21
|
### Structure
|
|
20
22
|
|
|
21
23
|
- If Billboard has an `href` prop set, it will render as a link;
|
|
22
|
-
if an `onClick` prop is set, the component will render as a button.
|
|
24
|
+
if an `onClick` prop is set, the component will render as a button.
|
|
23
25
|
- Use the `message` prop for your link or button text/call to action (Note:
|
|
24
|
-
don't pass interactive content to the `message` prop if you have set the `href`
|
|
25
|
-
or `onClick` props).
|
|
26
|
+
don't pass interactive content to the `message` prop if you have set the `href`
|
|
27
|
+
or `onClick` props).
|
|
26
28
|
- Use the `size` prop to adjust the size of the icon and text.
|
|
27
29
|
- Pass [Instructure icons](#icons-react) to the `hero` property via a function
|
|
28
|
-
_(see examples)_, and they will be sized correctly based on the Billboard's
|
|
29
|
-
`size`.
|
|
30
|
+
_(see examples)_, and they will be sized correctly based on the Billboard's
|
|
31
|
+
`size`.
|
|
30
32
|
|
|
31
33
|
```js
|
|
32
34
|
---
|
|
33
|
-
|
|
35
|
+
type: example
|
|
34
36
|
---
|
|
35
37
|
<View as="div" width="400px" withVisualDebug>
|
|
36
38
|
<Billboard
|
|
@@ -45,9 +47,10 @@ example: true
|
|
|
45
47
|
/>
|
|
46
48
|
</View>
|
|
47
49
|
```
|
|
50
|
+
|
|
48
51
|
```js
|
|
49
52
|
---
|
|
50
|
-
|
|
53
|
+
type: example
|
|
51
54
|
---
|
|
52
55
|
<View as="div" width="600px" withVisualDebug>
|
|
53
56
|
<Billboard
|
|
@@ -58,9 +61,10 @@ example: true
|
|
|
58
61
|
/>
|
|
59
62
|
</View>
|
|
60
63
|
```
|
|
64
|
+
|
|
61
65
|
```js
|
|
62
66
|
---
|
|
63
|
-
|
|
67
|
+
type: example
|
|
64
68
|
---
|
|
65
69
|
<Billboard
|
|
66
70
|
readOnly
|
|
@@ -73,11 +77,11 @@ example: true
|
|
|
73
77
|
/>
|
|
74
78
|
```
|
|
75
79
|
|
|
76
|
-
|
|
77
80
|
### Disabled Billboard
|
|
81
|
+
|
|
78
82
|
```js
|
|
79
83
|
---
|
|
80
|
-
|
|
84
|
+
type: example
|
|
81
85
|
---
|
|
82
86
|
<Billboard
|
|
83
87
|
size="small"
|