@brightspace-ui/core 3.1.2 → 3.2.0

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

@@ -48,6 +48,10 @@ input.addEventListener('change', (e) => {
   console.log(input.value);
 });
 ```
+
+### Slots
+
+* `inline-help`: Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
 <!-- docs: end hidden content -->
 
 ### Accessibility Properties

package/components/inputs/input-color.js

@@ -81,6 +81,7 @@ const SWATCH_TRANSPARENT = `<svg xmlns="http://www.w3.org/2000/svg" width="24" h
 
 /**
  * This component allows for inputting a HEX color value.
+ * @slot inline-help - Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
  * @fires change - Dispatched when an alteration to the value is committed by the user.
  */
 class InputColor extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(FormElementMixin(LocalizeCoreElement(LitElement))))) {

package/components/table/README.md

@@ -182,7 +182,8 @@ When tabular data can be sorted, the `<d2l-table-col-sort-button>` can be used t
                 <th>
                   <d2l-table-col-sort-button
                     @click="${this._handleSort}"
-                    ?desc="${this._sortDesc}">
+					?desc="${this._sortDesc}"
+					source-type="words">
                     Column A
                   </d2l-table-col-sort-button>
                 </th>
@@ -226,6 +227,7 @@ When tabular data can be sorted, the `<d2l-table-col-sort-button>` can be used t
 |---|---|---|---|
 | `desc` | boolean | Whether sort direction is descending | false |
 | `nosort` | boolean | Column is not currently sorted. Hides the ascending/descending sort icon. | false |
+| `source-type` | string | The type of data in the column. Used to set the title. Accepted values are 'words', 'numbers', and 'dates'. | 'unknown' |
 
 ## Selection
 

package/components/table/demo/table-test.js

@@ -177,10 +177,12 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
 			<th scope="col">
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="words"
 					?desc="${this._sortDesc}"
 					?nosort="${this._sortField !== item1.toLowerCase()}">${item1}</d2l-table-col-sort-button>
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="words"
 					?desc="${this._sortDesc}"
 					?nosort="${this._sortField !== item2.toLowerCase()}">${item2}</d2l-table-col-sort-button>
 			</th>
@@ -193,6 +195,7 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
 			<th scope="col">
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="numbers"
 					?desc="${this._sortDesc}"
 					?nosort="${noSort}">${item}</d2l-table-col-sort-button>
 				${item === 'Size' && this.showButtons ? html`<d2l-button-icon text="Help" icon="tier1:help"></d2l-button-icon>` : nothing}

package/components/table/table-col-sort-button.js

@@ -3,12 +3,15 @@ import '../icons/icon.js';
 import { css, html, LitElement, unsafeCSS } from 'lit';
 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';
 
 /**
  * Button for sorting a table column in ascending/descending order.
  * @slot - Text of the sort button
  */
-export class TableColSortButton extends FocusMixin(LitElement) {
+export class TableColSortButton extends LocalizeCoreElement(FocusMixin(LitElement)) {
 
 	static get properties() {
 		return {
@@ -27,6 +30,14 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 			nosort: {
 				reflect: true,
 				type: Boolean
+			},
+			/**
+			 * The type of data in the column. Used to set the title.
+			 *  @type {'words'|'numbers'|'dates'|'unknown'}
+			 */
+			sourceType: {
+				attribute: 'source-type',
+				type: String
 			}
 		};
 	}
@@ -81,8 +92,11 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 
 	constructor() {
 		super();
-		this.nosort = false;
 		this.desc = false;
+		this.nosort = false;
+		this.sourceType = 'unknown';
+
+		this._describedById = getUniqueId();
 	}
 
 	static get focusElementSelector() {
@@ -90,10 +104,24 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 	}
 
 	render() {
+		const buttonDescription = this.nosort ? this.localize('components.table-col-sort-button.addSortOrder') : this.localize('components.table-col-sort-button.changeSortOrder');
+		const buttonTitle = this.nosort
+			? undefined
+			: this.localize('components.table-col-sort-button.title', {
+				sourceType: this.sourceType,
+				direction: this.desc ? 'desc' : undefined
+			});
+
 		const iconView = !this.nosort ?
 			html`<d2l-icon icon="${this.desc ? 'tier1:arrow-toggle-down' : 'tier1:arrow-toggle-up'}"></d2l-icon>` :
 			null;
-		return html`<button type="button"><slot></slot>${iconView}</button>`;
+
+		return html`<button
+				aria-describedby="${this._describedById}"
+				title="${ifDefined(buttonTitle)}"
+				type="button">
+				<slot></slot>${iconView}
+			</button><span id="${this._describedById}" hidden>${buttonDescription}</span>`;
 	}
 
 }

package/custom-elements.json

@@ -5085,6 +5085,12 @@
           "name": "change",
           "description": "Dispatched when an alteration to the value is committed by the user."
         }
+      ],
+      "slots": [
+        {
+          "name": "inline-help",
+          "description": "Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label."
+        }
       ]
     },
     {
@@ -12019,20 +12025,33 @@
       "path": "./components/table/table-col-sort-button.js",
       "description": "Button for sorting a table column in ascending/descending order.",
       "attributes": [
+        {
+          "name": "desc",
+          "description": "Whether sort direction is descending",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "nosort",
           "description": "Column is not currently sorted. Hides the ascending/descending sort icon.",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "source-type",
+          "description": "The type of data in the column. Used to set the title.",
+          "type": "'words'|'numbers'|'dates'|'unknown'",
+          "default": "\"unknown\""
+        }
+      ],
+      "properties": [
         {
           "name": "desc",
+          "attribute": "desc",
           "description": "Whether sort direction is descending",
           "type": "boolean",
           "default": "false"
-        }
-      ],
-      "properties": [
+        },
         {
           "name": "nosort",
           "attribute": "nosort",
@@ -12041,11 +12060,15 @@
           "default": "false"
         },
         {
-          "name": "desc",
-          "attribute": "desc",
-          "description": "Whether sort direction is descending",
-          "type": "boolean",
-          "default": "false"
+          "name": "sourceType",
+          "attribute": "source-type",
+          "description": "The type of data in the column. Used to set the title.",
+          "type": "'words'|'numbers'|'dates'|'unknown'",
+          "default": "\"unknown\""
+        },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         }
       ],
       "slots": [

package/lang/ar.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "مرئي.",
 	"components.switch.hidden": "مخفي",
 	"components.switch.conditions": "يجب استيفاء الشروط",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "إجراءات للجدول",
 	"components.tabs.next": "التمرير إلى الأمام",
 	"components.tabs.previous": "التمرير إلى الخلف",

package/lang/cy.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Gweladwy.",
 	"components.switch.hidden": "Cudd",
 	"components.switch.conditions": "Rhaid bodloni’r amodau",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Camau gweithredu ar gyfer y tabl",
 	"components.tabs.next": "Sgrolio Ymlaen",
 	"components.tabs.previous": "Sgrolio Yn Ôl",

package/lang/da.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Skjult",
 	"components.switch.conditions": "Betingelserne skal være opfyldt",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Handlinger for tabel",
 	"components.tabs.next": "Rul frem",
 	"components.tabs.previous": "Rul tilbage",

package/lang/de.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Sichtbar.",
 	"components.switch.hidden": "Ausgeblendet",
 	"components.switch.conditions": "Bedingungen müssen erfüllt sein",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Aktionen für Tabelle",
 	"components.tabs.next": "Weiterblättern",
 	"components.tabs.previous": "Zurückblättern",

package/lang/en-gb.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.",
 	"components.switch.hidden": "Hidden",
 	"components.switch.conditions": "Conditions must be met",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions for table",
 	"components.tabs.next": "Scroll Forwards",
 	"components.tabs.previous": "Scroll Backwards",

package/lang/en.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.",
 	"components.switch.hidden": "Hidden",
 	"components.switch.conditions": "Conditions must be met",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions for table",
 	"components.tabs.next": "Scroll Forward",
 	"components.tabs.previous": "Scroll Backward",

package/lang/es-es.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "Deben cumplirse las condiciones",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acciones para la tabla",
 	"components.tabs.next": "Desplazarse hacia delante",
 	"components.tabs.previous": "Desplazarse hacia atrás",

package/lang/es.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "Se deben cumplir las condiciones",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acciones de la tabla",
 	"components.tabs.next": "Desplazarse hacia adelante",
 	"components.tabs.previous": "Desplazarse hacia atrás",

package/lang/fr-fr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué",
 	"components.switch.conditions": "Les conditions doivent être remplies",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions du tableau",
 	"components.tabs.next": "Faire défiler vers l'avant",
 	"components.tabs.previous": "Faire défiler vers l'arrière",

package/lang/fr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué(e)",
 	"components.switch.conditions": "Les conditions doivent être remplies",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions pour la table",
 	"components.tabs.next": "Défilement avant",
 	"components.tabs.previous": "Défilement arrière",

package/lang/hi.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "दृश्यमान।",
 	"components.switch.hidden": "छुपा हुआ",
 	"components.switch.conditions": "शर्तें पूरी होनी चाहिए",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "तालिका के लिए क्रियाएँ",
 	"components.tabs.next": "आगे स्क्रॉल करें",
 	"components.tabs.previous": "पीछे स्क्रॉल करें",

package/lang/ja.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "表示。",
 	"components.switch.hidden": "非表示",
 	"components.switch.conditions": "条件が一致する必要があります",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "テーブルのアクション",
 	"components.tabs.next": "前方にスクロール",
 	"components.tabs.previous": "後方にスクロール",

package/lang/ko.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "표시.",
 	"components.switch.hidden": "숨김",
 	"components.switch.conditions": "조건을 충족해야 합니다",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "표에 대한 작업",
 	"components.tabs.next": "앞으로 스크롤",
 	"components.tabs.previous": "뒤로 스크롤",

package/lang/nl.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Zichtbaar.",
 	"components.switch.hidden": "Verborgen",
 	"components.switch.conditions": "Er moet aan de voorwaarden worden voldaan",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acties voor tabel",
 	"components.tabs.next": "Naar voren scrollen",
 	"components.tabs.previous": "Naar achteren scrollen",

package/lang/pt.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visível.",
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "As condições devem ser atendidas",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Ações para a tabela",
 	"components.tabs.next": "Ir para frente",
 	"components.tabs.previous": "Ir para trás",

package/lang/sv.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Dold",
 	"components.switch.conditions": "Villkoren måste uppfyllas",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Åtgärder för tabell",
 	"components.tabs.next": "Bläddra framåt",
 	"components.tabs.previous": "Bläddra bakåt",

package/lang/tr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Görünür.",
 	"components.switch.hidden": "Gizli",
 	"components.switch.conditions": "Koşullar karşılanmalıdır",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Tablo için eylemler",
 	"components.tabs.next": "İleri Kaydır",
 	"components.tabs.previous": "Geri Kaydır",

package/lang/zh-cn.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "可见。",
 	"components.switch.hidden": "隐藏",
 	"components.switch.conditions": "必须符合条件",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "对表格的操作",
 	"components.tabs.next": "向前滚动",
 	"components.tabs.previous": "向后滚动",

package/lang/zh-tw.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "可見。",
 	"components.switch.hidden": "隱藏",
 	"components.switch.conditions": "必須符合條件",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "表格動作",
 	"components.tabs.next": "向前捲動",
 	"components.tabs.previous": "向後捲動",

package/package.json

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