@brightspace-ui/core 3.204.2 → 3.204.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.
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
|
|
7
7
|
<script type="module">
|
|
8
|
-
import '../../button/button-icon.js';
|
|
9
8
|
import '../../demo/demo-page.js';
|
|
9
|
+
import '../../button/button-icon.js';
|
|
10
10
|
import '../../icons/icon.js';
|
|
11
11
|
import '../input-number.js';
|
|
12
12
|
</script>
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
|
|
7
7
|
<script type="module">
|
|
8
|
-
import '../../button/button-icon.js';
|
|
9
8
|
import '../../demo/demo-page.js';
|
|
9
|
+
import '../../button/button-icon.js';
|
|
10
10
|
import '../../icons/icon.js';
|
|
11
11
|
import '../input-text.js';
|
|
12
12
|
</script>
|
|
@@ -121,14 +121,14 @@ The `d2l-list` is the container to create a styled list of items using `d2l-list
|
|
|
121
121
|
</script>
|
|
122
122
|
|
|
123
123
|
<d2l-list>
|
|
124
|
-
<d2l-list-item selectable label="List Item 1">
|
|
124
|
+
<d2l-list-item selectable label="List Item 1" tile-header>
|
|
125
125
|
<d2l-list-item-content>
|
|
126
126
|
<div>Regular list item</div>
|
|
127
127
|
<div slot="secondary">Secondary information</div>
|
|
128
128
|
<div slot="supporting-info">Supporting information</div>
|
|
129
129
|
</d2l-list-item-content>
|
|
130
130
|
</d2l-list-item>
|
|
131
|
-
<d2l-list-item selectable label="List Item 2">
|
|
131
|
+
<d2l-list-item selectable label="List Item 2" tile-header>
|
|
132
132
|
<d2l-list-item-content>
|
|
133
133
|
<div>Regular list item 2</div>
|
|
134
134
|
<div slot="secondary">Secondary information</div>
|
|
@@ -809,7 +809,7 @@ The `d2l-list` component supports displaying items in a tile layout. The built-i
|
|
|
809
809
|
|
|
810
810
|
**Note:** Nested lists, separators, and drag & drop are not supported in the tile layout.
|
|
811
811
|
|
|
812
|
-
<!-- docs: demo code display:block autoSize:
|
|
812
|
+
<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Layout'-->
|
|
813
813
|
```html
|
|
814
814
|
<script type="module">
|
|
815
815
|
import '@brightspace-ui/core/components/list/list-item.js';
|
|
@@ -864,7 +864,7 @@ The `d2l-list` component supports displaying items in a tile layout. The built-i
|
|
|
864
864
|
|
|
865
865
|
Apply the `tile-header` property to the list item when using selection or secondary actions and there isn't a decorative image to render over.
|
|
866
866
|
|
|
867
|
-
<!-- docs: demo code display:block autoSize:
|
|
867
|
+
<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Header'-->
|
|
868
868
|
```html
|
|
869
869
|
<script type="module">
|
|
870
870
|
import '@brightspace-ui/core/components/button/button-icon.js';
|
|
@@ -927,7 +927,7 @@ In addition, the list item's `tile-padding-type` property enables consumers to o
|
|
|
927
927
|
|
|
928
928
|
**Note:** For custom item layouts, consumers are responsible for laying out their content in both the standard `list` and `tiles` layouts if the user can change the layout. Ideally this is accomplished by simply applying slightly different styles.
|
|
929
929
|
|
|
930
|
-
<!-- docs: demo code display:block autoSize:
|
|
930
|
+
<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Custom Layout'-->
|
|
931
931
|
```html
|
|
932
932
|
<script type="module">
|
|
933
933
|
import '@brightspace-ui/core/components/button/button.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.204.
|
|
3
|
+
"version": "3.204.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",
|