@brightspace-ui/core 3.246.0 → 3.247.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.
|
@@ -12,12 +12,12 @@ class PageFooter extends LitElement {
|
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-wrap: nowrap;
|
|
14
14
|
justify-content: space-between;
|
|
15
|
-
padding: 0 var(--d2l-page-padding, 30px) 0.75rem;
|
|
15
|
+
padding: 0 var(--d2l-page-padding, 30px) 0.75rem;
|
|
16
16
|
}
|
|
17
17
|
.start, .end {
|
|
18
18
|
align-items: center;
|
|
19
19
|
display: flex;
|
|
20
|
-
gap: 0.6rem;
|
|
20
|
+
gap: 0.6rem;
|
|
21
21
|
}
|
|
22
22
|
`;
|
|
23
23
|
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import '../colors/colors.js';
|
|
2
|
+
import '../icons/icon.js';
|
|
3
|
+
import { css, html, LitElement } from 'lit';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Separator component to be used between buttons in a page header.
|
|
7
|
+
*/
|
|
8
|
+
class PageHeaderSeparator extends LitElement {
|
|
9
|
+
|
|
10
|
+
static get styles() {
|
|
11
|
+
return css`
|
|
12
|
+
:host {
|
|
13
|
+
display: inline-block;
|
|
14
|
+
margin: 0 9px;
|
|
15
|
+
}
|
|
16
|
+
:host([hidden]) {
|
|
17
|
+
display: none;
|
|
18
|
+
}
|
|
19
|
+
d2l-icon {
|
|
20
|
+
color: var(--d2l-color-mica);
|
|
21
|
+
}
|
|
22
|
+
`;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
render() {
|
|
26
|
+
return html`
|
|
27
|
+
<d2l-icon icon="tier2:divider-big"></d2l-icon>
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
customElements.define('d2l-page-header-separator', PageHeaderSeparator);
|
|
@@ -47,8 +47,8 @@ class LoadMore extends PageableSubscriberMixin(FocusMixin(LocalizeCoreElement(Li
|
|
|
47
47
|
}
|
|
48
48
|
button {
|
|
49
49
|
align-items: center;
|
|
50
|
-
background-color: var(--d2l-color-
|
|
51
|
-
border: 1px solid var(--d2l-color-
|
|
50
|
+
background-color: var(--d2l-theme-background-color-interactive-faint-default);
|
|
51
|
+
border: 1px solid var(--d2l-theme-border-color-subtle);
|
|
52
52
|
display: flex;
|
|
53
53
|
font-family: inherit;
|
|
54
54
|
gap: 0.5rem;
|
|
@@ -56,18 +56,17 @@ class LoadMore extends PageableSubscriberMixin(FocusMixin(LocalizeCoreElement(Li
|
|
|
56
56
|
width: 100%;
|
|
57
57
|
}
|
|
58
58
|
button:hover {
|
|
59
|
-
background-color: var(--d2l-color-
|
|
60
|
-
border-color: var(--d2l-color-gypsum);
|
|
59
|
+
background-color: var(--d2l-theme-background-color-interactive-faint-hover);
|
|
61
60
|
}
|
|
62
61
|
.action {
|
|
63
|
-
color: var(--d2l-color-
|
|
62
|
+
color: var(--d2l-theme-text-color-interactive-default);
|
|
64
63
|
}
|
|
65
64
|
.separator {
|
|
66
|
-
border-right: 1px solid var(--d2l-color-
|
|
65
|
+
border-right: 1px solid var(--d2l-theme-border-color-standard);
|
|
67
66
|
height: 0.8rem;
|
|
68
67
|
}
|
|
69
68
|
.info {
|
|
70
|
-
color: var(--d2l-color-
|
|
69
|
+
color: var(--d2l-theme-text-color-static-faint);
|
|
71
70
|
font-weight: 400;
|
|
72
71
|
}
|
|
73
72
|
`];
|
package/custom-elements.json
CHANGED
|
@@ -12333,7 +12333,7 @@
|
|
|
12333
12333
|
{
|
|
12334
12334
|
"name": "styles",
|
|
12335
12335
|
"type": "CSSResult",
|
|
12336
|
-
"default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tflex-wrap: nowrap;\\n\\t\\t\\tjustify-content: space-between;\\n\\t\\t\\tpadding: 0 var(--d2l-page-padding, 30px) 0.75rem
|
|
12336
|
+
"default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tflex-wrap: nowrap;\\n\\t\\t\\tjustify-content: space-between;\\n\\t\\t\\tpadding: 0 var(--d2l-page-padding, 30px) 0.75rem;\\n\\t\\t}\\n\\t\\t.start, .end {\\n\\t\\t\\talign-items: center;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tgap: 0.6rem;\\n\\t\\t}\\n\\t`\""
|
|
12337
12337
|
}
|
|
12338
12338
|
],
|
|
12339
12339
|
"slots": [
|
|
@@ -12383,6 +12383,11 @@
|
|
|
12383
12383
|
}
|
|
12384
12384
|
]
|
|
12385
12385
|
},
|
|
12386
|
+
{
|
|
12387
|
+
"name": "d2l-page-header-separator",
|
|
12388
|
+
"path": "./components/page/page-header-separator.js",
|
|
12389
|
+
"description": "Separator component to be used between buttons in a page header."
|
|
12390
|
+
},
|
|
12386
12391
|
{
|
|
12387
12392
|
"name": "d2l-page-main",
|
|
12388
12393
|
"path": "./components/page/page-main.js",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.247.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",
|