@kazee-ds/vue 0.5.0 → 0.5.2

package/README.md

@@ -0,0 +1,30 @@
+# @kazee-ds/vue
+
+Accessible Kazee Vue components, including Toast, built on Reka UI and native controls. Requires Vue 3.4+ and ESM.
+
+## Install
+
+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.5.2 @kazee-ds/styles@0.5.2
+```
+
+## Use
+
+```vue
+<script setup>
+import { Button } from '@kazee-ds/vue';
+import '@kazee-ds/styles/index.css';
+</script>
+
+<template>
+  <Button @press="console.log('Saved')">Save</Button>
+</template>
+```
+
+Import the stylesheet once globally. React/Vue/styles are version `0.5.2`; tokens and consumer lint remain `0.4.1`. Check the [version matrix](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/versions.md) for release availability. Read installed public types before using an API from a newer Storybook or MCP catalog.
+
+[Installation](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/installation.md) ? [Public Storybook](https://kazee-design-system-023417.gitlab.io) ? [Consumer lint](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/consumer-lint.md)
+
+License: UNLICENSED. Public distribution does not grant an open-source license.

package/dist/index.js

@@ -2736,6 +2736,7 @@ function useToast() {
 var _hoisted_1$13 = [
 	"data-toast-id",
 	"data-tone",
+	"data-has-close",
 	"data-loading",
 	"data-state",
 	"data-placement",
@@ -2794,6 +2795,10 @@ var Toast_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		showCloseButton: {
+			type: Boolean,
+			default: false
+		},
 		swipeThreshold: { default: 50 }
 	},
 	setup(__props) {
@@ -2901,6 +2906,7 @@ var Toast_default = /* @__PURE__ */ defineComponent({
 					class: "toast",
 					"data-toast-id": __props.entry.id,
 					"data-tone": __props.entry.tone,
+					"data-has-close": __props.showCloseButton || void 0,
 					"data-loading": __props.entry.isLoading || void 0,
 					"data-state": __props.entry.state,
 					"data-placement": __props.placement,
@@ -2972,7 +2978,8 @@ var Toast_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["alt-text", "disabled"])) : createCommentVNode("", true)])) : createCommentVNode("", true)
 					])]),
-					createVNode(unref(ToastClose), {
+					__props.showCloseButton ? (openBlock(), createBlock(unref(ToastClose), {
+						key: 0,
 						class: "toast__close",
 						"aria-label": __props.closeLabel,
 						disabled: closing.value,
@@ -2987,7 +2994,7 @@ var Toast_default = /* @__PURE__ */ defineComponent({
 							"stroke-linecap": "round"
 						}, [createElementVNode("path", { d: "m6 6 12 12M6 18 18 6" })], -1)])]),
 						_: 1
-					}, 8, ["aria-label", "disabled"]),
+					}, 8, ["aria-label", "disabled"])) : createCommentVNode("", true),
 					__props.showProgress && __props.entry.duration > 0 && !__props.entry.isLoading ? (openBlock(), createElementBlock("span", {
 						key: `${__props.entry.generation}-${__props.entry.remaining}-${__props.entry.paused}`,
 						class: "toast__progress",
@@ -3297,6 +3304,10 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		showCloseButton: {
+			type: Boolean,
+			default: false
+		},
 		swipeThreshold: { default: 50 }
 	},
 	setup(__props) {
@@ -3518,6 +3529,7 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 							dir: __props.dir,
 							"close-label": __props.closeLabel,
 							"show-progress": __props.showProgress,
+							"show-close-button": __props.showCloseButton,
 							"swipe-threshold": __props.swipeThreshold
 						}, createSlots({ _: 2 }, [_ctx.$slots.toast ? {
 							name: "default",
@@ -3534,6 +3546,7 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 							"dir",
 							"close-label",
 							"show-progress",
+							"show-close-button",
 							"swipe-threshold"
 						]);
 					}), 128))