eco-vue-js 0.25.0 → 0.25.2

package/dist/components/Button/WButtonCopy.vue.d.ts

@@ -1,6 +1,8 @@
 type __VLS_Props = {
     /** Text copied to the clipboard on click. */
     value: string;
+    /** Lays the button out as a regular block instead of sizing it to one line of the surrounding text. */
+    noInline?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/Button/WButtonCopy.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":"AAoBA;AA2CA,KAAK,WAAW,GAAG;IACjB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":"AA0BA;AAmDA,KAAK,WAAW,GAAG;IACjB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAyFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Button/WButtonCopy.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,26 @@
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
 import { useCopy } from "../../utils/useCopy.js";
-import { createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toRef, unref, withModifiers } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toRef, unref, withModifiers } from "vue";
 //#region src/components/Button/WButtonCopy.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "select-none relative inline-grid items-center justify-center min-w-[1.25em]" };
+var _hoisted_2 = { class: "w-hover-circle relative" };
 var WButtonCopy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonCopy",
-	props: { value: {} },
+	props: {
+		value: {},
+		noInline: { type: Boolean }
+	},
 	setup(__props) {
 		const { doCopy, iconCopy, copied } = useCopy(toRef(__props, "value"));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				class: "text-description w-hover-circle relative inline-block cursor-pointer select-none",
+			return openBlock(), createElementBlock("span", _hoisted_1, [!__props.noInline ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("\xA0")], 64)) : createCommentVNode("", true), createElementVNode("button", {
+				class: normalizeClass(["text-description inline-block p-2 -m-2 w-hover-circle-trigger cursor-pointer", __props.noInline ? void 0 : "absolute"]),
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(doCopy)(), ["stop"]))
-			}, [(openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), { class: normalizeClass(["square-[1.25em] mt-[-0.125em]", { "tone-primary text-tone": unref(copied) }]) }, null, 8, ["class"])), createVNode(WTooltip_default, {
+			}, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), { class: normalizeClass(["square-[1.25em]", { "tone-primary text-tone": unref(copied) }]) }, null, 8, ["class"]))]), createVNode(WTooltip_default, {
 				class: "pointer-events-none",
 				text: "Copy",
 				"no-touch": ""
-			})]);
+			})], 2)]);
 		};
 	}
 });

package/dist/components/Chip/WChip.vue.d.ts

@@ -4,6 +4,10 @@ type __VLS_Props = {
     text?: string;
     /** Color scheme of the chip. */
     semanticType?: SemanticType;
+    /** Renders a rounded pill with a tinted background and colored text instead of a filled box. */
+    soft?: boolean;
+    /** Icon shown before the label. */
+    icon?: SVGComponent;
     /** Shows a placeholder instead of the chip. When unset, inherits the skeleton state provided by a parent. */
     skeleton?: boolean;
 };
@@ -14,6 +18,7 @@ type __VLS_Slots = {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;
     skeleton: boolean;
+    icon: SVGComponent;
     semanticType: SemanticType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Chip/WChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AAmDA,OAAO,EAAC,YAAY,EAAyB,MAAM,sBAAsB,CAAA;AAGzE,KAAK,WAAW,GAAG;IACf,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAUJ,KAAK,WAAW,GAAG;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAgEF,QAAA,MAAM,UAAU;UAlFL,MAAM;cAIF,OAAO;kBAFH,YAAY;6EAmF7B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAwBA;AAmEA,OAAO,EAAC,YAAY,EAAqD,MAAM,sBAAsB,CAAA;AAGrG,KAAK,WAAW,GAAG;IACf,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,gGAAgG;IAChG,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAWJ,KAAK,WAAW,GAAG;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA6EF,QAAA,MAAM,UAAU;UApGL,MAAM;cAQF,OAAO;UAFX,YAAY;kBAJJ,YAAY;6EAqG7B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Chip/WChip.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,15 @@
-import { SemanticType, useSemanticTypeChipMap } from "../../utils/SemanticType.js";
+import { SemanticType, useSemanticTypeChipMap, useSemanticTypeChipSoftMap } from "../../utils/SemanticType.js";
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import { useComponentStatesSkeleton } from "../../utils/useComponentStates.js";
-import { createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref } from "vue";
 //#region src/components/Chip/WChip.vue?vue&type=script&setup=true&lang.ts
 var WChip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WChip",
 	props: {
 		text: { default: void 0 },
 		semanticType: { default: SemanticType.SECONDARY },
+		soft: { type: Boolean },
+		icon: { default: void 0 },
 		skeleton: {
 			type: Boolean,
 			default: void 0
@@ -16,14 +18,18 @@ var WChip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 	setup(__props) {
 		const { isSkeleton } = useComponentStatesSkeleton(__props);
 		const semanticTypeChipMap = useSemanticTypeChipMap();
+		const semanticTypeChipSoftMap = useSemanticTypeChipSoftMap();
 		return (_ctx, _cache) => {
 			return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
 				key: 0,
 				class: "w-skeleton-h-5 max-w-28"
 			})) : (openBlock(), createElementBlock("div", {
 				key: 1,
-				class: normalizeClass(["w-max rounded-md px-2 py-0.5 text-xs font-semibold", unref(semanticTypeChipMap)[__props.semanticType]])
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])], 2));
+				class: normalizeClass(["w-max", __props.soft ? ["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", unref(semanticTypeChipSoftMap)[__props.semanticType]] : ["rounded-md px-2 py-0.5 text-xs font-semibold", unref(semanticTypeChipMap)[__props.semanticType]]])
+			}, [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+				key: 0,
+				class: "square-[1em] shrink-0"
+			})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])], 2));
 		};
 	}
 });

package/dist/components/MenuItem/WMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -45,7 +45,7 @@ var WMenuItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					"hover:text-tone cursor-pointer": !__props.disabled && !__props.loading,
 					"cursor-not-allowed opacity-50": __props.disabled,
 					"text-tone": __props.active && !__props.disabled,
-					"text-description": !__props.active && !toned.value || __props.disabled,
+					"text-accent": !__props.active && !toned.value || __props.disabled,
 					"cursor-progress": __props.loading
 				}],
 				disabled: __props.disabled,

package/dist/main.js

@@ -1,4 +1,4 @@
-import { SemanticType, patchSemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeTextMap } from "./utils/SemanticType.js";
+import { SemanticType, patchSemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeChipSoftMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeChipSoftMap, useSemanticTypeTextMap } from "./utils/SemanticType.js";
 import { getIntl, getLocale, setLocale } from "./utils/locale.js";
 import { BASE_ZINDEX_ACTIONS_BAR, BASE_ZINDEX_BOTTOM_SHEET, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_HEADER_BAR, BASE_ZINDEX_LIST_HEADER, BASE_ZINDEX_MODAL, BASE_ZINDEX_NAV_BAR, ListMode, Theme, WrapSelectionType, dateFormatterCsv, debounce, genId, get, getAllScrollParents, getAnchorNode, getDefaultFieldConfigMap, getHasScrollbar, getIsClientSide, getOffsetTop, getPropValue, getScrollParent, isAnchorConnected, isClientSide, isEqualArr, isEqualArrObj, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatCsv, numberFormatter, parseBoolean, parseId, parseIdList, parseIndex, parseInteger, parseIntegerList, parseJson, parseSliceIndexes, parseString, parseStringList, percentCompactFormatter, percentFormatter, scrollInParent, set, throttle, toKebabCase, unwrapSlots, wBaseZIndex } from "./utils/utils.js";
 import WCounter_default from "./components/Counter/WCounter.vue.js";
@@ -368,4 +368,4 @@ var main_default = { install: (app) => {
 	app.component("WUniformErrorMessage", WUniformErrorMessage_default);
 } };
 //#endregion
-export { ApiClientInstance, ApiError, ApiErrorCancel, BASE_ZINDEX_ACTIONS_BAR, BASE_ZINDEX_BOTTOM_SHEET, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_HEADER_BAR, BASE_ZINDEX_LIST_HEADER, BASE_ZINDEX_MODAL, BASE_ZINDEX_NAV_BAR, DOMListenerContainer, HorizontalAlign, IconAdd_default as IconAdd, IconAddCircle_default as IconAddCircle, IconAddSquare_default as IconAddSquare, IconAlarm_default as IconAlarm, IconArchiveBook_default as IconArchiveBook, IconArrow_default as IconArrow, IconBack_default as IconBack, IconBold_default as IconBold, IconBroom_default as IconBroom, IconCactus_default as IconCactus, IconCancel_default as IconCancel, IconCandle_default as IconCandle, IconCelery_default as IconCelery, IconChart_default as IconChart, IconCheck_default as IconCheck, IconCheckCircle_default as IconCheckCircle, IconCheckSecret_default as IconCheckSecret, IconClose_default as IconClose, IconCloseCircle_default as IconCloseCircle, IconCloud_default as IconCloud, IconCloudSun_default as IconCloudSun, IconCloudSunPartial_default as IconCloudSunPartial, IconCodeBlock_default as IconCodeBlock, IconCodeInline_default as IconCodeInline, IconCopy_default as IconCopy, IconCopySuccess_default as IconCopySuccess, IconCopyright_default as IconCopyright, IconDanger_default as IconDanger, IconDojo_default as IconDojo, IconDrag_default as IconDrag, IconDrop_default as IconDrop, IconEdit_default as IconEdit, IconEditCircle_default as IconEditCircle, IconEditSquare_default as IconEditSquare, IconElement_default as IconElement, IconExport_default as IconExport, IconEye_default as IconEye, IconEyeSlash_default as IconEyeSlash, IconFern_default as IconFern, IconFilter_default as IconFilter, IconFilterRemove_default as IconFilterRemove, IconFinding_default as IconFinding, IconFolder_default as IconFolder, IconFolderAdd_default as IconFolderAdd, IconFolderCross_default as IconFolderCross, IconGrid_default as IconGrid, IconHeading_default as IconHeading, IconHealth_default as IconHealth, IconHealthcare_default as IconHealthcare, IconInfo_default as IconInfo, IconItalic_default as IconItalic, IconJira_default as IconJira, IconKey_default as IconKey, IconKeySquare_default as IconKeySquare, IconLayer_default as IconLayer, IconLink_default as IconLink, IconLinkBold_default as IconLinkBold, IconLinkOutline_default as IconLinkOutline, IconLinkedIn_default as IconLinkedIn, IconList_default as IconList, IconListBullet_default as IconListBullet, IconListCheckbox_default as IconListCheckbox, IconListDecrease_default as IconListDecrease, IconListIncrease_default as IconListIncrease, IconListNumbered_default as IconListNumbered, IconListSettings_default as IconListSettings, IconLock_default as IconLock, IconLockOff_default as IconLockOff, IconLogout_default as IconLogout, IconMarkdown_default as IconMarkdown, IconMenu_default as IconMenu, IconMinusCircle_default as IconMinusCircle, IconMonstera_default as IconMonstera, IconMoon_default as IconMoon, IconMore_default as IconMore, IconNegate_default as IconNegate, IconNegativeInfo_default as IconNegativeInfo, IconNote_default as IconNote, IconNotification_default as IconNotification, IconPalette_default as IconPalette, IconPaste_default as IconPaste, IconPlant_default as IconPlant, IconProfile_default as IconProfile, IconQuote_default as IconQuote, IconRadar_default as IconRadar, IconRange_default as IconRange, IconRedo_default as IconRedo, IconRefresh_default as IconRefresh, IconRuler_default as IconRuler, IconSave_default as IconSave, IconSearch_default as IconSearch, IconSettings_default as IconSettings, IconShift_default as IconShift, IconSlash_default as IconSlash, IconSnowflake_default as IconSnowflake, IconSort_default as IconSort, IconSpinner_default as IconSpinner, IconSprig_default as IconSprig, IconStar_default as IconStar, IconStrikethrough_default as IconStrikethrough, IconSuccess_default as IconSuccess, IconSummary_default as IconSummary, IconSun_default as IconSun, IconTable_default as IconTable, IconTableCollapsed_default as IconTableCollapsed, IconTag_default as IconTag, IconTask_default as IconTask, IconThermometer_default as IconThermometer, IconTime_default as IconTime, IconTo_default as IconTo, IconTrash_default as IconTrash, IconUnderline_default as IconUnderline, IconUndo_default as IconUndo, IconUpload_default as IconUpload, IconUser_default as IconUser, IconVersionControl_default as IconVersionControl, IconWarn_default as IconWarn, IconWeight_default as IconWeight, IconWind_default as IconWind, ListMode, Modal, Month, Notify, NotifyChannel, NotifyType, Order, PAGE_LENGTH, SemanticType, Theme, WActionsBar_default as WActionsBar, WActionsBarFilter_default as WActionsBarFilter, WBorderSvg_default as WBorderSvg, WBottomSheet_default as WBottomSheet, WButton_default as WButton, WButtonAction_default as WButtonAction, WButtonCopy_default as WButtonCopy, WButtonDropdown_default as WButtonDropdown, WButtonGroup_default as WButtonGroup, WButtonInput_default as WButtonInput, WButtonMore_default as WButtonMore, WButtonMoreItem_default as WButtonMoreItem, WButtonSelection_default as WButtonSelection, WButtonSelectionAction_default as WButtonSelectionAction, WButtonSelectionState_default as WButtonSelectionState, WButtonTab_default as WButtonTab, WButtonUnselect_default as WButtonUnselect, WChartHeatmap_default as WChartHeatmap, WChartLine_default as WChartLine, WChartLinear_default as WChartLinear, WCheckbox_default as WCheckbox, WCheckboxGroup_default as WCheckboxGroup, WCheckboxGroupMultiple_default as WCheckboxGroupMultiple, WChip_default as WChip, WClickOutside_default as WClickOutside, WCounter_default as WCounter, WDatePicker_default as WDatePicker, WDatePickerSingle_default as WDatePickerSingle, WDismissable_default as WDismissable, WDragContainer_default as WDragContainer, WDropdown_default as WDropdown, WDropdownAdaptive_default as WDropdownAdaptive, WDropdownMenu_default as WDropdownMenu, WDropdownTip_default as WDropdownTip, WEmptyComponent_default as WEmptyComponent, WExpansion_default as WExpansion, WExpansionItem_default as WExpansionItem, WFieldWrapper_default as WFieldWrapper, WFilePicker_default as WFilePicker, WHeaderBar_default as WHeaderBar, WHeaderBarSearch_default as WHeaderBarSearch, WImageViewer_default as WImageViewer, WInfiniteList_default as WInfiniteList, WInfiniteListScrollingElement_default as WInfiniteListScrollingElement, WInfiniteListWrapper_default as WInfiniteListWrapper, WInfoCard_default as WInfoCard, WInfoCardNegative_default as WInfoCardNegative, WInput_default as WInput, WInputAsync_default as WInputAsync, WInputDate_default as WInputDate, WInputOptions_default as WInputOptions, WInputSuggest_default as WInputSuggest, WInputToolbarButton_default as WInputToolbarButton, WLink_default as WLink, WLinkArrow_default as WLinkArrow, WList_default as WList, WListCardField_default as WListCardField, WListFilter_default as WListFilter, WListHeader_default as WListHeader, WListHeaderItem_default as WListHeaderItem, WMenuItem_default as WMenuItem, WModal_default as WModal, WModalExport_default as WModalExport, WModalImport_default as WModalImport, WModalStepper_default as WModalStepper, WModalWrapper_default as WModalWrapper, WNavBar_default as WNavBar, WNavItem_default as WNavItem, WNavItemExpand_default as WNavItemExpand, WNavItemTransition_default as WNavItemTransition, WNotify_default as WNotify, WNotifyCenter_default as WNotifyCenter, WNotifyCenterButton_default as WNotifyCenterButton, WNumberFormatter_default as WNumberFormatter, WPage_default as WPage, WPageBreadcrumbs_default as WPageBreadcrumbs, WPageNumerator_default as WPageNumerator, WPageTitle_default as WPageTitle, WProgress_default as WProgress, WProgressBar_default as WProgressBar, WProgressStriped_default as WProgressStriped, WRouterLink_default as WRouterLink, WSelect_default as WSelect, WSelectAsync_default as WSelectAsync, WSelectAsyncList_default as WSelectAsyncList, WSelectAsyncSingle_default as WSelectAsyncSingle, WSelectSingle_default as WSelectSingle, WSelectStringified_default as WSelectStringified, WShine_default as WShine, WShineEffect_default as WShineEffect, WSkeleton_default as WSkeleton, WSlider_default as WSlider, WSliderRange_default as WSliderRange, WSpinner_default as WSpinner, WStatusIcon_default as WStatusIcon, WTabs_default as WTabs, WTabsColumns_default as WTabsColumns, WTabsItem_default as WTabsItem, WTextOverflow_default as WTextOverflow, WToggle_default as WToggle, WToggleTheme_default as WToggleTheme, WTooltip_default as WTooltip, WTooltipContainer_default as WTooltipContainer, WUniform_default as WUniform, WUniformErrorMessage_default as WUniformErrorMessage, WeekDay, WrapSelectionType, addDay, addMonth, addNotify, addYear, appendScrollbarStyles, buildCsvContent, checkPermissionPaste, closeNotifyCenter, createDefaultQuery, createPointAnchor, createRestModelApi, createUseQueryParams, dateFormat, dateFormatter, dateFormatterCsv, dateInputFormat, dateRegexp, dateToQueryString, datetimeFormat, debounce, main_default as default, doCopy, durationFormat, encodeOrdering, encodeQueryParam, encodeQueryParams, encodeRouteParams, escapeCsvValue, genId, get, getAllScrollParents, getAnchorNode, getDefaultFieldConfigMap, getDurationRound, getHasScrollbar, getIntl, getIsClientSide, getIsMobile, getIsTablet, getIsTouchDevice, getLocale, getMatchingCollectionIds, getOffsetTop, getPosition, getPropValue, getQueryClient, getQueryItem, getRouteTitle, getRouteTitleShort, getScrollParent, getScrollbarWidth, getStartOfDay, getStartOfMonth, getStartOfNextDay, getStartOfWeek, getText, getURLParams, handleApiError, initNotify, isAnchorConnected, isClientSide, isDragging, isEqualArr, isEqualArrObj, isEqualObj, isId, isIdArray, isIndex, isNotifyCenterOpen, isNotifyPending, isPage, isQueryModelId, isRequestResponse, isSameDate, isSameMonth, isSameWeek, isSameYear, makeQueryPaginated, monthShortFormatter, normalizeQueryParams, normalizeQueryParamsValue, notifyCenterActionCount, notifyCenterPendingCount, numberCompactFormatter, numberFormatCsv, numberFormatter, paginateList, parseBoolean, parseDateInput, parseDateQuery, parseId, parseIdList, parseIndex, parseInteger, parseIntegerList, parseJson, parseOrdering, parseSliceIndexes, parseString, parseStringList, patchSemanticType, percentCompactFormatter, percentFormatter, preventDragFile, removeQueryItem, removeQueryItems, scrollInParent, set, setIsTouchDeviceInit, setListItem, setLocale, setQueryClient, setQueryItem, setQueryItems, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeTextMap, setTexts, snapshotQueries, supportsPassive, throttle, timeFormat, toKebabCase, todayFormat, unwrapSlots, updateExpirationDate, updateQueryItems, useClearValue, useComponentStates, useComponentStatesButton, useComponentStatesSkeleton, useCopy, useDocumentTitle, useIsMobile, useLayerBusy, useLayerChanges, useNotifyCenter, useOverlay, useOverlayClose, useOverlayFrame, useOverlayFrameOptions, useProvideDisabled, useProvideReadonly, useProvideSkeleton, useQueryParamsId, useQueryParamsIdString, useQueryParamsList, useQueryParamsListBulk, useQueryParamsListBulkString, useQueryParamsPage, useRouteTitle, useRouteTitles, useSelected, useSelection, useSelectionHash, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeTextMap, useTabActiveListener, validateForbiddenRegexp, validateRequired, validateRequiredSymbols, wBaseZIndex, weekdayNarrowFormatter, weekdayShortFormatter, wrapUseQueryPaginated };
+export { ApiClientInstance, ApiError, ApiErrorCancel, BASE_ZINDEX_ACTIONS_BAR, BASE_ZINDEX_BOTTOM_SHEET, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_HEADER_BAR, BASE_ZINDEX_LIST_HEADER, BASE_ZINDEX_MODAL, BASE_ZINDEX_NAV_BAR, DOMListenerContainer, HorizontalAlign, IconAdd_default as IconAdd, IconAddCircle_default as IconAddCircle, IconAddSquare_default as IconAddSquare, IconAlarm_default as IconAlarm, IconArchiveBook_default as IconArchiveBook, IconArrow_default as IconArrow, IconBack_default as IconBack, IconBold_default as IconBold, IconBroom_default as IconBroom, IconCactus_default as IconCactus, IconCancel_default as IconCancel, IconCandle_default as IconCandle, IconCelery_default as IconCelery, IconChart_default as IconChart, IconCheck_default as IconCheck, IconCheckCircle_default as IconCheckCircle, IconCheckSecret_default as IconCheckSecret, IconClose_default as IconClose, IconCloseCircle_default as IconCloseCircle, IconCloud_default as IconCloud, IconCloudSun_default as IconCloudSun, IconCloudSunPartial_default as IconCloudSunPartial, IconCodeBlock_default as IconCodeBlock, IconCodeInline_default as IconCodeInline, IconCopy_default as IconCopy, IconCopySuccess_default as IconCopySuccess, IconCopyright_default as IconCopyright, IconDanger_default as IconDanger, IconDojo_default as IconDojo, IconDrag_default as IconDrag, IconDrop_default as IconDrop, IconEdit_default as IconEdit, IconEditCircle_default as IconEditCircle, IconEditSquare_default as IconEditSquare, IconElement_default as IconElement, IconExport_default as IconExport, IconEye_default as IconEye, IconEyeSlash_default as IconEyeSlash, IconFern_default as IconFern, IconFilter_default as IconFilter, IconFilterRemove_default as IconFilterRemove, IconFinding_default as IconFinding, IconFolder_default as IconFolder, IconFolderAdd_default as IconFolderAdd, IconFolderCross_default as IconFolderCross, IconGrid_default as IconGrid, IconHeading_default as IconHeading, IconHealth_default as IconHealth, IconHealthcare_default as IconHealthcare, IconInfo_default as IconInfo, IconItalic_default as IconItalic, IconJira_default as IconJira, IconKey_default as IconKey, IconKeySquare_default as IconKeySquare, IconLayer_default as IconLayer, IconLink_default as IconLink, IconLinkBold_default as IconLinkBold, IconLinkOutline_default as IconLinkOutline, IconLinkedIn_default as IconLinkedIn, IconList_default as IconList, IconListBullet_default as IconListBullet, IconListCheckbox_default as IconListCheckbox, IconListDecrease_default as IconListDecrease, IconListIncrease_default as IconListIncrease, IconListNumbered_default as IconListNumbered, IconListSettings_default as IconListSettings, IconLock_default as IconLock, IconLockOff_default as IconLockOff, IconLogout_default as IconLogout, IconMarkdown_default as IconMarkdown, IconMenu_default as IconMenu, IconMinusCircle_default as IconMinusCircle, IconMonstera_default as IconMonstera, IconMoon_default as IconMoon, IconMore_default as IconMore, IconNegate_default as IconNegate, IconNegativeInfo_default as IconNegativeInfo, IconNote_default as IconNote, IconNotification_default as IconNotification, IconPalette_default as IconPalette, IconPaste_default as IconPaste, IconPlant_default as IconPlant, IconProfile_default as IconProfile, IconQuote_default as IconQuote, IconRadar_default as IconRadar, IconRange_default as IconRange, IconRedo_default as IconRedo, IconRefresh_default as IconRefresh, IconRuler_default as IconRuler, IconSave_default as IconSave, IconSearch_default as IconSearch, IconSettings_default as IconSettings, IconShift_default as IconShift, IconSlash_default as IconSlash, IconSnowflake_default as IconSnowflake, IconSort_default as IconSort, IconSpinner_default as IconSpinner, IconSprig_default as IconSprig, IconStar_default as IconStar, IconStrikethrough_default as IconStrikethrough, IconSuccess_default as IconSuccess, IconSummary_default as IconSummary, IconSun_default as IconSun, IconTable_default as IconTable, IconTableCollapsed_default as IconTableCollapsed, IconTag_default as IconTag, IconTask_default as IconTask, IconThermometer_default as IconThermometer, IconTime_default as IconTime, IconTo_default as IconTo, IconTrash_default as IconTrash, IconUnderline_default as IconUnderline, IconUndo_default as IconUndo, IconUpload_default as IconUpload, IconUser_default as IconUser, IconVersionControl_default as IconVersionControl, IconWarn_default as IconWarn, IconWeight_default as IconWeight, IconWind_default as IconWind, ListMode, Modal, Month, Notify, NotifyChannel, NotifyType, Order, PAGE_LENGTH, SemanticType, Theme, WActionsBar_default as WActionsBar, WActionsBarFilter_default as WActionsBarFilter, WBorderSvg_default as WBorderSvg, WBottomSheet_default as WBottomSheet, WButton_default as WButton, WButtonAction_default as WButtonAction, WButtonCopy_default as WButtonCopy, WButtonDropdown_default as WButtonDropdown, WButtonGroup_default as WButtonGroup, WButtonInput_default as WButtonInput, WButtonMore_default as WButtonMore, WButtonMoreItem_default as WButtonMoreItem, WButtonSelection_default as WButtonSelection, WButtonSelectionAction_default as WButtonSelectionAction, WButtonSelectionState_default as WButtonSelectionState, WButtonTab_default as WButtonTab, WButtonUnselect_default as WButtonUnselect, WChartHeatmap_default as WChartHeatmap, WChartLine_default as WChartLine, WChartLinear_default as WChartLinear, WCheckbox_default as WCheckbox, WCheckboxGroup_default as WCheckboxGroup, WCheckboxGroupMultiple_default as WCheckboxGroupMultiple, WChip_default as WChip, WClickOutside_default as WClickOutside, WCounter_default as WCounter, WDatePicker_default as WDatePicker, WDatePickerSingle_default as WDatePickerSingle, WDismissable_default as WDismissable, WDragContainer_default as WDragContainer, WDropdown_default as WDropdown, WDropdownAdaptive_default as WDropdownAdaptive, WDropdownMenu_default as WDropdownMenu, WDropdownTip_default as WDropdownTip, WEmptyComponent_default as WEmptyComponent, WExpansion_default as WExpansion, WExpansionItem_default as WExpansionItem, WFieldWrapper_default as WFieldWrapper, WFilePicker_default as WFilePicker, WHeaderBar_default as WHeaderBar, WHeaderBarSearch_default as WHeaderBarSearch, WImageViewer_default as WImageViewer, WInfiniteList_default as WInfiniteList, WInfiniteListScrollingElement_default as WInfiniteListScrollingElement, WInfiniteListWrapper_default as WInfiniteListWrapper, WInfoCard_default as WInfoCard, WInfoCardNegative_default as WInfoCardNegative, WInput_default as WInput, WInputAsync_default as WInputAsync, WInputDate_default as WInputDate, WInputOptions_default as WInputOptions, WInputSuggest_default as WInputSuggest, WInputToolbarButton_default as WInputToolbarButton, WLink_default as WLink, WLinkArrow_default as WLinkArrow, WList_default as WList, WListCardField_default as WListCardField, WListFilter_default as WListFilter, WListHeader_default as WListHeader, WListHeaderItem_default as WListHeaderItem, WMenuItem_default as WMenuItem, WModal_default as WModal, WModalExport_default as WModalExport, WModalImport_default as WModalImport, WModalStepper_default as WModalStepper, WModalWrapper_default as WModalWrapper, WNavBar_default as WNavBar, WNavItem_default as WNavItem, WNavItemExpand_default as WNavItemExpand, WNavItemTransition_default as WNavItemTransition, WNotify_default as WNotify, WNotifyCenter_default as WNotifyCenter, WNotifyCenterButton_default as WNotifyCenterButton, WNumberFormatter_default as WNumberFormatter, WPage_default as WPage, WPageBreadcrumbs_default as WPageBreadcrumbs, WPageNumerator_default as WPageNumerator, WPageTitle_default as WPageTitle, WProgress_default as WProgress, WProgressBar_default as WProgressBar, WProgressStriped_default as WProgressStriped, WRouterLink_default as WRouterLink, WSelect_default as WSelect, WSelectAsync_default as WSelectAsync, WSelectAsyncList_default as WSelectAsyncList, WSelectAsyncSingle_default as WSelectAsyncSingle, WSelectSingle_default as WSelectSingle, WSelectStringified_default as WSelectStringified, WShine_default as WShine, WShineEffect_default as WShineEffect, WSkeleton_default as WSkeleton, WSlider_default as WSlider, WSliderRange_default as WSliderRange, WSpinner_default as WSpinner, WStatusIcon_default as WStatusIcon, WTabs_default as WTabs, WTabsColumns_default as WTabsColumns, WTabsItem_default as WTabsItem, WTextOverflow_default as WTextOverflow, WToggle_default as WToggle, WToggleTheme_default as WToggleTheme, WTooltip_default as WTooltip, WTooltipContainer_default as WTooltipContainer, WUniform_default as WUniform, WUniformErrorMessage_default as WUniformErrorMessage, WeekDay, WrapSelectionType, addDay, addMonth, addNotify, addYear, appendScrollbarStyles, buildCsvContent, checkPermissionPaste, closeNotifyCenter, createDefaultQuery, createPointAnchor, createRestModelApi, createUseQueryParams, dateFormat, dateFormatter, dateFormatterCsv, dateInputFormat, dateRegexp, dateToQueryString, datetimeFormat, debounce, main_default as default, doCopy, durationFormat, encodeOrdering, encodeQueryParam, encodeQueryParams, encodeRouteParams, escapeCsvValue, genId, get, getAllScrollParents, getAnchorNode, getDefaultFieldConfigMap, getDurationRound, getHasScrollbar, getIntl, getIsClientSide, getIsMobile, getIsTablet, getIsTouchDevice, getLocale, getMatchingCollectionIds, getOffsetTop, getPosition, getPropValue, getQueryClient, getQueryItem, getRouteTitle, getRouteTitleShort, getScrollParent, getScrollbarWidth, getStartOfDay, getStartOfMonth, getStartOfNextDay, getStartOfWeek, getText, getURLParams, handleApiError, initNotify, isAnchorConnected, isClientSide, isDragging, isEqualArr, isEqualArrObj, isEqualObj, isId, isIdArray, isIndex, isNotifyCenterOpen, isNotifyPending, isPage, isQueryModelId, isRequestResponse, isSameDate, isSameMonth, isSameWeek, isSameYear, makeQueryPaginated, monthShortFormatter, normalizeQueryParams, normalizeQueryParamsValue, notifyCenterActionCount, notifyCenterPendingCount, numberCompactFormatter, numberFormatCsv, numberFormatter, paginateList, parseBoolean, parseDateInput, parseDateQuery, parseId, parseIdList, parseIndex, parseInteger, parseIntegerList, parseJson, parseOrdering, parseSliceIndexes, parseString, parseStringList, patchSemanticType, percentCompactFormatter, percentFormatter, preventDragFile, removeQueryItem, removeQueryItems, scrollInParent, set, setIsTouchDeviceInit, setListItem, setLocale, setQueryClient, setQueryItem, setQueryItems, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeChipSoftMap, setSemanticTypeTextMap, setTexts, snapshotQueries, supportsPassive, throttle, timeFormat, toKebabCase, todayFormat, unwrapSlots, updateExpirationDate, updateQueryItems, useClearValue, useComponentStates, useComponentStatesButton, useComponentStatesSkeleton, useCopy, useDocumentTitle, useIsMobile, useLayerBusy, useLayerChanges, useNotifyCenter, useOverlay, useOverlayClose, useOverlayFrame, useOverlayFrameOptions, useProvideDisabled, useProvideReadonly, useProvideSkeleton, useQueryParamsId, useQueryParamsIdString, useQueryParamsList, useQueryParamsListBulk, useQueryParamsListBulkString, useQueryParamsPage, useRouteTitle, useRouteTitles, useSelected, useSelection, useSelectionHash, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeChipSoftMap, useSemanticTypeTextMap, useTabActiveListener, validateForbiddenRegexp, validateRequired, validateRequiredSymbols, wBaseZIndex, weekdayNarrowFormatter, weekdayShortFormatter, wrapUseQueryPaginated };

package/dist/utils/SemanticType.d.ts

@@ -25,6 +25,15 @@ export declare const useSemanticTypeChipMap: () => {
     info: string;
 };
 export declare const setSemanticTypeChipMap: (value: Partial<Record<SemanticType, string>>) => void;
+export declare const useSemanticTypeChipSoftMap: () => {
+    primary: string;
+    secondary: string;
+    negative: string;
+    positive: string;
+    warning: string;
+    info: string;
+};
+export declare const setSemanticTypeChipSoftMap: (value: Partial<Record<SemanticType, string>>) => void;
 export declare const useSemanticTypeBorderMap: () => {
     primary: string;
     secondary: string;

package/dist/utils/SemanticType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SemanticType.d.ts","sourceRoot":"","sources":["../../../src/utils/SemanticType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,KAAK,EAAW,MAAM,KAAK,CAAA;AAExC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AAWD,eAAO,MAAM,4BAA4B;;;;;;;CAExC,CAAA;AAED,eAAO,MAAM,4BAA4B,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAExF,CAAA;AAOD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,wBAAwB;;;;;;;CAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAEpF,CAAA;AAWD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;CAE7C,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,SAE5F,CAAA;AAWD,eAAO,MAAM,kCAAkC;;;;;;;CAE9C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAE9F,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,SAG3D,CAAA"}
+{"version":3,"file":"SemanticType.d.ts","sourceRoot":"","sources":["../../../src/utils/SemanticType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,KAAK,EAAW,MAAM,KAAK,CAAA;AAExC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AAWD,eAAO,MAAM,4BAA4B;;;;;;;CAExC,CAAA;AAED,eAAO,MAAM,4BAA4B,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAExF,CAAA;AAOD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,0BAA0B;;;;;;;CAEtC,CAAA;AAED,eAAO,MAAM,0BAA0B,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAEtF,CAAA;AAWD,eAAO,MAAM,wBAAwB;;;;;;;CAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAEpF,CAAA;AAWD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;CAE7C,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,SAE5F,CAAA;AAWD,eAAO,MAAM,kCAAkC;;;;;;;CAE9C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAE9F,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,SAG3D,CAAA"}

package/dist/utils/SemanticType.js

@@ -33,6 +33,20 @@ var useSemanticTypeChipMap = () => {
 var setSemanticTypeChipMap = (value) => {
 	Object.assign(semanticTypeChipMap, value);
 };
+var semanticTypeChipSoftMap = reactive({
+	["primary"]: "tone-primary bg-tone-soft text-tone",
+	["secondary"]: "bg-surface-muted text-accent",
+	["negative"]: "tone-negative bg-tone-soft text-tone",
+	["positive"]: "tone-positive bg-tone-soft text-tone",
+	["warning"]: "tone-warning bg-tone-soft text-tone",
+	["info"]: "tone-info bg-tone-soft text-tone"
+});
+var useSemanticTypeChipSoftMap = () => {
+	return semanticTypeChipSoftMap;
+};
+var setSemanticTypeChipSoftMap = (value) => {
+	Object.assign(semanticTypeChipSoftMap, value);
+};
 var semanticTypeBorderMap = reactive({
 	["primary"]: "tone-primary border-solid border-tone-fill",
 	["secondary"]: "border-solid border-line",
@@ -94,4 +108,4 @@ var patchSemanticType = (key, value) => {
 	SemanticType[value] = key;
 };
 //#endregion
-export { SemanticType, patchSemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeTextMap };
+export { SemanticType, patchSemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeButtonBackgroundMap, setSemanticTypeChipMap, setSemanticTypeChipSoftMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap, useSemanticTypeChipMap, useSemanticTypeChipSoftMap, useSemanticTypeTextMap };

package/docs/components/button.md

@@ -100,7 +100,7 @@ const save = () => {
 
 ## Small buttons
 
-`WButtonCopy` copies `value` to the clipboard. Its icon turns into a check for a moment after copying.
+`WButtonCopy` copies `value` to the clipboard. Its icon turns into a check for a moment after copying. By default it takes up one line of the surrounding text, so it sits inside a sentence without changing the line height; `noInline` lays it out as a regular block instead.
 
 `WButtonInput` is a square icon button as tall as an input (`--w-input-height`), with the input's border and corners, to sit next to an input or in its `right` slot. `tooltipText` names it, `loading` swaps the icon for a spinner, and `to` makes it a router link.
 
@@ -206,6 +206,7 @@ import WButtonCopy from 'eco-vue-js/dist/components/Button/WButtonCopy.vue'
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
 | `value` | `string` | **required** | Text copied to the clipboard on click. |
+| `noInline` | `boolean` | — | Lays the button out as a regular block instead of sizing it to one line of the surrounding text. |
 
 ### WButtonInput
 

package/docs/components/chip.md

@@ -1,8 +1,8 @@
 # Chip
 
-`WChip` is a short label in a colored box, such as a tag on a card or the status of a row. The `text` prop is the label; the default slot replaces it, e.g. to add an icon.
+`WChip` is a short label in a colored box, such as a tag on a card or the status of a row. The `text` prop is the label and `icon` puts an icon before it; the default slot replaces the label.
 
-The color comes from `semanticType`. The classes behind each type are set once per app with `setSemanticTypeChipMap` from `eco-vue-js/dist/utils/SemanticType` — [WCounter](./counter.md) reads the same map. `skeleton` shows a placeholder the size of a chip, and a form or an area can set it for everything inside — see [Conventions](../guide/conventions.md).
+The color comes from `semanticType`. The classes behind each type are set once per app with `setSemanticTypeChipMap` from `eco-vue-js/dist/utils/SemanticType` — [WCounter](./counter.md) reads the same map. `soft` turns the box into a rounded pill with a tinted background and colored text, for a status that sits on its own rather than inside a dense row; its classes come from `setSemanticTypeChipSoftMap`. `skeleton` shows a placeholder the size of a chip, and a form or an area can set it for everything inside — see [Conventions](../guide/conventions.md).
 
 ```vue
 <template>
@@ -17,10 +17,28 @@ The color comes from `semanticType`. The classes behind each type are set once p
     </div>
 
     <div class="flex flex-wrap items-center gap-2">
-      <WChip :semantic-type="SemanticType.POSITIVE">
-        <IconCheck class="square-3.5" />
-        Watered
-      </WChip>
+      <WChip
+        v-for="type in semanticTypes"
+        :key="type"
+        :text="type"
+        :semantic-type="type"
+        soft
+      />
+    </div>
+
+    <div class="flex flex-wrap items-center gap-2">
+      <WChip
+        text="Watered"
+        :semantic-type="SemanticType.POSITIVE"
+        :icon="IconCheck"
+      />
+
+      <WChip
+        text="Watered"
+        :semantic-type="SemanticType.POSITIVE"
+        :icon="IconCheck"
+        soft
+      />
 
       <WChip
         text="Gardener"
@@ -66,6 +84,8 @@ import WChip from 'eco-vue-js/dist/components/Chip/WChip.vue'
 | --- | --- | --- | --- |
 | `text` | `string` | — | Label of the chip. The default slot replaces it. |
 | `semanticType` | `SemanticType` | `SemanticType.SECONDARY` | Color scheme of the chip. |
+| `soft` | `boolean` | — | Renders a rounded pill with a tinted background and colored text instead of a filled box. |
+| `icon` | `SVGComponent` | — | Icon shown before the label. |
 | `skeleton` | `boolean` | — | Shows a placeholder instead of the chip. When unset, inherits the skeleton state provided by a parent. |
 
 #### Slots

package/docs/guide/theming.md

@@ -212,7 +212,7 @@ To make a theme from a description — "a warm, rounded theme for a finance dash
 
 | Key | Default | Controls |
 | --- | --- | --- |
-| `color-primary` | `oklch(55% 0.17 286.8)` | Fills, links, focus and selection |
+| `color-primary` | `oklch(62% 0.17 286.8)` | Fills, links, focus and selection |
 | `color-primary-dark` | `primary` | The same in dark mode |
 | `color-primary-light` | `primary` 10% over `default` | List headers and the backdrop in light mode |
 | `color-primary-darkest` | `primary-dark` 20% over `default-dark` | The same in dark mode |
@@ -220,10 +220,10 @@ To make a theme from a description — "a warm, rounded theme for a finance dash
 | `color-default` | `#ffffff` | Page and card background in light mode |
 | `color-default-dark` | `oklch(21% 0.006 285.885)`, zinc's 900 | Page and card background in dark mode |
 | `color-black-default` | `#333333` | Main text in light mode |
-| `color-negative` | `oklch(57% 0.2 24.1)` | Errors and destructive actions |
-| `color-positive` | `oklch(54% 0.148 150)` | Success |
-| `color-warning` | `oklch(82% 0.16 85)` | Warnings; black text on the fill |
-| `color-info` | `oklch(55% 0.16 262.6)` | Information |
+| `color-negative` | `oklch(64% 0.2 24.1)` | Errors and destructive actions |
+| `color-positive` | `oklch(69% 0.148 150)` | Success |
+| `color-warning` | `oklch(85% 0.16 85)` | Warnings; black text on the fill |
+| `color-info` | `oklch(63% 0.16 262.6)` | Information |
 | `color-*-dark` | the light value | Each status color in dark mode |
 | `color-data-*` | Tailwind's hues at mid lightness: white text on all but orange and amber; gray is the scale's 500 | [Data palette](#data-palette) |
 | `role-*`, `role-*-dark` | see [Roles](#roles) | One role, per mode |

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eco-vue-js
 
-> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.25.0, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
+> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.25.2, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
 
 Release notes, for what changed between versions: https://github.com/rsmple/eco-vue-js/releases. The docs site, with live demos: https://rsmple.github.io/eco-vue-js/
 

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.25.0",
+  "version": "0.25.2",
   "homepage": "https://rsmple.github.io/eco-vue-js/",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",

package/tailwind-base/css/theme.css

@@ -12,7 +12,7 @@
    * Fills are dark enough for white text and light enough to stand out on the dark surface, so one value serves both
    * modes; text shades and the text on fills are derived from them (roles.css).
    */
-  --color-primary: oklch(55% 0.17 286.8);
+  --color-primary: oklch(62% 0.17 286.8);
   --color-primary-dark: var(--color-primary);
   --color-primary-light: color-mix(in oklab, var(--color-primary) 7%, var(--color-default));
   --color-primary-darkest: color-mix(in oklab, var(--color-primary-dark) 10%, var(--color-default-dark));
@@ -46,13 +46,17 @@
   --color-slate-900: oklch(20.8% 0.042 265.755);
   --color-slate-950: oklch(12.9% 0.042 264.695);
 
-  --color-negative: oklch(57% 0.2 24.1);
+  /*
+   * Status fills are lighter than the primary: white text on them keeps APCA Lc 64–69 rather than 80, still clear of
+   * the 60 it needs, so a badge or an alert doesn't weigh more than the content beside it.
+   */
+  --color-negative: oklch(64% 0.2 24.1);
   --color-negative-dark: var(--color-negative);
-  --color-positive: oklch(54% 0.148 150);
+  --color-positive: oklch(69% 0.148 150);
   --color-positive-dark: var(--color-positive);
-  --color-warning: oklch(82% 0.16 85);
+  --color-warning: oklch(85% 0.16 85);
   --color-warning-dark: var(--color-warning);
-  --color-info: oklch(55% 0.16 262.6);
+  --color-info: oklch(63% 0.16 262.6);
   --color-info-dark: var(--color-info);
 
   /*