@brightspace-ui/core 2.56.1 → 2.58.0

package/components/inputs/docs/input-search.md

@@ -56,6 +56,7 @@ For text searches use `<d2l-input-search>`, which wraps the native `<input type=
 | Property | Type | Description |
 |---|---|---|
 | `label` | String, required | Accessible label for the input |
+| `description` | String | Additional information communicated in the `aria-describedby` on the input |
 | `disabled` | Boolean | Disables the input |
 | `maxlength` | Number | Imposes an upper character limit |
 | `no-clear` | Boolean | Prevents the "clear" button from appearing |
@@ -82,4 +83,5 @@ To make your usage of `d2l-input-search` accessible, use the following property
 
 | Attribute | Description |
 |---|---|
+| `description` | Use when label on input does not provide enough context. |
 | label | **REQUIRED** [Acts as a primary label on the input](https://www.w3.org/WAI/tutorials/forms/labels/). Not visible. |

package/components/inputs/input-search.js

@@ -16,6 +16,11 @@ class InputSearch extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement)))
 
 	static get properties() {
 		return {
+			/**
+			 * Additional information communicated in the aria-describedby on the input
+			 * @type {string}
+			 */
+			description: { type: String, reflect: true },
 			/**
 			 * Disables the input
 			 * @type {boolean}
@@ -115,6 +120,7 @@ class InputSearch extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement)))
 			<d2l-input-text
 				label="${ifDefined(this.label)}"
 				label-hidden
+				description="${this.description}"
 				?disabled="${this.disabled}"
 				@input="${this._handleInput}"
 				@keypress="${this._handleInputKeyPress}"

package/components/object-property-list/README.md

@@ -36,6 +36,12 @@ An object property list can be defined using `d2l-object-property-list` and a co
 </d2l-object-property-list>
 ```
 
+### Properties
+
+| Property | Type | Description |
+|--|--|--|
+| `skeleton-count` | Number | Number of skeleton items to insert if in skeleton mode |
+
 ### Word wrap
 
 The object property list is designed to wrap in an inline manner if the items are wider than the container.

package/components/object-property-list/demo/object-property-list.html

@@ -17,7 +17,7 @@
 
 			<h2>Object Property List: Single item</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item text="Example item"></d2l-object-property-list-item>
@@ -27,7 +27,7 @@
 
 			<h2>Object Property List: All item variants</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item text="Example item"></d2l-object-property-list-item>
@@ -40,7 +40,7 @@
 
 			<h2>Object Property List: Long items to demonstrate word-wrap</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item icon="tier1:grade" text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci repellat cum totam! Enim, sunt."></d2l-object-property-list-item>
@@ -49,6 +49,14 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Object Property List: Skeleton item count set</h2>
+
+			<d2l-demo-snippet overflow-hidden>
+				<template>
+					<d2l-object-property-list skeleton-count=3></d2l-object-property-list>
+				</template>
+			</d2l-demo-snippet>
+
 		</d2l-demo-page>
 	</body>
 </html>

package/components/object-property-list/object-property-list-item-link.js

@@ -31,21 +31,23 @@ class ObjectPropertyListItemLink extends ObjectPropertyListItem {
 	static get styles() {
 		return [
 			...super.styles,
-			linkStyles,
+			linkStyles
 		];
 	}
 
 	render() {
 		return html`
 			${this._renderIcon()}
-			<a
-				?download="${this.download}"
-				class="d2l-link"
-				href="${ifDefined(this.href)}"
-				target="${ifDefined(this.target)}"
-			>
-				${this.text}
-			</a>
+			${!this.skeleton ? html`
+				<a
+					?download="${this.download}"
+					class="d2l-link"
+					href="${ifDefined(this.href)}"
+					target="${ifDefined(this.target)}"
+				>
+					${this._renderText()}
+				</a>
+			` : this._renderText()}
 			${this._renderSeparator()}
 		`;
 	}

package/components/object-property-list/object-property-list-item.js

@@ -4,12 +4,13 @@ import { css, html, LitElement, nothing } from 'lit';
 import { getSeparator } from '@brightspace-ui/intl/lib/list.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
 import { RtlMixin } from '../../mixins/rtl-mixin.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A single object property, to be used within an object-property-list,
  * with an optional icon.
  */
-export class ObjectPropertyListItem extends RtlMixin(LitElement) {
+export class ObjectPropertyListItem extends SkeletonMixin(RtlMixin(LitElement)) {
 	static get properties() {
 		return {
 			/**
@@ -26,7 +27,7 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 	}
 
 	static get styles() {
-		return [offscreenStyles, css`
+		return [super.styles, offscreenStyles, css`
 			d2l-icon {
 				height: 0.9rem;
 				width: 0.9rem;
@@ -44,19 +45,29 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 			:host([dir="rtl"]) .item-icon {
 				margin: -0.1rem 0 0 0.3rem;
 			}
+			:host([skeleton]) d2l-icon {
+				color: var(--d2l-color-sylvite);
+			}
+			:host([skeleton]) .d2l-skeletize {
+				display: inline-block;
+				max-width: 80%;
+				overflow: hidden;
+				vertical-align: middle;
+				white-space: nowrap;
+			}
 		`];
 	}
 
 	render() {
 		return html`
 			${this._renderIcon()}
-			<span>${this.text}</span>
+			${this._renderText()}
 			${this._renderSeparator()}
 		`;
 	}
 
 	_renderIcon() {
-		return this.icon ? html`<d2l-icon icon="${this.icon}" class="item-icon"></d2l-icon>` : nothing;
+		return this.icon && !this.skeleton ? html`<d2l-icon icon="${this.icon}" class="item-icon"></d2l-icon>` : nothing;
 	}
 
 	_renderSeparator() {
@@ -67,6 +78,10 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 			</span>
 		`;
 	}
+
+	_renderText() {
+		return html`<span class="d2l-skeletize" aria-hidden="${this.skeleton ? 'true' : 'false'}">${this.text}</span>`;
+	}
 }
 
 customElements.define('d2l-object-property-list-item', ObjectPropertyListItem);

package/components/object-property-list/object-property-list.js

@@ -1,27 +1,45 @@
-import { css, html, LitElement } from 'lit';
+import './object-property-list-item.js';
+import { css, html, LitElement, nothing } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
+import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A dot-separated list of object properties.
  * @slot - Items of the type d2l-object-property-list-item* to be added to the container
  */
-class ObjectPropertyList extends LitElement {
+class ObjectPropertyList extends LocalizeCoreElement(SkeletonMixin(LitElement)) {
+	static get properties() {
+		return {
+			/**
+			 * Number of skeleton items to insert
+			 * @type {number}
+			 */
+			skeletonCount: { type: Number, attribute: 'skeleton-count' },
+		};
+	}
+
 	static get styles() {
-		return [bodySmallStyles, css`
+		return [super.styles, bodySmallStyles, css`
 			:host, slot {
 				display: block;
 			}
 			:host([hidden]) {
 				display: none;
 			}
-			::slotted(:last-child) {
+			::slotted(:last-child), slot :last-child {
 				--d2l-object-property-list-item-separator-display: none;
 			}
 		`];
 	}
 
 	render() {
-		return html`<slot class="d2l-body-small"></slot>`;
+
+		const slotContents = this.skeleton && this.skeletonCount > 0 ? [...Array(this.skeletonCount)].map(() => html`
+			<d2l-object-property-list-item text="${this.localize('components.object-property-list.item-placeholder-text')}" skeleton></d2l-object-property-list-item>
+		`) : nothing;
+
+		return html`<slot class="d2l-body-small">${slotContents}</slot>`;
 	}
 }
 

package/components/tooltip/tooltip-help.js

@@ -1,17 +1,18 @@
 import '../colors/colors.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus-mixin.js';
 import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A component used to display additional information when users focus or hover over some text.
  * @slot - Default content placed inside of the tooltip
  */
-class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
+class TooltipHelp extends SkeletonMixin(FocusMixin(FocusVisiblePolyfillMixin(LitElement))) {
 
 	static get properties() {
 		return {
@@ -38,7 +39,7 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 	}
 
 	static get styles() {
-		return [bodySmallStyles, css`
+		return [super.styles, bodySmallStyles, css`
 			:host {
 				display: inline-block;
 			}
@@ -76,6 +77,9 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 			d2l-tooltip {
 				cursor: text;
 			}
+			:host([skeleton]) #d2l-tooltip-help-text.d2l-skeletize {
+				text-decoration: none;
+			}
 		`];
 	}
 
@@ -100,15 +104,18 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 
 	render() {
 		const classes = {
-			'd2l-body-small': !this.inheritFontStyle
+			'd2l-body-small': !this.inheritFontStyle,
+			'd2l-skeletize': true
 		};
 		return html`
 			<button id="d2l-tooltip-help-text" class="${classMap(classes)}" type="button">
 				${this.text}
 			</button>
-			<d2l-tooltip for="d2l-tooltip-help-text" delay="0" offset="13" position="${ifDefined(this.position)}" ?showing="${this.showing}">
-				<slot></slot>
-			</d2l-tooltip>
+			${!this.skeleton ? html`
+				<d2l-tooltip for="d2l-tooltip-help-text" delay="0" offset="13" position="${ifDefined(this.position)}" ?showing="${this.showing}">
+					<slot></slot>
+				</d2l-tooltip>
+			` : nothing }
 		`;
 	}
 

package/custom-elements.json

@@ -5797,6 +5797,11 @@
       "path": "./components/inputs/input-search.js",
       "description": "This component wraps the native \"<input type=\"search\">\"\" element and is for text searching.",
       "attributes": [
+        {
+          "name": "description",
+          "description": "Additional information communicated in the aria-describedby on the input",
+          "type": "string"
+        },
         {
           "name": "label",
           "description": "REQUIRED: Accessible label for the input",
@@ -5832,6 +5837,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Additional information communicated in the aria-describedby on the input",
+          "type": "string"
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -9007,6 +9018,12 @@
           "name": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -9039,6 +9056,13 @@
           "attribute": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ]
     },
@@ -9056,6 +9080,12 @@
           "name": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -9070,6 +9100,13 @@
           "attribute": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ]
     },
@@ -9077,6 +9114,38 @@
       "name": "d2l-object-property-list",
       "path": "./components/object-property-list/object-property-list.js",
       "description": "A dot-separated list of object properties.",
+      "attributes": [
+        {
+          "name": "skeleton-count",
+          "description": "Number of skeleton items to insert",
+          "type": "number"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "skeletonCount",
+          "attribute": "skeleton-count",
+          "description": "Number of skeleton items to insert",
+          "type": "number"
+        },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -10840,6 +10909,12 @@
           "description": "Allows this component to inherit certain font properties",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -10866,6 +10941,13 @@
           "name": "showing",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "slots": [

package/lang/ar.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "مؤشر التقدم",
 	"components.more-less.less": "أقل",
 	"components.more-less.more": "المزيد",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "مزيد من الإجراءات",
 	"components.pager-load-more.action": "تحميل {count} إضافي",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} من أصل {totalCountFormatted} من العناصر} other {{showingCount} من أصل {totalCountFormatted} من العناصر}}",

package/lang/cy.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Dangosydd Cynnydd",
 	"components.more-less.less": "llai",
 	"components.more-less.more": "mwy",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Rhagor o Gamau Gweithredu",
 	"components.pager-load-more.action": "Lwytho {count} Arall",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} o {totalCountFormatted} eitem} other {{showingCount} o {totalCountFormatted} eitem}}",

package/lang/da.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Statusindikator",
 	"components.more-less.less": "færre",
 	"components.more-less.more": "flere",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Flere handlinger",
 	"components.pager-load-more.action": "Indlæs {count} mere",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} af {totalCountFormatted} element} other {{showingCount} af {totalCountFormatted} elementer}}",

package/lang/de.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Fortschrittsanzeige",
 	"components.more-less.less": "Weniger",
 	"components.more-less.more": "mehr",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Weitere Aktionen",
 	"components.pager-load-more.action": "{count} weitere laden",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} von {totalCountFormatted} Element} other {{showingCount} von {totalCountFormatted} Elementen}}",

package/lang/en.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Progress Indicator",
 	"components.more-less.less": "less",
 	"components.more-less.more": "more",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "More Actions",
 	"components.pager-load-more.action": "Load {count} More",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} of {totalCountFormatted} item} other {{showingCount} of {totalCountFormatted} items}}",

package/lang/es-es.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progreso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "más",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Más acciones",
 	"components.pager-load-more.action": "Cargar {count} más",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} elemento} other {{showingCount} de {totalCountFormatted} elemento}}",

package/lang/es.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progreso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "más",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Más acciones",
 	"components.pager-load-more.action": "Cargar {count} más",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} elemento} other {{showingCount} de {totalCountFormatted} elemento}}",

package/lang/fr-fr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicateur de progrès",
 	"components.more-less.less": "moins",
 	"components.more-less.more": "plus",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Plus d'actions",
 	"components.pager-load-more.action": "Charger {count} supplémentaire(s)",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} sur {totalCountFormatted} élément} other {{showingCount} sur {totalCountFormatted} éléments}}",

package/lang/fr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicateur de progrès",
 	"components.more-less.less": "moins",
 	"components.more-less.more": "plus",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Plus d'actions",
 	"components.pager-load-more.action": "Charger {count} de plus",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} élément} other {{showingCount} de {totalCountFormatted} éléments}}",

package/lang/hi.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "प्रगति संकेतक",
 	"components.more-less.less": "कम",
 	"components.more-less.more": "अधिक",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "अधिक क्रियाएँ",
 	"components.pager-load-more.action": "{count} और लोड करें",
 	"components.pager-load-more.info": "{totalCount, plural, one {{totalCountFormatted} में से {showingCount} आइटम} other {{totalCountFormatted} में से {showingCount} आइटम}}",

package/lang/ja.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "進捗状況インジケータ",
 	"components.more-less.less": "減らす",
 	"components.more-less.more": "増やす",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "その他のアクション",
 	"components.pager-load-more.action": "さらに {count} 件を読み込む",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount}/{totalCountFormatted} 個の項目}}",

package/lang/ko.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "진도 표시기",
 	"components.more-less.less": "축소",
 	"components.more-less.more": "더 보기",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "추가 작업",
 	"components.pager-load-more.action": "{count}개 더 로드",
 	"components.pager-load-more.info": "{totalCount, plural, other {{totalCountFormatted}개 항목 중 {showingCount}개}}",

package/lang/nl.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Voortgangsindicator",
 	"components.more-less.less": "minder",
 	"components.more-less.more": "meer",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Meer acties",
 	"components.pager-load-more.action": "Laad nog {count} extra",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} van {totalCountFormatted} artikel} other {{showingCount} van {totalCountFormatted} artikelen}}",

package/lang/pt.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progresso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "mais",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Mais ações",
 	"components.pager-load-more.action": "Carregar mais {count}",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} item} other {{showingCount} de {totalCountFormatted} itens}}",

package/lang/sv.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Förloppsindikator",
 	"components.more-less.less": "mindre",
 	"components.more-less.more": "mer",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Fler åtgärder",
 	"components.pager-load-more.action": "Läs in {count} till",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} av {totalCountFormatted} objekt} other {{showingCount} av {totalCountFormatted} objekt}}",

package/lang/tr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Gelişim Göstergesi",
 	"components.more-less.less": "daha az",
 	"components.more-less.more": "daha fazla",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Daha Fazla Eylem",
 	"components.pager-load-more.action": "{count} Tane Daha Yükle",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} / {totalCountFormatted} öğe} other {{showingCount} / {totalCountFormatted} öğe}}",

package/lang/zh-cn.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "进度指示符",
 	"components.more-less.less": "更少",
 	"components.more-less.more": "更多",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "更多操作",
 	"components.pager-load-more.action": "再加载 {count} 个",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount}/{totalCountFormatted} 项}}",

package/lang/zh-tw.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "進度指示器",
 	"components.more-less.less": "較少",
 	"components.more-less.more": "較多",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "其他動作",
 	"components.pager-load-more.action": "再載入 {count} 個",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount} 項，共 {totalCountFormatted} 項}}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.56.1",
+  "version": "2.58.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",