@brightspace-ui/core 2.168.1 → 2.170.0

package/components/button/button-add.js

@@ -1,14 +1,19 @@
 import '../colors/colors.js';
-import '../icons/icon.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement, unsafeCSS } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
+import { VisibleOnAncestorMixin, visibleOnAncestorStyles } from '../../mixins/visible-on-ancestor/visible-on-ancestor-mixin.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
-import { getFocusPseudoClass } from '../../helpers/focus.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
 
+const MODE = {
+	ICON: 'icon',
+	ICON_AND_TEXT: 'icon-and-text',
+	ICON_WHEN_INTERACTED: 'icon-when-interacted'
+};
+
 /**
  * A component for quickly adding items to a specific locaiton.
  */
@@ -16,23 +21,20 @@ class ButtonAdd extends PropertyRequiredMixin(FocusMixin(LocalizeCoreElement(Lit
 	static get properties() {
 		return {
 			/**
-			 * When text-visible is true, the text to show in the button. When text-visible is false, the text to show in the tooltip.
-			 * @type {string}
+			 * Display mode of the component. Defaults to "icon" (plus icon is always visible). Other options are "icon-and-text" (plus icon and text are always visible), and "icon-when-interacted" (plus icon is only visible when hover or focus).
+			 * @type {'icon'|'icon-and-text'|'icon-when-interacted'}
 			 */
-			text: { type: String, required: true },
+			mode: { type: String },
 			/**
-			 * When true, show the button with icon and visible text. When false, only show icon.
-			 * @type {boolean}
+			 * When text-visible is true, the text to show in the button. When text-visible is false, the text to show in the tooltip.
+			 * @type {string}
 			 */
-			textVisible: { type: Boolean, reflect: true, attribute: 'text-visible' }
+			text: { type: String, required: true }
 		};
 	}
 
 	static get styles() {
 		return css`
-			:host {
-				--d2l-button-add-line-style: solid;
-			}
 			button {
 				align-items: center;
 				background-color: transparent;
@@ -41,56 +43,31 @@ class ButtonAdd extends PropertyRequiredMixin(FocusMixin(LocalizeCoreElement(Lit
 				cursor: pointer;
 				display: flex;
 				font-family: inherit;
+				height: 0.9rem;
 				justify-content: center;
 				outline: none;
 				padding: 0;
-				position: relative;
 				user-select: none;
 				white-space: nowrap;
 				width: 100%;
 			}
 
 			.line {
-				border-top: 1px var(--d2l-button-add-line-style) var(--d2l-color-mica);
-				margin: 3px 0; /** hover/click target */
+				border-top: 1px solid var(--d2l-color-mica);
 				width: 100%;
 			}
-			button:hover .line,
-			button:${unsafeCSS(getFocusPseudoClass())} .line {
-				border-top-color: var(--d2l-color-celestine);
-			}
-
-			.content {
-				align-items: center;
-				background-color: white;
-				display: flex;
-				position: absolute;
-			}
-			:host([text-visible]) .content {
-				color: var(--d2l-color-celestine);
-				height: 1.5rem;
-				padding: 0 0.3rem;
-			}
 
-			:host([text-visible]) d2l-icon,
-			:host(:not([text-visible])) button:hover d2l-icon,
-			:host(:not([text-visible])) button:${unsafeCSS(getFocusPseudoClass())} d2l-icon {
-				color: var(--d2l-color-celestine);
-			}
-			:host(:not([text-visible])) d2l-icon {
-				color: var(--d2l-color-galena);
-				margin: -3px; /** hover/click target */
-				padding: 3px; /** hover/click target */
+			button:hover .line,
+			button:focus .line {
+				border-top-color: var(--d2l-color-celestine-minus-1);
 			}
-			:host([text-visible]) d2l-icon {
-				padding-inline-end: 0.2rem;
+			button:hover d2l-button-add-icon-text,
+			button:focus d2l-button-add-icon-text {
+				--d2l-button-add-icon-text-color: var(--d2l-color-celestine-minus-1);
 			}
 
-			span {
-				font-size: 0.7rem;
-				font-weight: 700;
-				letter-spacing: 0.2px;
-				line-height: 1rem;
+			:host([mode="icon-when-interacted"]) button:not(:focus):not(:hover) d2l-button-add-icon-text {
+				position: absolute;
 			}
 		`;
 	}
@@ -98,8 +75,11 @@ class ButtonAdd extends PropertyRequiredMixin(FocusMixin(LocalizeCoreElement(Lit
 	constructor() {
 		super();
 
-		this.textVisible = false;
+		this.mode = MODE.ICON;
+
 		this._buttonId = getUniqueId();
+		this._hasFocus = false;
+		this._hasHover = false;
 	}
 
 	static get focusElementSelector() {
@@ -108,20 +88,86 @@ class ButtonAdd extends PropertyRequiredMixin(FocusMixin(LocalizeCoreElement(Lit
 
 	render() {
 		const text = this.text || this.localize('components.button-add.addItem');
-		const id = !this.textVisible ? this._buttonId : undefined;
+		const id = !this.mode !== MODE.ICON_AND_TEXT ? this._buttonId : undefined;
+
+		const content = this.mode !== MODE.ICON_AND_TEXT
+			? html`<d2l-button-add-icon-text ?visible-on-ancestor="${this.mode === MODE.ICON_WHEN_INTERACTED}"></d2l-button-add-icon-text>`
+			: html`<d2l-button-add-icon-text text="${text}"></d2l-button-add-icon-text>`;
+		const tooltip = this.mode !== MODE.ICON_AND_TEXT
+			? html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}" for-type="label">${text}</d2l-tooltip>`
+			: nothing;
 
 		return html`
-			<button class="d2l-label-text" id="${ifDefined(id)}">
+			<button
+				class="d2l-label-text d2l-visible-on-ancestor-target"
+				id="${ifDefined(id)}"
+				type="button">
+				<div class="line"></div>
+				${content}
 				<div class="line"></div>
-				<div class="content">
-					<d2l-icon icon="tier1:plus-default"></d2l-icon>
-					${this.textVisible
-		? html`<span>${text}</span>`
-		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}" for-type="label">${text}</d2l-tooltip>`}
-				</div>
 			</button>
+			${tooltip}
 		`;
 	}
+
 }
 customElements.define('d2l-button-add', ButtonAdd);
 
+/**
+ * @ignore
+ */
+class ButtonAddIconText extends VisibleOnAncestorMixin(LitElement) {
+	static get properties() {
+		return {
+			text: { type: String }
+		};
+	}
+
+	static get styles() {
+		return [visibleOnAncestorStyles, css`
+			:host {
+				--d2l-button-add-icon-text-color: var(--d2l-color-galena);
+				align-items: center;
+				display: flex;
+			}
+			:host([text]) {
+				--d2l-button-add-icon-text-color: var(--d2l-color-celestine);
+				color: var(--d2l-button-add-icon-text-color);
+				height: 1.5rem;
+				padding: 0 0.3rem;
+			}
+
+			svg {
+				fill: var(--d2l-button-add-icon-text-color);
+			}
+
+			:host([text]) svg {
+				padding-inline-end: 0.2rem;
+			}
+			:host(:not([text])) svg {
+				margin: -3px; /** hover/click target */
+				padding: 3px; /** hover/click target */
+			}
+
+			span {
+				font-size: 0.7rem;
+				font-weight: 700;
+				letter-spacing: 0.2px;
+				line-height: 1rem;
+			}`
+		];
+	}
+
+	render() {
+		return html`
+			<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+				<g>
+					<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2C10.3845 2 11.7378 2.41054 12.889 3.17971C14.0401 3.94888 14.9373 5.04213 15.4672 6.32122C15.997 7.6003 16.1356 9.00777 15.8655 10.3656C15.5954 11.7235 14.9287 12.9708 13.9497 13.9497C12.9708 14.9287 11.7235 15.5954 10.3656 15.8655C9.00777 16.1356 7.6003 15.997 6.32122 15.4672C5.04213 14.9373 3.94888 14.0401 3.17971 12.889C2.41054 11.7378 2 10.3845 2 9C2.00212 7.14413 2.7403 5.36489 4.05259 4.05259C5.36489 2.7403 7.14413 2.00212 9 2V2ZM9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948212 11.3869 0 9 0V0Z" />
+					<path fill-rule="evenodd" clip-rule="evenodd" d="M10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5V8H5C4.44772 8 4 8.44772 4 9C4 9.55228 4.44772 10 5 10H8V13C8 13.5523 8.44772 14 9 14C9.55228 14 10 13.5523 10 13V10H13C13.5523 10 14 9.55228 14 9C14 8.44772 13.5523 8 13 8H10V5Z" />
+				</g>
+			</svg>
+			${this.text ? html`<span class="d2l-label-text">${this.text}</span>` : nothing}
+		`;
+	}
+}
+customElements.define('d2l-button-add-icon-text', ButtonAddIconText);

package/components/button/demo/button-add.html

@@ -9,8 +9,8 @@
 			import '../button-add.js';
 		</script>
 		<style>
-			.d2l-button-add-dashed {
-				--d2l-button-add-line-style: dashed;
+			.d2l-button-add-demo-snippet-background {
+				background-color: var(--d2l-color-zircon-plus-2);
 			}
 		</style>
 	</head>
@@ -18,45 +18,27 @@
 
 		<d2l-demo-page page-title="d2l-button-add">
 
-			<h2>Add Button</h2>
+			<h2>Default Mode (icon)</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add></d2l-button-add>
+					<d2l-button-add text="Add Item"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>Add Button, dashed line</h2>
+			<h2>"icon-and-text" Mode</h2>
 
-			<d2l-demo-snippet>
-				<template>
-					<d2l-button-add class="d2l-button-add-dashed"></d2l-button-add>
-				</template>
-			</d2l-demo-snippet>
-
-			<h2>Add Button, custom text</h2>
-
-			<d2l-demo-snippet>
+			<d2l-demo-snippet class="d2l-button-add-demo-snippet-background">
 				<template>
-					<d2l-button-add text="Custom Tooltip"></d2l-button-add>
+					<d2l-button-add mode="icon-and-text" text="Custom Text"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 
-
-			<h2>Add Button, text-visible</h2>
-
-			<d2l-demo-snippet>
-				<template>
-					<d2l-button-add text-visible></d2l-button-add>
-				</template>
-			</d2l-demo-snippet>
-
-
-			<h2>Add Button, text-visible, custom text</h2>
+			<h2>"icon-when-interacted" Mode</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add text-visible text="Custom Text"></d2l-button-add>
+					<d2l-button-add mode="icon-when-interacted" text="Add Content"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 

package/custom-elements.json

@@ -354,10 +354,10 @@
           "type": "string"
         },
         {
-          "name": "text-visible",
-          "description": "When true, show the button with icon and visible text. When false, only show icon.",
-          "type": "boolean",
-          "default": "false"
+          "name": "mode",
+          "description": "Display mode of the component. Defaults to \"icon\" (plus icon is always visible). Other options are \"icon-and-text\" (plus icon and text are always visible), and \"icon-when-interacted\" (plus icon is only visible when hover or focus).",
+          "type": "'icon'|'icon-and-text'|'icon-when-interacted'",
+          "default": "\"ICON\""
         }
       ],
       "properties": [
@@ -368,11 +368,11 @@
           "type": "string"
         },
         {
-          "name": "textVisible",
-          "attribute": "text-visible",
-          "description": "When true, show the button with icon and visible text. When false, only show icon.",
-          "type": "boolean",
-          "default": "false"
+          "name": "mode",
+          "attribute": "mode",
+          "description": "Display mode of the component. Defaults to \"icon\" (plus icon is always visible). Other options are \"icon-and-text\" (plus icon and text are always visible), and \"icon-when-interacted\" (plus icon is only visible when hover or focus).",
+          "type": "'icon'|'icon-and-text'|'icon-when-interacted'",
+          "default": "\"ICON\""
         },
         {
           "name": "documentLocaleSettings",
@@ -380,6 +380,28 @@
         }
       ]
     },
+    {
+      "name": "d2l-button-add-icon-text",
+      "path": "./components/button/button-add.js",
+      "attributes": [
+        {
+          "name": "text",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "text",
+          "attribute": "text",
+          "type": "string"
+        },
+        {
+          "name": "visibleOnAncestor",
+          "type": "boolean",
+          "default": "false"
+        }
+      ]
+    },
     {
       "name": "d2l-button-icon",
       "path": "./components/button/button-icon.js",

package/lang/ar.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "إغلاق التنبيه",
 	"components.breadcrumbs.breadcrumb": "شريط التنقل",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "إضافة عنصر",
 	"components.calendar.notSelected": "لم يتم التحديد.",
 	"components.calendar.selected": "تم التحديد.",
 	"components.calendar.show": "إظهار {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "إغلاق مربع الحوار هذا",
 	"components.dropdown.close": "إغلاق",
 	"components.filter.activeFilters": "عوامل تصفية نشطة:",

package/lang/cy.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Cau Hysbysiad",
 	"components.breadcrumbs.breadcrumb": "Briwsionyn Bara",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Ychwanegu Eitem",
 	"components.calendar.notSelected": "Heb ei Ddewis.",
 	"components.calendar.selected": "Wedi'i Ddewis.",
 	"components.calendar.show": "Dangos {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Cau'r dialog hwn",
 	"components.dropdown.close": "Cau",
 	"components.filter.activeFilters": "Dim Hidlwyr Gweithredol:",

package/lang/da.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Luk besked",
 	"components.breadcrumbs.breadcrumb": "Brødkrumme",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Tilføj element",
 	"components.calendar.notSelected": "Ikke valgt.",
 	"components.calendar.selected": "Valgt.",
 	"components.calendar.show": "Vis {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Luk denne dialogboks",
 	"components.dropdown.close": "Luk",
 	"components.filter.activeFilters": "Aktive filtre:",

package/lang/de.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Benachrichtigung schließen",
 	"components.breadcrumbs.breadcrumb": "Brotkrümelnavigation",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Element hinzufügen",
 	"components.calendar.notSelected": "Nicht ausgewählt.",
 	"components.calendar.selected": "Ausgewählt.",
 	"components.calendar.show": "{month} anzeigen",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Dieses Dialogfeld schließen",
 	"components.dropdown.close": "Schließen",
 	"components.filter.activeFilters": "Aktive Filter:",

package/lang/en-gb.js

@@ -5,7 +5,7 @@ export default {
 	"components.calendar.notSelected": "Not Selected.",
 	"components.calendar.selected": "Selected.",
 	"components.calendar.show": "Show {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Close this dialog",
 	"components.dropdown.close": "Close",
 	"components.filter.activeFilters": "Active Filters:",

package/lang/en.js

@@ -5,7 +5,7 @@ export default {
 	"components.calendar.notSelected": "Not Selected.",
 	"components.calendar.selected": "Selected.",
 	"components.calendar.show": "Show {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Close this dialog",
 	"components.dropdown.close": "Close",
 	"components.filter.activeFilters": "Active Filters:",

package/lang/es-es.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Agregar elemento",
 	"components.calendar.notSelected": "No seleccionado.",
 	"components.calendar.selected": "Seleccionado.",
 	"components.calendar.show": "Mostrar {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Cerrar este cuadro de diálogo",
 	"components.dropdown.close": "Cerrar",
 	"components.filter.activeFilters": "Filtros activos:",

package/lang/es.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Agregar elemento",
 	"components.calendar.notSelected": "No seleccionado.",
 	"components.calendar.selected": "Seleccionado.",
 	"components.calendar.show": "Mostrar {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Cerrar este cuadro de diálogo",
 	"components.dropdown.close": "Cerrar",
 	"components.filter.activeFilters": "Filtros activos:",

package/lang/fr-fr.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Fermer l'alerte",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Ajouter un élément",
 	"components.calendar.notSelected": "Non sélectionné.",
 	"components.calendar.selected": "Sélectionné.",
 	"components.calendar.show": "Afficher {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Fermer cette boîte de dialogue",
 	"components.dropdown.close": "Fermer",
 	"components.filter.activeFilters": "Filtres actifs :",

package/lang/fr.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Fermer l'alerte",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Ajouter un élément",
 	"components.calendar.notSelected": "Non sélectionné(e)",
 	"components.calendar.selected": "Sélectionné(e).",
 	"components.calendar.show": "Afficher {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Fermer cette boîte de dialogue",
 	"components.dropdown.close": "Fermer",
 	"components.filter.activeFilters": "Filtres actifs :",

package/lang/hi.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "अलर्ट बंद करें",
 	"components.breadcrumbs.breadcrumb": "ब्रेडक्रंब",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "आइटम जोड़ें",
 	"components.calendar.notSelected": "चयनित नहीं।",
 	"components.calendar.selected": "चयनित।",
 	"components.calendar.show": "{month} दिखाएँ",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "यह संवाद बंद करें",
 	"components.dropdown.close": "बंद करें",
 	"components.filter.activeFilters": "सक्रिय फ़िल्टर्स:",

package/lang/ja.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "アラートを閉じる",
 	"components.breadcrumbs.breadcrumb": "階層",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "項目の追加",
 	"components.calendar.notSelected": "選択されていません。",
 	"components.calendar.selected": "選択されています。",
 	"components.calendar.show": "{month} を表示",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "このダイアログを閉じる",
 	"components.dropdown.close": "閉じる",
 	"components.filter.activeFilters": "アクティブフィルタ:",

package/lang/ko.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "경보 닫기",
 	"components.breadcrumbs.breadcrumb": "이동 경로",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "항목 추가",
 	"components.calendar.notSelected": "선택되지 않음.",
 	"components.calendar.selected": "선택됨.",
 	"components.calendar.show": "{month} 표시",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "이 대화 상자 닫기",
 	"components.dropdown.close": "닫기",
 	"components.filter.activeFilters": "활성 필터:",

package/lang/nl.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Waarschuwing sluiten",
 	"components.breadcrumbs.breadcrumb": "Kruimelpad",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Item toevoegen",
 	"components.calendar.notSelected": "Niet geselecteerd.",
 	"components.calendar.selected": "Geselecteerd.",
 	"components.calendar.show": "{month} weergeven",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Dit dialoogvenster sluiten",
 	"components.dropdown.close": "Sluiten",
 	"components.filter.activeFilters": "Actieve filters:",

package/lang/pt.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Fechar alerta",
 	"components.breadcrumbs.breadcrumb": "Auxiliar de navegação",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Adicionar item",
 	"components.calendar.notSelected": "Não selecionado.",
 	"components.calendar.selected": "Selecionado.",
 	"components.calendar.show": "Mostrar {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Fechar esta caixa de diálogo",
 	"components.dropdown.close": "Fechar",
 	"components.filter.activeFilters": "Filtros ativos:",

package/lang/sv.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Stängningsvarning",
 	"components.breadcrumbs.breadcrumb": "Sökväg",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Lägg till objekt",
 	"components.calendar.notSelected": "Inte vald.",
 	"components.calendar.selected": "Markerad.",
 	"components.calendar.show": "Visa {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Stäng dialogrutan",
 	"components.dropdown.close": "Stäng",
 	"components.filter.activeFilters": "Aktiva filter:",

package/lang/tr.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "Kapatma Uyarısı",
 	"components.breadcrumbs.breadcrumb": "İçerik Haritası",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "Öğe Ekle",
 	"components.calendar.notSelected": "Seçili Değil.",
 	"components.calendar.selected": "Seçili.",
 	"components.calendar.show": "{month} Göster",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "Bu iletişim kutusunu kapat",
 	"components.dropdown.close": "Kapat",
 	"components.filter.activeFilters": "Etkin Filtreler:",

package/lang/zh-cn.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "关闭提醒",
 	"components.breadcrumbs.breadcrumb": "痕迹导航",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "添加项目",
 	"components.calendar.notSelected": "未选择。",
 	"components.calendar.selected": "已选择。",
 	"components.calendar.show": "显示 {month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "关闭此对话框",
 	"components.dropdown.close": "关闭",
 	"components.filter.activeFilters": "活动筛选器：",

package/lang/zh-tw.js

@@ -1,11 +1,11 @@
 export default {
 	"components.alert.close": "關閉警示",
 	"components.breadcrumbs.breadcrumb": "導覽路徑",
-	"components.button-add.addItem": "Add Item",
+	"components.button-add.addItem": "新增項目",
 	"components.calendar.notSelected": "未選取。",
 	"components.calendar.selected": "已選取。",
 	"components.calendar.show": "顯示{month}",
-	"components.count-badge.plus" : "{number}+",
+	"components.count-badge.plus": "{number}+",
 	"components.dialog.close": "關閉此對話方塊",
 	"components.dropdown.close": "關閉",
 	"components.filter.activeFilters": "啟用中的篩選器：",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.168.1",
+  "version": "2.170.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -53,7 +53,7 @@
     "@web/dev-server": "^0.2",
     "chalk": "^5",
     "eslint": "^8",
-    "eslint-config-brightspace": "^0.25",
+    "eslint-config-brightspace": "^1",
     "glob-all": "^3",
     "messageformat-validator": "^2",
     "node-sass": "^9",