@kazee-ds/vue 0.10.0 → 0.10.2

package/README.md

@@ -1,7 +1,8 @@
 # @kazee-ds/vue
 
-Workspace additions: bounded selection popovers, Select-compatible Combobox sizing and opt-in focus/nonempty-selection policies, including compound parts. These additions are unpublished; see [Combobox and option-list documentation](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/select-and-combobox.md).
+Prepared **0.10.2** centers the check and indeterminate dash of composed `Checkbox.Indicator`. Use React **0.10.3** or Vue **0.10.2** with styles **0.11.0**. These versions are unpublished; see [release status](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/versions.md).
 
+The prepared styles **0.11.0** bundle tokens **0.7.0**, which add `--ds-color-text-secondary`: a cool-gray secondary text role (`#6b7090` light, `#9ca0ba` dark) that meets WCAG AA on default, raised and sunken surfaces. Published styles **0.10.3** / tokens **0.6.1** introduced `#DBDBDB` light-theme neutral borders, which remain unchanged.
 Accessible Kazee Vue components, including Toast, built on Reka UI and native controls. Requires Vue 3.4+ and ESM.
 
 Version **0.10.0** adds Combobox sizing, focus/search and nonempty-selection policies, full-control popovers, and compact and compound Dialog header/footer dividers and builds on controlled selectable Card actions, 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).
@@ -11,10 +12,10 @@ Version 0.5.3 ignores Toast shortcut events with missing or non-string keys. Nor
 
 ## Install
 
-Public npm installation requires no read token or login. Preserve the application's package manager and lockfile.
+After the prepared versions are published and verified, public npm installation requires no read token or login. Until then use matching local packed artifacts. Preserve the application's package manager and lockfile.
 
 ```sh
-npm install --save-exact @kazee-ds/vue@0.10.0 @kazee-ds/styles@0.10.0
+npm install --save-exact @kazee-ds/vue@0.10.2 @kazee-ds/styles@0.11.0
 ```
 
 ## Use

package/dist/index.js

@@ -569,7 +569,10 @@ var CheckboxIndicator_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const { forwardRef } = useForwardExpose();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CheckboxIndicator), mergeProps({ ref: unref(forwardRef) }, {
+			return openBlock(), createBlock(unref(CheckboxIndicator), mergeProps({
+				ref: unref(forwardRef),
+				class: "checkbox__indicator"
+			}, {
 				...props,
 				..._ctx.$attrs
 			}), {
@@ -6084,7 +6087,7 @@ var _hoisted_6$7 = ["cx", "cy"];
 var _hoisted_7$6 = ["x"];
 var _hoisted_8$5 = { scope: "col" };
 var _hoisted_9$3 = { scope: "col" };
-var _hoisted_10$3 = { scope: "row" };
+var _hoisted_10$2 = { scope: "row" };
 //#endregion
 //#region src/Chart.vue
 var Chart_default = /* @__PURE__ */ defineComponent({
@@ -6165,7 +6168,7 @@ var Chart_default = /* @__PURE__ */ defineComponent({
 					}), 128))
 				], 2)), createVNode(Table_default, { caption: __props.label }, {
 					default: withCtx(() => [createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", _hoisted_8$5, toDisplayString(__props.categoryLabel), 1), createElementVNode("th", _hoisted_9$3, toDisplayString(__props.valueLabel), 1)])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value.items, (item) => {
-						return openBlock(), createElementBlock("tr", { key: item.id }, [createElementVNode("th", _hoisted_10$3, toDisplayString(item.label), 1), createElementVNode("td", null, toDisplayString(format.value.format(item.value)), 1)]);
+						return openBlock(), createElementBlock("tr", { key: item.id }, [createElementVNode("th", _hoisted_10$2, toDisplayString(item.label), 1), createElementVNode("td", null, toDisplayString(format.value.format(item.value)), 1)]);
 					}), 128))])]),
 					_: 1
 				}, 8, ["caption"])], 64)) : (openBlock(), createBlock(Empty_default, {
@@ -7415,8 +7418,8 @@ var _hoisted_6$6 = {
 var _hoisted_7$5 = { class: "calendar__year-navigation" };
 var _hoisted_8$4 = ["disabled", "aria-label"];
 var _hoisted_9$2 = ["disabled", "aria-label"];
-var _hoisted_10$2 = ["aria-label"];
-var _hoisted_11$1 = [
+var _hoisted_10$1 = ["aria-label"];
+var _hoisted_11 = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
@@ -7570,8 +7573,8 @@ var MonthYearNavigation_default = /* @__PURE__ */ defineComponent({
 						choose(year, current.value.month);
 						if (__props.mode === "header") view.value = "month";
 					}
-				}, toDisplayString(year), 9, _hoisted_11$1);
-			}), 128))], 8, _hoisted_10$2)])), __props.mode === "header" ? (openBlock(), createElementBlock("button", {
+				}, toDisplayString(year), 9, _hoisted_11);
+			}), 128))], 8, _hoisted_10$1)])), __props.mode === "header" ? (openBlock(), createElementBlock("button", {
 				key: 2,
 				type: "button",
 				class: "calendar__back",
@@ -7712,25 +7715,19 @@ function createDateRangePresets(referenceDate = currentDate(), locale = "id-ID",
 //#region src/DateRangePanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$8 = ["data-readonly"];
 var _hoisted_2$7 = ["id"];
-var _hoisted_3$6 = ["aria-label"];
-var _hoisted_4$5 = [
-	"disabled",
-	"aria-pressed",
-	"onClick"
-];
-var _hoisted_5$5 = [
+var _hoisted_3$6 = [
 	"aria-label",
 	"disabled",
 	"value"
 ];
-var _hoisted_6$5 = ["value"];
-var _hoisted_7$4 = [
+var _hoisted_4$5 = ["value"];
+var _hoisted_5$5 = [
 	"disabled",
 	"value",
 	"min",
 	"max"
 ];
-var _hoisted_8$3 = [
+var _hoisted_6$5 = [
 	"value",
 	"min",
 	"max",
@@ -7740,10 +7737,9 @@ var _hoisted_8$3 = [
 	"aria-describedby",
 	"onInput"
 ];
-var _hoisted_9$1 = ["id"];
-var _hoisted_10$1 = ["disabled"];
-var _hoisted_11 = ["disabled"];
-var _hoisted_12 = ["disabled"];
+var _hoisted_7$4 = ["id"];
+var _hoisted_8$3 = ["disabled"];
+var _hoisted_9$1 = ["disabled"];
 //#endregion
 //#region src/DateRangePanel.vue
 var DateRangePanel_default = /* @__PURE__ */ defineComponent({
@@ -7807,25 +7803,11 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(partClasses)("date-range__content", _ctx.$props.classNames?.content)),
 				"data-readonly": __props.readonly || void 0
 			}, [
-				createElementVNode("header", { class: normalizeClass(unref(partClasses)("date-range__intro", _ctx.$props.classNames?.intro)) }, [createElementVNode("h2", { id: `${__props.id}-title` }, toDisplayString(__props.labels.title), 9, _hoisted_2$7), createElementVNode("p", {
+				createElementVNode("header", { class: normalizeClass(unref(partClasses)("date-range__intro temporal__sr-only", _ctx.$props.classNames?.intro)) }, [createElementVNode("h2", { id: `${__props.id}-title` }, toDisplayString(__props.labels.title), 9, _hoisted_2$7), createElementVNode("p", {
 					class: normalizeClass(unref(partClasses)("date-range__summary", _ctx.$props.classNames?.summary)),
 					"aria-live": "polite"
 				}, toDisplayString(unref(rangeText)(nullable.value, locale.value) || __props.labels.incomplete), 3)], 2),
-				createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__body", _ctx.$props.classNames?.body)) }, [__props.options.presets?.length ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(partClasses)("date-range__presets", _ctx.$props.classNames?.presets)),
-					role: "group",
-					"aria-label": __props.labels.presets
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options.presets, (preset) => {
-					return openBlock(), createElementBlock("button", {
-						key: preset.id,
-						type: "button",
-						class: normalizeClass(unref(partClasses)("date-range__preset", _ctx.$props.classNames?.preset)),
-						disabled: __props.disabled || __props.readonly || !!unref(rangeError)(preset.value, __props.options),
-						"aria-pressed": __props.draft.start === preset.value.start && __props.draft.end === preset.value.end,
-						onClick: ($event) => emit("draft", { ...preset.value })
-					}, toDisplayString(preset.label), 11, _hoisted_4$5);
-				}), 128))], 10, _hoisted_3$6)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__main", _ctx.$props.classNames?.main)) }, [
+				createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__body", _ctx.$props.classNames?.body)) }, [createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__main", _ctx.$props.classNames?.main)) }, [
 					__props.options.showMonthYearPicker ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(unref(partClasses)("date-range__jump", _ctx.$props.classNames?.jump))
@@ -7846,8 +7828,8 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						}).format(focused.value.set({
 							month,
 							day: 1
-						}).toDate("UTC"))), 9, _hoisted_6$5);
-					}), 64))], 40, _hoisted_5$5)]), createElementVNode("label", null, [createElementVNode("span", null, toDisplayString(locale.value.startsWith("id") ? "Tahun" : "Year"), 1), createElementVNode("input", {
+						}).toDate("UTC"))), 9, _hoisted_4$5);
+					}), 64))], 40, _hoisted_3$6)]), createElementVNode("label", null, [createElementVNode("span", null, toDisplayString(locale.value.startsWith("id") ? "Tahun" : "Year"), 1), createElementVNode("input", {
 						type: "number",
 						form: "",
 						disabled: __props.disabled,
@@ -7855,7 +7837,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						min: unref(asDate)(__props.options.minDate)?.year ?? 1,
 						max: unref(asDate)(__props.options.maxDate)?.year ?? 9999,
 						onChange: jumpYear
-					}, null, 40, _hoisted_7$4)])], 2)) : createCommentVNode("", true),
+					}, null, 40, _hoisted_5$5)])], 2)) : createCommentVNode("", true),
 					__props.options.showInputs !== false ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(unref(partClasses)("date-range__inputs", _ctx.$props.classNames?.inputs))
@@ -7874,7 +7856,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 							"aria-invalid": !!errorCode.value,
 							"aria-describedby": error.value ? `${__props.id}-draft-error` : void 0,
 							onInput: ($event) => edit(part, $event)
-						}, null, 40, _hoisted_8$3)], 2);
+						}, null, 40, _hoisted_6$5)], 2);
 					}), 64))], 2)) : createCommentVNode("", true),
 					createVNode(unref(RangeCalendarRoot), {
 						placeholder: focused.value,
@@ -7995,7 +7977,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						id: `${__props.id}-draft-error`,
 						role: "alert"
-					}, toDisplayString(error.value), 9, _hoisted_9$1)) : createCommentVNode("", true)], 2)
+					}, toDisplayString(error.value), 9, _hoisted_7$4)) : createCommentVNode("", true)], 2)
 				], 2)], 2),
 				__props.options.showActions !== false ? (openBlock(), createElementBlock("footer", {
 					key: 0,
@@ -8008,32 +7990,17 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						start: "",
 						end: ""
 					}))
-				}, toDisplayString(__props.labels.clear), 11, _hoisted_10$1), createElementVNode("div", null, [
-					createElementVNode("button", {
-						type: "button",
-						class: "button button--ghost button--sm",
-						disabled: __props.disabled || __props.readonly || !!unref(rangeError)({
-							start: unref(currentDate)(),
-							end: unref(currentDate)()
-						}, __props.options),
-						onClick: _cache[3] || (_cache[3] = ($event) => emit("draft", {
-							start: unref(currentDate)(),
-							end: unref(currentDate)()
-						}))
-					}, toDisplayString(locale.value.startsWith("id") ? "Hari ini" : "Today"), 9, _hoisted_11),
-					createElementVNode("button", {
-						type: "button",
-						class: normalizeClass(unref(partClasses)("button button--secondary button--sm date-range__cancel", _ctx.$props.classNames?.cancel)),
-						onClick: _cache[4] || (_cache[4] = ($event) => emit("cancel"))
-					}, toDisplayString(__props.labels.cancel), 3),
-					__props.options.commitMode !== "immediate" ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						type: "button",
-						class: normalizeClass(unref(partClasses)("button button--primary button--sm date-range__apply", _ctx.$props.classNames?.apply)),
-						disabled: __props.disabled || __props.readonly || !!errorCode.value,
-						onClick: _cache[5] || (_cache[5] = ($event) => emit("apply"))
-					}, toDisplayString(__props.labels.apply), 11, _hoisted_12)) : createCommentVNode("", true)
-				])], 2)) : createCommentVNode("", true)
+				}, toDisplayString(__props.labels.clear), 11, _hoisted_8$3), createElementVNode("div", null, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(partClasses)("button button--secondary button--sm date-range__cancel", _ctx.$props.classNames?.cancel)),
+					onClick: _cache[3] || (_cache[3] = ($event) => emit("cancel"))
+				}, toDisplayString(__props.labels.cancel), 3), __props.options.commitMode !== "immediate" ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(unref(partClasses)("button button--primary button--sm date-range__apply", _ctx.$props.classNames?.apply)),
+					disabled: __props.disabled || __props.readonly || !!errorCode.value,
+					onClick: _cache[4] || (_cache[4] = ($event) => emit("apply"))
+				}, toDisplayString(__props.labels.apply), 11, _hoisted_9$1)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
 			], 10, _hoisted_1$8);
 		};
 	}