@kazee-ds/vue 0.7.0 → 0.8.0

package/README.md

@@ -2,7 +2,7 @@
 
 Accessible Kazee Vue components, including Toast, built on Reka UI and native controls. Requires Vue 3.4+ and ESM.
 
-Version **0.7.0** adds Avatar/AvatarGroup, expanded Badge, sized/icon Switch, interactive/compact Card, dense controls, input clearing and composable date/time families with native Vue models and slots. Existing compact APIs remain supported. Verify registry availability before installing; use matching local packed artifacts for checkout testing. See [component expansion](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/component-expansion.md) and [release status](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/versions.md).
+Version **0.8.0** adds controlled selectable Card actions and builds on Avatar/AvatarGroup, expanded Badge, sized/icon Switch, interactive/compact Card, dense controls, input clearing and composable date/time families with native Vue models and slots. Existing compact APIs remain supported. Verify registry availability before installing; use matching local packed artifacts for checkout testing. See [component expansion](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/component-expansion.md) and [release status](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/versions.md).
 
 
 Version 0.5.3 ignores Toast shortcut events with missing or non-string keys. Normal shortcuts and scoped Escape dismissal remain available.
@@ -12,7 +12,7 @@ Version 0.5.3 ignores Toast shortcut events with missing or non-string keys. Nor
 Public npm installation requires no read token or login. Preserve the application's package manager and lockfile.
 
 ```sh
-npm install --save-exact @kazee-ds/vue@0.7.0 @kazee-ds/styles@0.7.0
+npm install --save-exact @kazee-ds/vue@0.8.0 @kazee-ds/styles@0.8.0
 ```
 
 ## Use

package/dist/index.js

@@ -755,8 +755,12 @@ var CardAction_default = /* @__PURE__ */ defineComponent({
 		href: {},
 		target: {},
 		rel: {},
-		onPress: { type: Function },
+		onPress: {},
 		disabled: { type: Boolean },
+		selected: {
+			type: Boolean,
+			default: void 0
+		},
 		actionLabel: {},
 		actionLabelledBy: {},
 		actionClassName: {}
@@ -775,7 +779,8 @@ var CardAction_default = /* @__PURE__ */ defineComponent({
 			tabindex: props.disabled ? -1 : void 0,
 			...props.href ? {} : {
 				type: "button",
-				disabled: props.disabled
+				disabled: props.disabled,
+				"aria-pressed": props.selected
 			},
 			onClick: (event) => {
 				if (props.disabled) event.preventDefault();
@@ -801,6 +806,10 @@ var CardRoot_default = /* @__PURE__ */ defineComponent({
 		rel: {},
 		onPress: {},
 		disabled: { type: Boolean },
+		selected: {
+			type: Boolean,
+			default: void 0
+		},
 		actionLabel: {},
 		actionLabelledBy: {},
 		actionClassName: {},
@@ -815,7 +824,8 @@ var CardRoot_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["card", __props.classNames?.root]),
 				"data-density": __props.density,
 				"data-interactive": !!(__props.href || __props.onPress) || void 0,
-				"data-disabled": __props.disabled || void 0
+				"data-disabled": __props.disabled || void 0,
+				"data-selected": __props.selected || void 0
 			}, {
 				default: withCtx(() => [createVNode(CardAction_default, mergeProps(_ctx.$props, {
 					"action-class-name": [__props.classNames?.action, __props.actionClassName].filter(Boolean).join(" "),
@@ -835,7 +845,8 @@ var CardRoot_default = /* @__PURE__ */ defineComponent({
 				"class",
 				"data-density",
 				"data-interactive",
-				"data-disabled"
+				"data-disabled",
+				"data-selected"
 			]);
 		};
 	}
@@ -3739,7 +3750,8 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 var _hoisted_1$29 = [
 	"data-density",
 	"data-interactive",
-	"data-disabled"
+	"data-disabled",
+	"data-selected"
 ];
 var _hoisted_2$18 = ["data-align", "data-divided"];
 var _hoisted_3$14 = ["data-flush"];
@@ -3755,6 +3767,10 @@ var Card_default = /* @__PURE__ */ defineComponent({
 		rel: {},
 		onPress: {},
 		disabled: { type: Boolean },
+		selected: {
+			type: Boolean,
+			default: void 0
+		},
 		actionLabel: {},
 		actionLabelledBy: {},
 		actionClassName: {},
@@ -3771,14 +3787,16 @@ var Card_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(partClasses)("card", _ctx.$props.classNames?.root)),
 				"data-density": __props.density,
 				"data-interactive": !!(__props.href || __props.onPress) || void 0,
-				"data-disabled": __props.disabled || void 0
+				"data-disabled": __props.disabled || void 0,
+				"data-selected": __props.selected || void 0
 			}, [
 				createVNode(CardAction_default, mergeProps({
 					href: __props.href,
 					target: __props.target,
 					rel: __props.rel,
 					onPress: __props.onPress,
-					disabled: __props.disabled
+					disabled: __props.disabled,
+					selected: __props.selected
 				}, {
 					"action-class-name": [__props.classNames?.action, __props.actionClassName].filter(Boolean).join(" "),
 					"action-labelled-by": __props.actionLabelledBy ?? _ctx.$attrs["aria-labelledby"],