@threadlabs/looma 0.26.0 → 0.26.2

package/vue/chunks/UiIconButton.js

@@ -17,6 +17,7 @@ var _hoisted_1 = [
 	"data-pending",
 	"data-round",
 	"data-size",
+	"data-tone",
 	"data-variant",
 	"data-ui-icon-button-state"
 ];
@@ -59,6 +60,10 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			type: null,
 			default: "md"
 		},
+		tone: {
+			type: null,
+			default: null
+		},
 		variant: {
 			type: null,
 			default: "ghost"
@@ -150,6 +155,16 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				],
 				default: "md"
 			},
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Colour for every variant. When omitted, ghost and outline keep their neutral appearance and solid keeps its accent fill. Set accent for a coloured action\n      or neutral for a quiet one. Native aria-pressed=\"true\" keeps an outline toggle visibly pressed; the consumer owns that state.",
+				values: ["accent", "neutral"]
+			},
 			variant: {
 				type: {
 					kind: "terminal",
@@ -176,6 +191,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			pending: false,
 			round: false,
 			size: "md",
+			tone: null,
 			variant: "ghost"
 		};
 		const checkedProps = computed(() => ({
@@ -211,6 +227,10 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "size", acceptedProps),
+			tone: checkedProp(props["tone"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "tone", acceptedProps),
 			variant: checkedProp(props["variant"], {
 				kind: "terminal",
 				name: "keyword"
@@ -261,6 +281,8 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			checkedProps.value.tone && "tone",
+			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
 			checkedProps.value.anticipatory && "anticipatory",
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -294,6 +316,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"pending",
 				"round",
 				"size",
+				"tone",
 				"variant"
 			],
 			propValidity: (name) => propValidityState({
@@ -332,6 +355,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-pending": reflectedProp("pending", "pending", checkedProps.value.pending, void 0, false),
 				"data-round": reflectedProp("round", "round", checkedProps.value.round, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-icon-button-state": hostState.value || void 0,
 				ref_key: "root",
@@ -345,6 +369,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cb9aaf03"]]);
+}), [["__scopeId", "data-v-b66a1661"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiScrollArea.js

@@ -7,6 +7,7 @@ var _hoisted_1 = [
 	"data-fill",
 	"data-orientation",
 	"data-size",
+	"data-trim",
 	"data-ui-scroll-area-state"
 ];
 //#endregion
@@ -26,6 +27,10 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		size: {
 			type: null,
 			default: "content"
+		},
+		trim: {
+			type: null,
+			default: false
 		}
 	},
 	setup(__props) {
@@ -66,13 +71,24 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					"lg"
 				],
 				default: "content"
+			},
+			trim: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "trim" },
+				description: "Removes the outer block margins of the first and last projected items when the surrounding panel owns its edge padding. Margins between items remain\n      intact.",
+				default: false
 			}
 		} };
 		const props = __props;
 		const acceptedProps = {
 			fill: false,
 			orientation: "vertical",
-			size: "content"
+			size: "content",
+			trim: false
 		};
 		const checkedProps = computed(() => ({
 			fill: checkedProp(props["fill"], {
@@ -86,7 +102,11 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", acceptedProps)
+			}, false, "size", acceptedProps),
+			trim: checkedProp(props["trim"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "trim", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -118,6 +138,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fill && "fill",
+			checkedProps.value.trim && "trim",
 			checkedProps.value.orientation && "orientation",
 			checkedProps.value.orientation != null && `orientation=${encodeURIComponent(checkedProps.value.orientation)}`,
 			checkedProps.value.size && "size",
@@ -140,7 +161,8 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			propNames: [
 				"fill",
 				"orientation",
-				"size"
+				"size",
+				"trim"
 			],
 			propValidity: (name) => propValidityState({
 				contract: propValidityContract,
@@ -153,6 +175,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
 				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-ui-scroll-area-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -160,12 +183,12 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				class: "content",
 				ref_key: "contentElement",
 				ref: contentElement
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3aa9f4b3"]]);
+}), [["__scopeId", "data-v-a1ccf697"]]);
 //#endregion
 export { UiScrollArea_default as t };