@brightspace-ui/core 2.180.1 → 2.180.3
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/components/empty-state/demo/empty-state.html +18 -0
- package/components/empty-state/empty-state-simple.js +4 -2
- package/components/empty-state/empty-state-styles.js +8 -6
- package/components/filter/filter.js +2 -1
- package/components/icons/images/tier1/insights-portal.svg +3 -6
- package/components/more-less/demo/more-less.html +0 -10
- package/generated/icons/tier1/insights-portal.js +4 -6
- package/package.json +1 -1
|
@@ -43,6 +43,24 @@
|
|
|
43
43
|
</template>
|
|
44
44
|
</d2l-demo-snippet>
|
|
45
45
|
|
|
46
|
+
<h5>Empty State Only Button</h5>
|
|
47
|
+
<d2l-demo-snippet>
|
|
48
|
+
<template>
|
|
49
|
+
<d2l-empty-state-simple>
|
|
50
|
+
<d2l-empty-state-action-button text="Create New Assignment"></d2l-empty-state-action-button>
|
|
51
|
+
</d2l-empty-state-simple>
|
|
52
|
+
</template>
|
|
53
|
+
</d2l-demo-snippet>
|
|
54
|
+
|
|
55
|
+
<h5>Empty State Only Link</h5>
|
|
56
|
+
<d2l-demo-snippet>
|
|
57
|
+
<template>
|
|
58
|
+
<d2l-empty-state-simple>
|
|
59
|
+
<d2l-empty-state-action-link text="Create New Assignment" href="https://d2l.com"></d2l-empty-state-action-link>
|
|
60
|
+
</d2l-empty-state-simple>
|
|
61
|
+
</template>
|
|
62
|
+
</d2l-demo-snippet>
|
|
63
|
+
|
|
46
64
|
<h2>Empty State Illustrated</h2>
|
|
47
65
|
|
|
48
66
|
<h5>No Action</h5>
|
|
@@ -27,8 +27,10 @@ class EmptyStateSimple extends PropertyRequiredMixin(RtlMixin(LitElement)) {
|
|
|
27
27
|
|
|
28
28
|
render() {
|
|
29
29
|
return html`
|
|
30
|
-
<
|
|
31
|
-
|
|
30
|
+
<div class="empty-state-container">
|
|
31
|
+
<p class="d2l-body-compact d2l-empty-state-description">${this.description}</p>
|
|
32
|
+
<slot class="action-slot"></slot>
|
|
33
|
+
</div>
|
|
32
34
|
`;
|
|
33
35
|
}
|
|
34
36
|
|
|
@@ -30,14 +30,16 @@ export const emptyStateSimpleStyles = css`
|
|
|
30
30
|
padding: 1.2rem 1.5rem;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
:host([
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
:host([description]) .empty-state-container {
|
|
34
|
+
align-items: center;
|
|
35
|
+
column-gap: 0.75rem;
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-wrap: wrap;
|
|
38
|
+
padding-inline-start: 0;
|
|
36
39
|
}
|
|
37
40
|
|
|
38
41
|
.d2l-empty-state-description {
|
|
39
|
-
|
|
40
|
-
padding-right: 0.5rem;
|
|
42
|
+
margin: 0;
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
`;
|
|
@@ -66,7 +68,7 @@ export const emptyStateIllustratedStyles = css`
|
|
|
66
68
|
.d2l-empty-state-title {
|
|
67
69
|
margin-bottom: 0.9rem;
|
|
68
70
|
}
|
|
69
|
-
|
|
71
|
+
|
|
70
72
|
.d2l-empty-state-title-large {
|
|
71
73
|
font-size: 1.5rem;
|
|
72
74
|
line-height: 1.8rem;
|
|
@@ -175,7 +175,8 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
|
|
|
175
175
|
|
|
176
176
|
.d2l-filter-dimension-info-message {
|
|
177
177
|
color: var(--d2l-color-ferrite);
|
|
178
|
-
|
|
178
|
+
display: flex;
|
|
179
|
+
justify-content: center;
|
|
179
180
|
}
|
|
180
181
|
|
|
181
182
|
/* Needed to "undo" the menu-item style for multiple dimensions */
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<path d="M18 9.349V9.5c.008 2.35-.819 4.357-2.481 6.019S11.851 18.009 9.5 18c-2.835-.03-5.123-1.163-6.864-3.4a9.363 9.363 0 01-1.094-1.83 5.65 5.65 0 01-.507-1.33c-.068-.379-.089-.996.45-.996h7.543a.449.449 0 00.335-.136.449.449 0 00.137-.336v-8.5c-.005-.299.142-.456.441-.472.315.01.628.046.938.106 2.27.376 4.09 1.488 5.463 3.336A8.554 8.554 0 0118 9.349z" fill="#494C4E"/>
|
|
6
|
-
</g>
|
|
7
|
-
</svg>
|
|
2
|
+
<path fill="#494c4e" d="M7.501 7.885a.516.516 0 01-.155.39.533.533 0 01-.39.164H.548a.512.512 0 01-.47-.267.533.533 0 01-.064-.395c.026-.122.039-.246.062-.369C.804 3.98 2.814 1.602 6.11.278c.246-.105.5-.194.758-.265a.477.477 0 01.527.221c.077.094.112.2.107.32v7.33z" fill="#494C4E"/>
|
|
3
|
+
<path fill="#494c4e" d="M18 9.349V9.5c.008 2.35-.819 4.357-2.481 6.019S11.851 18.009 9.5 18c-2.835-.03-5.123-1.163-6.864-3.4a9.363 9.363 0 01-1.094-1.83 5.65 5.65 0 01-.507-1.33c-.068-.379-.089-.996.45-.996h7.543a.449.449 0 00.335-.136.449.449 0 00.137-.336v-8.5c-.005-.299.142-.456.441-.472.315.01.628.046.938.106 2.27.376 4.09 1.488 5.463 3.336A8.554 8.554 0 0118 9.349z" fill="#494C4E"/>
|
|
4
|
+
</svg>
|
|
@@ -13,16 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
<d2l-demo-page page-title="d2l-more-less">
|
|
15
15
|
|
|
16
|
-
<h2>More-less with custom blur color</h2>
|
|
17
|
-
|
|
18
|
-
<d2l-demo-snippet>
|
|
19
|
-
<template>
|
|
20
|
-
<d2l-more-less blur-color="#f00">
|
|
21
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Vestibulum</a> elementum venenatis arcu sit amet varius. Maecenas posuere magna arcu, quis maximus odio fringilla ac. Integer ligula lorem, faucibus sit amet cursus vel, pellentesque a justo. Aliquam urna metus, molestie at tempor eget, vestibulum a purus. Donec aliquet rutrum mi. Duis ornare congue tempor. Nullam sed massa fermentum, tincidunt leo eu, vestibulum orci. Sed ultrices est in lacus venenatis, posuere suscipit arcu scelerisque. In aliquam ipsum rhoncus, lobortis ligula ut, molestie orci. Proin scelerisque tempor posuere. Phasellus consequat, lorem quis hendrerit tempor, sem lectus sagittis nunc, in tristique dui arcu non arcu. Nunc aliquam nisi et sapien commodo lacinia. <a href="">Quisque</a> iaculis orci vel odio varius porta. Fusce tincidunt dolor enim, vitae sollicitudin purus suscipit eu.</p>
|
|
22
|
-
</d2l-more-less>
|
|
23
|
-
</template>
|
|
24
|
-
</d2l-demo-snippet>
|
|
25
|
-
|
|
26
16
|
<h2>More-less collapsed</h2>
|
|
27
17
|
|
|
28
18
|
<d2l-demo-snippet>
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
// auto-generated
|
|
2
2
|
export const val = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
</g>
|
|
8
|
-
</svg>`;
|
|
3
|
+
<path fill="#494c4e" d="M7.501 7.885a.516.516 0 01-.155.39.533.533 0 01-.39.164H.548a.512.512 0 01-.47-.267.533.533 0 01-.064-.395c.026-.122.039-.246.062-.369C.804 3.98 2.814 1.602 6.11.278c.246-.105.5-.194.758-.265a.477.477 0 01.527.221c.077.094.112.2.107.32v7.33z" fill="#494C4E"/>
|
|
4
|
+
<path fill="#494c4e" d="M18 9.349V9.5c.008 2.35-.819 4.357-2.481 6.019S11.851 18.009 9.5 18c-2.835-.03-5.123-1.163-6.864-3.4a9.363 9.363 0 01-1.094-1.83 5.65 5.65 0 01-.507-1.33c-.068-.379-.089-.996.45-.996h7.543a.449.449 0 00.335-.136.449.449 0 00.137-.336v-8.5c-.005-.299.142-.456.441-.472.315.01.628.046.938.106 2.27.376 4.09 1.488 5.463 3.336A8.554 8.554 0 0118 9.349z" fill="#494C4E"/>
|
|
5
|
+
</svg>
|
|
6
|
+
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.180.
|
|
3
|
+
"version": "2.180.3",
|
|
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",
|