@ac-design/design-system 2.7.0 → 2.8.0

package/dist/lib/components/AcNumberInput.vue_vue_type_script_setup_true_lang.js

@@ -21,6 +21,16 @@ var oe = ["for"], g = { key: 0 }, _ = ["id"], se = { class: "flex items-center g
 	__name: "AcNumberInput",
 	props: /*@__PURE__*/ o({
 		label: { default: "" },
+		labelClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
 		name: { default: "" },
 		placeholder: { default: void 0 },
 		min: { default: void 0 },
@@ -213,7 +223,7 @@ var oe = ["for"], g = { key: 0 }, _ = ["id"], se = { class: "flex items-center g
 			pe.value ? (l(), n("label", {
 				key: 0,
 				for: p(S),
-				class: c(["mb-2 flex items-center text-base font-medium text-heading", !a.flushLabelSlots && "gap-1"])
+				class: c(["mb-2 flex items-center text-base font-medium text-heading", [!a.flushLabelSlots && "gap-1", a.labelClass]])
 			}, [
 				d(e.$slots, "label-icon"),
 				a.label ? (l(), n("span", g, f(a.label), 1)) : t("", !0),

package/dist/lib/components/AcSelect.vue.d.ts

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from "vue";
 import type { SelectOption } from "./types";
 export interface Props<T> {
     /** The choices: `{ value, label, description?, disabled?, group? }`. */
@@ -6,6 +7,8 @@ export interface Props<T> {
     by?: string | ((a: T, b: T) => boolean);
     /** Label above the field. Also the accessible name of the select. */
     label?: string;
+    /** Classes for the label above the field, e.g. `@min-[401px]:sr-only` to hide it on wide layouts while screen readers still read it. */
+    labelClass?: HTMLAttributes["class"];
     /** Text shown in the field while nothing is selected, e.g. "Select a version". */
     placeholder?: string;
     /** Allow several values; `v-model` becomes an array. */