@brightspace-ui/core 2.128.2 → 2.128.4
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.
|
@@ -363,7 +363,7 @@ Collapsible panels have two optional slots, `header` and `actions` that can be u
|
|
|
363
363
|
|
|
364
364
|
Use the `d2l-collapsible-panel-group` component to automatically handle spacing and layout for multiple panels.
|
|
365
365
|
|
|
366
|
-
<!-- docs: demo live -->
|
|
366
|
+
<!-- docs: demo live name:d2l-collapsible-panel-group -->
|
|
367
367
|
```html
|
|
368
368
|
<script type="module">
|
|
369
369
|
import '@brightspace-ui/core/components/collapsible-panel/collapsible-panel.js';
|
|
@@ -371,7 +371,7 @@ Use the `d2l-collapsible-panel-group` component to automatically handle spacing
|
|
|
371
371
|
</script>
|
|
372
372
|
|
|
373
373
|
<style>
|
|
374
|
-
d2l-collapsible-panel {
|
|
374
|
+
d2l-collapsible-panel-group {
|
|
375
375
|
width: 800px;
|
|
376
376
|
}
|
|
377
377
|
</style>
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { css, html, LitElement } from 'lit';
|
|
2
2
|
import { classMap } from 'lit/directives/class-map.js';
|
|
3
|
-
import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
|
|
4
3
|
|
|
5
4
|
/**
|
|
6
5
|
* A component that renders a container and layout for collapsible panels
|
|
7
6
|
* @slot default - Slot for panels. Only accepts `d2l-collapsible-panel`
|
|
8
7
|
*/
|
|
9
|
-
class CollapsiblePanelGroup extends
|
|
8
|
+
class CollapsiblePanelGroup extends LitElement {
|
|
10
9
|
|
|
11
10
|
static get properties() {
|
|
12
11
|
return {
|
|
@@ -15,7 +14,7 @@ class CollapsiblePanelGroup extends SkeletonMixin(LitElement) {
|
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
static get styles() {
|
|
18
|
-
return
|
|
17
|
+
return css`
|
|
19
18
|
:host ::slotted(*) {
|
|
20
19
|
display: none;
|
|
21
20
|
}
|
|
@@ -27,7 +26,7 @@ class CollapsiblePanelGroup extends SkeletonMixin(LitElement) {
|
|
|
27
26
|
flex-direction: column;
|
|
28
27
|
row-gap: 0.5rem;
|
|
29
28
|
}
|
|
30
|
-
|
|
29
|
+
`;
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
constructor() {
|
package/custom-elements.json
CHANGED
|
@@ -1150,23 +1150,6 @@
|
|
|
1150
1150
|
"name": "d2l-collapsible-panel-group",
|
|
1151
1151
|
"path": "./components/collapsible-panel/collapsible-panel-group.js",
|
|
1152
1152
|
"description": "A component that renders a container and layout for collapsible panels",
|
|
1153
|
-
"attributes": [
|
|
1154
|
-
{
|
|
1155
|
-
"name": "skeleton",
|
|
1156
|
-
"description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
|
|
1157
|
-
"type": "boolean",
|
|
1158
|
-
"default": "false"
|
|
1159
|
-
}
|
|
1160
|
-
],
|
|
1161
|
-
"properties": [
|
|
1162
|
-
{
|
|
1163
|
-
"name": "skeleton",
|
|
1164
|
-
"attribute": "skeleton",
|
|
1165
|
-
"description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
|
|
1166
|
-
"type": "boolean",
|
|
1167
|
-
"default": "false"
|
|
1168
|
-
}
|
|
1169
|
-
],
|
|
1170
1153
|
"slots": [
|
|
1171
1154
|
{
|
|
1172
1155
|
"name": "default",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.128.
|
|
3
|
+
"version": "2.128.4",
|
|
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",
|