@juspay/svelte-ui-components 4.37.0 → 4.37.1

package/dist/Table/Table.svelte

@@ -1228,6 +1228,7 @@
                   value={[String(effectivePageSize)]}
                   disabled={pagination.isLoading ?? false}
                   usePortal
+                  ariaLabel={labels?.rowsPerPage ?? 'Rows per page'}
                   testId={pagination.testId && `${pagination.testId}-page-size`}
                   onchange={(selectedSizes) => {
                     if (selectedSizes.length > 0) {

package/dist/Table/properties.d.ts

@@ -520,8 +520,9 @@ export type TableProperties = OptionalTableProperties & TableEventProperties;
  * Accessible names Table generates for its own controls, for callers who do
  * not ship an English UI.
  *
- * Every member is optional and falls back to the English string Table has
- * always used, so adding this prop changes nothing for existing consumers.
+ * Every member is optional and falls back to an English default. All but
+ * `rowsPerPage` keep the string Table has always used; `rowsPerPage` adds a
+ * name to a control that previously had none.
  *
  * The two that depend on a column, and the one that depends on a row, are
  * functions rather than templates with a placeholder: a translator needs to
@@ -546,6 +547,8 @@ export type TableLabels = {
     clearSearch?: string;
     /** Button that dismisses the search box. Default: `Close search`. */
     closeSearch?: string;
+    /** Page-size selector in the built-in paginator footer. Default: `Rows per page`. */
+    rowsPerPage?: string;
 };
 export type OptionalTableProperties = {
     labels?: TableLabels;

package/dist-wc/index.js

@@ -24694,7 +24694,7 @@ function Table(e, t) {
 						let e = /* @__PURE__ */ user_derived(() => get(An).map((e) => ({
 							id: String(e),
 							label: String(e)
-						}))), t = /* @__PURE__ */ user_derived(() => [String(get(Cn))]), i = /* @__PURE__ */ user_derived(() => dt().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => dt().testId && `${dt().testId}-page-size`);
+						}))), t = /* @__PURE__ */ user_derived(() => [String(get(Cn))]), i = /* @__PURE__ */ user_derived(() => dt().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => bt()?.rowsPerPage ?? "Rows per page"), o = /* @__PURE__ */ user_derived(() => dt().testId && `${dt().testId}-page-size`);
 						Select(n, {
 							get items() {
 								return get(e);
@@ -24706,9 +24706,12 @@ function Table(e, t) {
 								return get(i);
 							},
 							usePortal: !0,
-							get testId() {
+							get ariaLabel() {
 								return get(a);
 							},
+							get testId() {
+								return get(o);
+							},
 							onchange: (e) => {
 								e.length > 0 && Pn(Number(e[0]));
 							}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.37.0",
+  "version": "4.37.1",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",