@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 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-2](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-2) (2023-12-06)
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
@@ -26,7 +26,7 @@ npm install @instructure/ui-billboard
26
26
 
27
27
  ```js
28
28
  ---
29
- example: false
29
+ type: code
30
30
  ---
31
31
  import React from 'react'
32
32
  import { Billboard } from '@instructure/ui-billboard'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-billboard",
3
- "version": "8.50.1-snapshot-2",
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-2",
27
- "@instructure/ui-babel-preset": "8.50.1-snapshot-2",
28
- "@instructure/ui-color-utils": "8.50.1-snapshot-2",
29
- "@instructure/ui-icons": "8.50.1-snapshot-2",
30
- "@instructure/ui-test-utils": "8.50.1-snapshot-2",
31
- "@instructure/ui-themes": "8.50.1-snapshot-2",
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-2",
39
- "@instructure/shared-types": "8.50.1-snapshot-2",
40
- "@instructure/ui-heading": "8.50.1-snapshot-2",
41
- "@instructure/ui-img": "8.50.1-snapshot-2",
42
- "@instructure/ui-react-utils": "8.50.1-snapshot-2",
43
- "@instructure/ui-view": "8.50.1-snapshot-2",
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": {
@@ -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
- example: true
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
- example: true
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
- example: true
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
- example: true
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
- example: true
84
+ type: example
81
85
  ---
82
86
  <Billboard
83
87
  size="small"