@brightspace-ui/core 2.35.0 → 2.35.1
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# Empty State
|
|
2
|
-
Empty
|
|
2
|
+
Empty state components are used to convey that there is no data available to be displayed, or that a search or filter has returned no results.
|
|
3
3
|
|
|
4
4
|
<!-- docs: demo align:start -->
|
|
5
5
|
```html
|
|
@@ -7,6 +7,16 @@ Empty states are used when there is no data available to be displayed, or when a
|
|
|
7
7
|
import '@brightspace-ui/core/components/empty-state/empty-state-simple-button.js';
|
|
8
8
|
import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-button.js';
|
|
9
9
|
</script>
|
|
10
|
+
<style>
|
|
11
|
+
body {
|
|
12
|
+
overflow-y: scroll;
|
|
13
|
+
}
|
|
14
|
+
d2l-empty-state-illustrated-button,
|
|
15
|
+
d2l-empty-state-simple-button {
|
|
16
|
+
max-width: 500px;
|
|
17
|
+
width: 100%;
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
10
20
|
|
|
11
21
|
<d2l-empty-state-simple-button description="There are no assignments to display." action-text="Create an Assignment"></d2l-empty-state-simple-button>
|
|
12
22
|
<d2l-empty-state-illustrated-button illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths"> </d2l-empty-state-illustrated-button>
|
|
@@ -18,7 +28,7 @@ Empty states are used when there is no data available to be displayed, or when a
|
|
|
18
28
|
<!-- docs: start best practices -->
|
|
19
29
|
<!-- docs: start dos -->
|
|
20
30
|
* Do make it clear that there is no data available to be displayed
|
|
21
|
-
* Do include guidance on next steps if available, either as short instructions or as Call to
|
|
31
|
+
* Do include guidance on next steps if available, either as short instructions or as a Call to Action
|
|
22
32
|
* Do use a link for navigation and a button for actions
|
|
23
33
|
* Do replace the entire content with its empty state for accessibility
|
|
24
34
|
<!-- docs: end dos -->
|
|
@@ -64,7 +74,13 @@ The `d2l-empty-state-illustrated-button` component is an empty state component t
|
|
|
64
74
|
<script type="module">
|
|
65
75
|
import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-button.js';
|
|
66
76
|
</script>
|
|
67
|
-
|
|
77
|
+
<!-- docs: start hidden content -->
|
|
78
|
+
<style>
|
|
79
|
+
body {
|
|
80
|
+
overflow-y: scroll;
|
|
81
|
+
}
|
|
82
|
+
</style>
|
|
83
|
+
<!-- docs: end hidden content -->
|
|
68
84
|
<d2l-empty-state-illustrated-button illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths"></d2l-empty-state-illustrated-button>
|
|
69
85
|
```
|
|
70
86
|
|
|
@@ -77,7 +93,13 @@ The `d2l-empty-state-illustrated-link` component is an empty state component tha
|
|
|
77
93
|
<script type="module">
|
|
78
94
|
import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-link.js';
|
|
79
95
|
</script>
|
|
80
|
-
|
|
96
|
+
<!-- docs: start hidden content -->
|
|
97
|
+
<style>
|
|
98
|
+
body {
|
|
99
|
+
overflow-y: scroll;
|
|
100
|
+
}
|
|
101
|
+
</style>
|
|
102
|
+
<!-- docs: end hidden content -->
|
|
81
103
|
<d2l-empty-state-illustrated-link illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths" action-href='https://d2l.com'></d2l-empty-state-illustrated-link>
|
|
82
104
|
```
|
|
83
105
|
|
|
@@ -353,7 +353,6 @@ class TagList extends LocalizeCoreElement(InteractiveMixin(ArrowKeysMixin(LitEle
|
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
_handleItemDeleted(e) {
|
|
356
|
-
if (!this.clearable) return;
|
|
357
356
|
if (!e || !e.detail || !e.detail.handleFocus) return;
|
|
358
357
|
|
|
359
358
|
const rootTarget = e.composedPath()[0];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.35.
|
|
3
|
+
"version": "2.35.1",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|