@brightspace-ui/labs 2.40.3 → 2.40.5

package/package.json

@@ -114,5 +114,5 @@
     "resize-observer-polyfill": "^1",
     "webvtt-parser": "^2"
   },
-  "version": "2.40.3"
+  "version": "2.40.5"
 }

package/src/components/opt-in-flyout/opt-out-dialog.js

@@ -4,20 +4,14 @@ import '@brightspace-ui/core/components/colors/colors.js';
 import '@brightspace-ui/core/components/inputs/input-textarea.js';
 import './opt-out-reason-selector.js';
 import { css, html, LitElement } from 'lit';
-import { composeMixins } from '@brightspace-ui/core/helpers/composeMixins.js';
 import { LocalizeLabsElement } from '../localize-labs-element.js';
-import { RtlMixin } from '@brightspace-ui/core/mixins/rtl-mixin.js';
 
 const defaultEventProperties = {
 	bubbles: true,
 	composed: true
 };
 
-class OptOutDialog extends composeMixins(
-	LitElement,
-	LocalizeLabsElement,
-	RtlMixin
-) {
+class OptOutDialog extends LocalizeLabsElement(LitElement) {
 
 	static get properties() {
 		return {
@@ -81,15 +75,9 @@ class OptOutDialog extends composeMixins(
 			}
 
 			.close-button {
-				left: auto;
+				inset-block-start: 0.6rem;
+				inset-inline-end: 0.6rem;
 				position: absolute;
-				right: 0.6rem;
-				top: 0.6rem;
-			}
-
-			:host([dir="rtl"]) .close-button {
-				left: 0.6rem;
-				right: auto;
 			}
 		`;
 	}

package/src/components/opt-in-flyout/opt-out-reason-selector.js

@@ -1,15 +1,10 @@
 import './opt-out-reason.js';
 import { css, html, LitElement } from 'lit';
-import { composeMixins } from '@brightspace-ui/core/helpers/composeMixins.js';
 import { inputStyles } from '@brightspace-ui/core/components/inputs/input-styles.js';
 import { LocalizeLabsElement } from '../localize-labs-element.js';
-import { RtlMixin } from '@brightspace-ui/core/mixins/rtl-mixin.js';
 
-class OptOutReasonSelector extends composeMixins(
-	LitElement,
-	LocalizeLabsElement,
-	RtlMixin
-) {
+class OptOutReasonSelector extends LocalizeLabsElement(LitElement) {
+
 	static get properties() {
 		return {
 			_reasons: { state: true }
@@ -30,7 +25,7 @@ class OptOutReasonSelector extends composeMixins(
 					-webkit-appearance: none;
 					appearance: none;
 					background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23f2f3f5%22%20d%3D%22M0%200h42v42H0z%22%2F%3E%3Cpath%20stroke%3D%22%23d3d9e3%22%20d%3D%22M0%200v42%22%2F%3E%3Cpath%20d%3D%22M14.99%2019.582l4.95%204.95a1.5%201.5%200%200%200%202.122%200l4.95-4.95a1.5%201.5%200%200%200-2.122-2.122L21%2021.35l-3.888-3.89a1.5%201.5%200%200%200-2.12%202.122z%22%20fill%3D%22%23565A5C%22%2F%3E%3C%2Fsvg%3E");
-					background-position: right center;
+					background-position: var(--d2l-inline-end, right) center;
 					background-repeat: no-repeat;
 					background-size: contain;
 					display: block;
@@ -50,10 +45,6 @@ class OptOutReasonSelector extends composeMixins(
 					color: var(--d2l-input-color);
 				}
 
-				:host([dir="rtl"]) select {
-					background-position: left center !important;
-				}
-
 				#options {
 					display: none;
 				}

package/src/lang/th.js

@@ -12,7 +12,7 @@ export default {
 	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "เปิดใช้งานตัวอ่านหน้าจอ และแท็บไปยังเนื้อหา", // Alert that prompts the user to use a screenreader and tabbing to view content
 	"components:accessibilityDisabilitySimulator:simulationType": "ประเภทการจำลอง:", // Label for the disability simulation options
 	"components:attributePicker:addValue": "คลิกเพื่อเพิ่มค่า {value}", // Label for screen readers to inform user that they can click to add the given value
-	"components:attributePicker:limitReached": "คุณถึงขีดจำกัด {value} ของค่าที่เลือกแล้ว", //  Tooltip that appears when the user has reach the maximum amount of attributes
+	"components:attributePicker:limitReached": "คุณถึงขีดจำกัด {value} ของค่าที่เลือกไว้แล้ว", //  Tooltip that appears when the user has reach the maximum amount of attributes
 	"components:attributePicker:minimumRequirement": "ต้องตั้งค่าอย่างน้อยหนึ่งค่า", // Tooltip that appears when no values have been set and we need to inform the user that this is an invalid state
 	"components:attributePicker:removeValue": "คลิก กด backspace หรืดกดคีย์ delete เพื่อลบรายการ {value}", // Label to inform user how they can remove the given value
 	"components:checkboxDrawer:checkboxCollapsed": "ยุบช่องทำเครื่องหมายแล้ว", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden

package/src/lang/vi.js

@@ -12,7 +12,7 @@ export default {
 	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Bật trình đọc màn hình và tab vào nội dung", // Alert that prompts the user to use a screenreader and tabbing to view content
 	"components:accessibilityDisabilitySimulator:simulationType": "Loại mô phỏng:", // Label for the disability simulation options
 	"components:attributePicker:addValue": "Nhấp để thêm giá trị {value}", // Label for screen readers to inform user that they can click to add the given value
-	"components:attributePicker:limitReached": "Bạn đã đạt đến giới hạn của {value} giá trị đã chọn", //  Tooltip that appears when the user has reach the maximum amount of attributes
+	"components:attributePicker:limitReached": "Bạn đã đạt đến giới hạn của {value} giá trị được chọn", //  Tooltip that appears when the user has reach the maximum amount of attributes
 	"components:attributePicker:minimumRequirement": "Phải đặt ít nhất một giá trị", // Tooltip that appears when no values have been set and we need to inform the user that this is an invalid state
 	"components:attributePicker:removeValue": "Nhấp, nhấn phím lùi hoặc nhấn phím xóa để xóa mục {value}", // Label to inform user how they can remove the given value
 	"components:checkboxDrawer:checkboxCollapsed": "Đã thu gọn hộp kiểm", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
@@ -69,7 +69,7 @@ export default {
 	"components:optInFlyout:feedbackLabel": "Chúng tôi có thể làm gì để biến sản phẩm này thành thứ bạn thích sử dụng?",
 	"components:optInFlyout:feedbackReasonJustCheckingSomething": "Chỉ đang chuyển lại để kiểm tra một cái gì đó",
 	"components:optInFlyout:feedbackReasonLabel": "Bạn có thể cho chúng tôi biết lý do tại sao bạn đang chuyển đổi trở lại không?",
-	"components:optInFlyout:feedbackReasonMissingFeature": "Nó thiếu một tính năng mà tôi sử dùng",
+	"components:optInFlyout:feedbackReasonMissingFeature": "Nó thiếu một tính năng mà tôi sử dụng",
 	"components:optInFlyout:feedbackReasonNotReadyForSomethingNew": "Đây không phải là thời điểm phù hợp để tôi thử phiên bản này",
 	"components:optInFlyout:feedbackReasonOther": "Khác",
 	"components:optInFlyout:feedbackReasonPreferOldExperience": "Tôi nghĩ phiên bản cũ là trải nghiệm tốt hơn",
@@ -85,7 +85,7 @@ export default {
 	"components:optInFlyout:tutorialMessage": "Hãy xem *hướng dẫn* của chúng tôi để giúp bạn bắt đầu!",
 	"components:ouFilter:orgUnitFilter:name": "Đơn vị Tổ chức",
 	"components:ouFilter:orgUnitFilter:nameAllSelected": "Đơn vị tổ chức: Tất cả",
-	"components:ouFilter:orgUnitFilter:nameSomeSelected": "Đơn vị tổ chức: Những Lựa chọn đã Áp dụng ",
+	"components:ouFilter:orgUnitFilter:nameSomeSelected": "Đơn vị tổ chức: Những Lựa chọn đã Áp dụng",
 	"components:ouFilter:treeFilter:nodeName": "{orgUnitName} (ID: {id})",
 	"components:ouFilter:treeFilter:nodeName:root": "gốc",
 	"components:ouFilter:treeSelector:arrowLabel:closed": "Mở rộng {name} ở cấp độ {level}, đơn vị con của {parentName}",