@brightspace-ui/core 2.112.3 → 2.112.5
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.
|
@@ -15,7 +15,7 @@ For preset icons, import and use the `<d2l-icon>` web component with the `icon`
|
|
|
15
15
|
<d2l-icon icon="tier1:gear"></d2l-icon>
|
|
16
16
|
```
|
|
17
17
|
|
|
18
|
-
The `icon` attribute value is of the form `<category-name>:<icon-name>`. The icon will automatically be the correct color (
|
|
18
|
+
The `icon` attribute value is of the form `<category-name>:<icon-name>`. The icon will automatically be the correct color (Tungsten) and size based on its category.
|
|
19
19
|
|
|
20
20
|
**Note:** Always choose the icon whose native size best matches your desired icon size, ideally exactly.
|
|
21
21
|
|
|
@@ -48,7 +48,7 @@ Ensure that the SVG is formatted according to [the rules outlined below](#svg-fo
|
|
|
48
48
|
|
|
49
49
|
## Overriding the Color
|
|
50
50
|
|
|
51
|
-
To change an icon's color from
|
|
51
|
+
To change an icon's color from Tungsten to something else, simply set it from CSS:
|
|
52
52
|
|
|
53
53
|
```html
|
|
54
54
|
<d2l-icon icon="tier3:alert" style="color: red;"></d2l-icon>
|
|
@@ -8,6 +8,7 @@ import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
|
|
|
8
8
|
/**
|
|
9
9
|
* A dot-separated list of object properties.
|
|
10
10
|
* @slot - Items of the type d2l-object-property-list-item* to be added to the container
|
|
11
|
+
* @slot status - Slot for a single `d2l-status-indicator` to be rendered before the list
|
|
11
12
|
*/
|
|
12
13
|
class ObjectPropertyList extends LocalizeCoreElement(SkeletonMixin(LitElement)) {
|
|
13
14
|
static get properties() {
|
|
@@ -4,6 +4,7 @@ import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
|
|
|
4
4
|
export const offscreenStyles = css`
|
|
5
5
|
.d2l-offscreen {
|
|
6
6
|
height: 1px;
|
|
7
|
+
inset-inline-start: -10000px;
|
|
7
8
|
left: -10000px;
|
|
8
9
|
overflow: hidden;
|
|
9
10
|
position: absolute !important;
|
|
@@ -25,6 +26,7 @@ class Offscreen extends RtlMixin(LitElement) {
|
|
|
25
26
|
return css`
|
|
26
27
|
:host {
|
|
27
28
|
height: 1px;
|
|
29
|
+
inset-inline-start: -10000px;
|
|
28
30
|
left: -10000px;
|
|
29
31
|
overflow: hidden;
|
|
30
32
|
position: absolute !important;
|
package/custom-elements.json
CHANGED
|
@@ -9962,6 +9962,10 @@
|
|
|
9962
9962
|
{
|
|
9963
9963
|
"name": "",
|
|
9964
9964
|
"description": "Items of the type d2l-object-property-list-item* to be added to the container"
|
|
9965
|
+
},
|
|
9966
|
+
{
|
|
9967
|
+
"name": "status",
|
|
9968
|
+
"description": "Slot for a single `d2l-status-indicator` to be rendered before the list"
|
|
9965
9969
|
}
|
|
9966
9970
|
]
|
|
9967
9971
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.112.
|
|
3
|
+
"version": "2.112.5",
|
|
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",
|