eco-vue-js 0.19.3 → 0.20.0

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA2EA;AA6HA,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;AAYtE,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuBF,KAAK,WAAW,GAAG;IACjB,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AA0PF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA2EA;AA6HA,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;AAYtE,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuBF,KAAK,WAAW,GAAG;IACjB,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AAyPF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBar.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ var _hoisted_5 = ["aria-expanded"];
 var _hoisted_6 = { class: "row-start-2 grid grid-rows-[1fr_auto]" };
 var _hoisted_7 = {
 	key: 0,
-	class: "mx-1 my-2 h-0.5 rounded bg-gray-200 md:my-4 dark:bg-gray-700"
+	class: "mx-1 my-2 h-0.5 rounded bg-surface-inset md:my-4"
 };
 var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WActionsBar",

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AAuEA,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,iKAAiK;IACjK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACjE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAuHF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AAuEA,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,iKAAiK;IACjK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACjE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAsHF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/BottomSheet/WBottomSheet.vue_vue_type_script_setup_true_lang.js

@@ -13,13 +13,13 @@ var WBottomSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "toggle", { unclickable: true }), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(WDismissable_default, {
 				"is-open": __props.isOpen,
-				class: "bg-primary-light/40 dark:bg-primary-darkest/40 fixed inset-0 backdrop-blur",
-				"content-class": "bg-default dark:bg-default-dark grid-cols-[1fr] grid-rows-[auto_1fr] height-[90%] rounded-t-3xl shadow-md relative grid",
+				class: "bg-backdrop fixed inset-0 backdrop-blur",
+				"content-class": "bg-surface grid-cols-[1fr] grid-rows-[auto_1fr] height-[90%] rounded-t-3xl shadow-md relative grid",
 				style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(100) }),
 				onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
 			}, {
 				default: withCtx(() => [
-					createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-gray-300" })], -1)), createElementVNode("div", null, [renderSlot(_ctx.$slots, "toggle", mergeProps({ unclickable: false }, { isTop: false }))])]),
+					createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-track" })], -1)), createElementVNode("div", null, [renderSlot(_ctx.$slots, "toggle", mergeProps({ unclickable: false }, { isTop: false }))])]),
 					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "content")]),
 					_cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-inherit" }, null, -1))
 				]),

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

@@ -104,7 +104,7 @@ var WButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				} : {}
 			}, {
 				ref: "container",
-				class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-rounded,1rem) font-medium whitespace-nowrap outline-none select-none w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))]", {
+				class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-padding) font-medium whitespace-nowrap outline-none select-none w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))]", {
 					[unref(semanticTypeButtonBackgroundMap)[__props.semanticType] ?? unref(semanticTypeBackgroundMap)[__props.semanticType]]: !__props.outline,
 					[unref(semanticTypeBorderMap)[__props.semanticType]]: true,
 					"w-ripple cursor-pointer w-ripple-hover w-ripple-opacity-20 before:text-black-default dark:w-ripple-opacity-30": !__props.loading && !unref(isDisabled),

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

@@ -70,7 +70,7 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						key: 1,
 						class: normalizeClass(["relative mx-1 grid aspect-square select-none gap-1 rounded-(--w-button-action-rounded,9999px) bg-size-[200%_auto] bg-right", {
 							"w-ripple w-ripple-hover cursor-pointer": !__props.disabled && !__props.skeleton,
-							"text-primary dark:text-primary-dark": __props.active && __props.semanticType === unref(SemanticType).SECONDARY,
+							"tone-primary text-tone": __props.active && __props.semanticType === unref(SemanticType).SECONDARY,
 							[unref(semanticTypeBackgroundMap)[__props.semanticType]]: true
 						}])
 					}, [

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

@@ -11,7 +11,7 @@ var WButtonCopy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return openBlock(), createElementBlock("button", {
 				class: "text-description w-hover-circle relative inline-block cursor-pointer select-none",
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(doCopy)(), ["stop"]))
-			}, [(openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), { class: normalizeClass(["square-[1.25em] mt-[-0.125em]", { "text-primary dark:text-primary-dark": unref(copied) }]) }, null, 8, ["class"])), createVNode(WTooltip_default, {
+			}, [(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, {
 				class: "pointer-events-none",
 				text: "Copy",
 				"no-touch": ""

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAyGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAuPF,QAAA,MAAM,UAAU;;;6EAGd,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":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAyGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAsPF,QAAA,MAAM,UAAU;;;6EAGd,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/Button/WButtonDropdown.vue_vue_type_script_setup_true_lang.js

@@ -63,7 +63,7 @@ var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					text: __props.tooltipText
 				}, null, 8, ["text"])) : createCommentVNode("", true)])]),
 				content: withCtx(() => [createVNode(WClickOutside_default, {
-					class: "bg-default dark:bg-default-dark my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800",
+					class: "bg-surface my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md border border-solid border-line-raised",
 					onClick: close
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "content", { close })]),

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2HA;AAwMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAY7C,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAyXO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAnWT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,uFAAuF;iBAC9E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;cAZd,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA4W3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2HA;AAwMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAY7C,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAuXO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAjWT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,uFAAuF;iBAC9E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;cAZd,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA0W3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

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

@@ -115,7 +115,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					})) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						role: "group",
-						class: normalizeClass(["flex max-w-full gap-0.5 rounded-[0.625rem] p-0.75 bg-gray-100 dark:bg-gray-800", {
+						class: normalizeClass(["flex max-w-full gap-0.5 rounded-[0.625rem] p-0.75 bg-surface-muted", {
 							"flex-wrap": __props.wrap,
 							"flex-col": __props.col,
 							"w-fit": !__props.stretch
@@ -128,7 +128,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							class: normalizeClass(["relative isolate flex h-[calc(var(--w-button-height,2.75rem)-0.375rem)] bg-size-[200%] bg-position-[100%] items-center justify-center gap-2 rounded-lg px-3 font-medium whitespace-nowrap outline-none select-none", {
 								[unref(semanticTypeButtonBackgroundMap)[__props.semanticType] ?? unref(semanticTypeBackgroundMap)[__props.semanticType]]: getValue(item) === __props.modelValue,
 								"shadow-sm": getValue(item) === __props.modelValue,
-								"text-black-default dark:text-gray-200 bg-transparent": getValue(item) !== __props.modelValue,
+								"text-accent bg-transparent": getValue(item) !== __props.modelValue,
 								"w-ripple cursor-pointer w-ripple-hover": !__props.loading && !isItemDisabled(item),
 								"cursor-progress": __props.loading && getValue(item) === loadingItem.value,
 								"cursor-not-allowed opacity-70": isItemDisabled(item),

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AA0CA;AAwEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAmKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AA0CA;AAwEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -21,7 +21,7 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				key: 0,
 				class: "square---w-input-height w-skeleton-rounded-(--w-input-rounded,0.75rem)"
 			})) : (openBlock(), createBlock(resolveDynamicComponent(__props.to ? WRouterLink_default : "button"), mergeProps({ key: 1 }, __props.to ? { to: __props.to } : void 0, {
-				class: ["square---w-input-height bg-default dark:bg-default-dark relative flex select-none items-center justify-center rounded-(--w-input-rounded,0.75rem) border border-solid border-gray-200 dark:border-gray-800", {
+				class: ["square---w-input-height bg-surface relative flex select-none items-center justify-center rounded-(--w-input-rounded,0.75rem) border border-solid border-line-subtle", {
 					"cursor-not-allowed opacity-50": __props.disabled,
 					"w-ripple w-ripple-hover cursor-pointer": !__props.disabled,
 					"cursor-progress": __props.loading

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AA4HA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAapD,KAAK,WAAW,GAAG;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sIAAsI;IACtI,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+NF,QAAA,MAAM,UAAU;;iBA7ME,IAAI;;;;;;kFAiNpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AA4HA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAapD,KAAK,WAAW,GAAG;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sIAAsI;IACtI,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA8NF,QAAA,MAAM,UAAU;;iBA5ME,IAAI;;;;;;kFAgNpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -62,11 +62,11 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				toggle: withCtx(() => [createElementVNode("div", { class: normalizeClass(["relative", {
 					"w-hover-circle": !__props.disabled,
 					"text-description": !isOpen.value || __props.anchor,
-					"text-primary dark:text-primary-dark": isOpen.value && !__props.anchor
+					"tone-primary text-tone": isOpen.value && !__props.anchor
 				}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)]),
 				content: withCtx(({ isTop, isRight, isLeft }) => [createVNode(WClickOutside_default, {
 					"no-filter": "",
-					class: normalizeClass(["bg-default dark:bg-default-dark overflow-hidden rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800", {
+					class: normalizeClass(["bg-surface overflow-hidden rounded-xl text-start font-normal shadow-md border border-solid border-line-raised", {
 						"sm-not:-mr-4 my-4 -mr-5": !__props.anchor,
 						"rounded-bl-none": __props.anchor && isRight && isTop,
 						"rounded-tl-none": __props.anchor && isRight && !isTop,

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAyDA;AAmHA,OAAO,EAAC,KAAK,KAAK,EAA0C,MAAM,KAAK,CAAA;AAcvE,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAC;AAyBJ,KAAK,WAAW,GAAG;IACjB,gHAAgH;IAChH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpF,sDAAsD;IACtD,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACjF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA+MF,QAAA,MAAM,UAAU;;;;;WAtPJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;qBAEJ,MAAM;6EAoP1B,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":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAyDA;AAmHA,OAAO,EAAC,KAAK,KAAK,EAA0C,MAAM,KAAK,CAAA;AAcvE,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAC;AAyBJ,KAAK,WAAW,GAAG;IACjB,gHAAgH;IAChH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpF,sDAAsD;IACtD,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACjF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA6MF,QAAA,MAAM,UAAU;;;;;WApPJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;qBAEJ,MAAM;6EAkP1B,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/Button/WButtonSelection.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,7 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createEl
 //#region src/components/Button/WButtonSelection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "list:left---left-inner list:w---width-inner list:sticky grid w-full grid-cols-[1fr_auto] pb-3" };
 var _hoisted_2 = { class: "flex" };
-var _hoisted_3 = { class: "text-primary dark:text-primary-dark font-semibold" };
+var _hoisted_3 = { class: "tone-primary text-tone font-semibold" };
 var _hoisted_4 = { class: "sm-not:text-xs" };
 var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonSelection",
@@ -29,7 +29,7 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 				disableMessage: disableMessageValue.value,
-				cssClass: "border-l border-solid border-gray-300 first:border-l-0 dark:border-gray-700"
+				cssClass: "border-l border-solid border-line first:border-l-0"
 			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownMenu_default, {
 				key: 0,
 				"is-open": isOpen.value,
@@ -41,7 +41,7 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					icon: markRaw(unref(IconMore_default)),
 					"aria-expanded": isOpen.value,
 					"disable-message": disableMessageValue.value,
-					class: "border-l border-solid border-gray-300 dark:border-gray-700",
+					class: "border-l border-solid border-line",
 					onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
 				}, null, 8, [
 					"icon",
@@ -49,7 +49,7 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"disable-message"
 				])]),
 				content: withCtx(() => [createVNode(WClickOutside_default, {
-					class: "bg-default dark:bg-default-dark dropdown w-shine-hidden my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline-1 dark:outline-gray-800",
+					class: "bg-surface dropdown w-shine-hidden my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md outline-1 outline-line-raised",
 					onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAwEA;AAAA,OA0HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA2NF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAwEA;AAAA,OA0HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA0NF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -44,8 +44,8 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 				"aria-label": __props.label ?? __props.tooltipText ?? __props.title,
 				"aria-busy": __props.loading || void 0,
 				class: ["disabled:text-description relative isolate flex select-none items-center bg-none no-underline outline-none disabled:cursor-not-allowed", {
-					"w-ripple w-ripple-hover before:text-primary dark:before:text-primary-dark hover:text-primary dark:hover:text-primary-dark cursor-pointer": !__props.disabled && !__props.disableMessage && !__props.loading,
-					"text-primary dark:text-primary-dark w-ripple-active": __props.active,
+					"w-ripple w-ripple-hover tone-primary before:text-tone hover:text-tone cursor-pointer": !__props.disabled && !__props.disableMessage && !__props.loading,
+					"tone-primary text-tone w-ripple-active": __props.active,
 					"text-accent": !__props.active,
 					"cursor-not-allowed": __props.disabled || __props.disableMessage,
 					"cursor-progress": __props.loading

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAwIA;AAwMA,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AA2UF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAwIA;AAwMA,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AAsUF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -35,18 +35,18 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			return openBlock(), createElementBlock("button", {
 				disabled: __props.disabled,
 				class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto_1fr] font-semibold outline-none transition-colors duration-500", {
-					"text-primary dark:text-primary-dark": !__props.hasError && __props.active,
-					"text-negative dark:text-negative-dark": __props.hasError,
-					"text-positive dark:text-positive-dark": !__props.active && !__props.hasError && __props.hasValue && __props.showHasValue,
+					"tone-primary text-tone": !__props.hasError && __props.active,
+					"tone-negative text-tone": __props.hasError,
+					"tone-positive text-tone": !__props.active && !__props.hasError && __props.hasValue && __props.showHasValue,
 					"text-description": !__props.active && !__props.hasError && (!__props.showHasValue || !__props.hasValue),
 					"cursor-not-allowed opacity-50": __props.disabled,
 					"cursor-pointer": !__props.disabled
 				}]),
 				onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && _ctx.$emit("click", $event))
-			}, [__props.indicator ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(["text-default dark:text-default-dark rounded-full bg-inherit p-1 outline transition-[outline-width] duration-500", {
-				"bg-negative dark:bg-negative-dark outline-negative/10 dark:outline-negative-dark/10": __props.hasError,
-				"bg-positive dark:bg-positive-dark outline-positive/10 dark:outline-positive-dark/10": !__props.hasError && __props.hasValue && __props.showHasValue,
-				"bg-gray-400 outline-gray-400/10 dark:bg-gray-600 dark:outline-gray-600/10": !__props.hasError && (!__props.showHasValue || !__props.hasValue),
+			}, [__props.indicator ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(["text-surface rounded-full bg-inherit p-1 outline transition-[outline-width] duration-500", {
+				"tone-negative bg-tone-fill outline-tone/10": __props.hasError,
+				"tone-positive bg-tone-fill outline-tone/10": !__props.hasError && __props.hasValue && __props.showHasValue,
+				"bg-track-strong outline-track-strong/10": !__props.hasError && (!__props.showHasValue || !__props.hasValue),
 				"outline-[1.5rem]": __props.active
 			}]) }, [__props.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo_default), {
 				key: 0,
@@ -101,8 +101,8 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					default: withCtx(() => [__props.hasChanges ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-200", {
-							"bg-info dark:bg-info-dark": !__props.hasError,
-							"bg-negative dark:bg-negative-dark": __props.hasError
+							"tone-info bg-tone-fill": !__props.hasError,
+							"tone-negative bg-tone-fill": __props.hasError
 						}])
 					}, null, 2)) : createCommentVNode("", true)]),
 					_: 1

package/dist/components/Chart/WChartHeatmap.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"AAyEA;AAgMA,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAsSO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QA1RnD,yCAAyC;cACnC,IAAI,EAAE;QACZ,4CAA4C;cACtC,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,oDAAoD;cAC9C,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,kDAAkD;gBAC1C,MAAM;QACd,8GAA8G;mBACnG,OAAO;MAiRoD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAzMT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UA0MjD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"AA+EA;AAsMA,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA4UO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAhUnD,yCAAyC;cACnC,IAAI,EAAE;QACZ,4CAA4C;cACtC,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,oDAAoD;cAC9C,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,kDAAkD;gBAC1C,MAAM;QACd,8GAA8G;mBACnG,OAAO;MAuToD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA/OT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UAgPjD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Chart/WChartHeatmap.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ var _hoisted_4 = {
 	class: "flex justify-end"
 };
 var _hoisted_5 = { class: "relative isolate grid justify-end" };
-var _hoisted_6 = { class: "from-default text-2xs text-description dark:from-default-dark via-default dark:via-default-dark absolute inset-y-0 left-0 z-1 flex w-5 flex-col bg-linear-to-r to-transparent pt-4" };
+var _hoisted_6 = { class: "from-(--w-chart-heatmap-bg,var(--w-surface)) via-(--w-chart-heatmap-bg,var(--w-surface)) text-2xs text-description absolute inset-y-0 left-0 z-1 flex w-5 flex-col bg-linear-to-r to-transparent pt-4" };
 var _hoisted_7 = {
 	ref: "scrollContainer",
 	class: "flex overflow-x-auto overscroll-x-contain"

package/dist/components/Chart/WChartLine.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAwJA;AA4aA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAMzC,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA2eO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAverD,0FAA0F;cACpF,IAAI,EAAE;QACZ,8CAA8C;cACxC,MAAM,IAAI;QAChB,mCAAmC;cAC7B,MAAM,IAAI;QAChB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,yBAAyB;sBACX,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ;QAC5D,8CAA8C;sBAChC,MAAM;QACpB,yDAAyD;kBAC/C,OAAO;QACjB,yEAAyE;sBAC3D,MAAM;QACpB,kFAAkF;oBACtE,MAAM;QAClB,oFAAoF;kBAC1E,OAAO;qBAkduD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA/cT,6MAA6M;kBACnM,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;QAChI,uMAAuM;mBAC5L,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;QACpJ,8EAA8E;gBACtE,MAAM,IAAI;;UA4cb,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAwJA;AA4aA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAMzC,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA0eO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAterD,0FAA0F;cACpF,IAAI,EAAE;QACZ,8CAA8C;cACxC,MAAM,IAAI;QAChB,mCAAmC;cAC7B,MAAM,IAAI;QAChB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,yBAAyB;sBACX,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ;QAC5D,8CAA8C;sBAChC,MAAM;QACpB,yDAAyD;kBAC/C,OAAO;QACjB,yEAAyE;sBAC3D,MAAM;QACpB,kFAAkF;oBACtE,MAAM;QAClB,oFAAoF;kBAC1E,OAAO;qBAiduD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA9cT,6MAA6M;kBACnM,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;QAChI,uMAAuM;mBAC5L,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;QACpJ,8EAA8E;gBACtE,MAAM,IAAI;;UA2cb,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Chart/WChartLine.vue_vue_type_script_setup_true_lang.js

@@ -281,7 +281,7 @@ var WChartLine_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					y2: __props.svgHeight - __props.bottom,
 					stroke: "currentColor",
 					"stroke-width": "1",
-					class: "pointer-events-none text-gray-400 dark:text-gray-600"
+					class: "pointer-events-none text-subtle"
 				}, null, 8, _hoisted_12)) : createCommentVNode("", true), (openBlock(), createElementBlock("foreignObject", {
 					height: __props.svgHeight - __props.bottom - 9,
 					y: __props.top + 4.5

package/dist/components/Chart/components/HeatmapCell.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ var HeatmapCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const tooltipRef = useTemplateRef("tooltip");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["group/cell relative rounded-sm p-(--w-chart-heatmap-gap,0.125rem)", __props.opacity !== null ? "cursor-crosshair" : void 0]) }, [createElementVNode("div", {
-				class: normalizeClass(["size-(--w-chart-heatmap-size,1rem) rounded-sm", __props.empty ? void 0 : __props.opacity !== null ? "bg-current" : "bg-gray-50 dark:bg-gray-800/20"]),
+				class: normalizeClass(["size-(--w-chart-heatmap-size,1rem) rounded-sm", __props.empty ? void 0 : __props.opacity !== null ? "bg-current" : "bg-surface-muted/50"]),
 				style: normalizeStyle(__props.opacity !== null && !__props.empty ? { opacity: __props.opacity } : void 0)
 			}, null, 6), _ctx.$slots.default && __props.opacity !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(["absolute inset-(--w-chart-heatmap-gap,0.125rem) rounded-sm border-current group-hover/cell:border-2", tooltipRef.value?.isOpen ? "border-2" : void 0]) }, null, 2), createVNode(WTooltip_default, {
 				ref: "tooltip",

package/dist/components/Checkbox/WCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AAkGA;AAkJA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAiC1C,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA4PF,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,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":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AAkGA;AAkJA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAiC1C,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAwPF,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,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/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -76,15 +76,15 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				onClick: toggle,
 				onMousedown: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mousedown", $event))
 			}), [createElementVNode("div", {
-				class: normalizeClass(["square-[1.5em] bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid [font-size:var(--w-checkbox-size)]", {
+				class: normalizeClass(["square-[1.5em] bg-surface relative isolate flex items-center justify-center border border-solid [font-size:var(--w-checkbox-size)]", {
 					"text-(--w-checkbox-color,#ffffff)": __props.modelValue && !unref(isDisabled) && !unref(isSkeleton),
-					"text-primary dark:text-primary-dark": !__props.modelValue && !unref(isDisabled) && !unref(isSkeleton),
-					"text-gray-300 dark:text-gray-700": !__props.modelValue && unref(isDisabled) && !unref(isSkeleton),
+					"tone-primary text-tone": !__props.modelValue && !unref(isDisabled) && !unref(isSkeleton),
+					"text-subtle": !__props.modelValue && unref(isDisabled) && !unref(isSkeleton),
 					"w-ripple w-hover-circle before:text-accent after:text-accent": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
 					"rounded-full": __props.radio,
 					"rounded-md": !__props.radio,
-					"border-gray-300 dark:border-gray-700": unref(isDisabled) || unref(isSkeleton),
-					"border-primary dark:border-primary-dark [.w-hover-checked:hover_&]:text-default": !unref(isDisabled) && !unref(isSkeleton)
+					"border-line": unref(isDisabled) || unref(isSkeleton),
+					"tone-primary border-tone [.w-hover-checked:hover_&]:text-tone-on": !unref(isDisabled) && !unref(isSkeleton)
 				}]),
 				onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
 			}, [
@@ -100,8 +100,8 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"scale-66 rounded": !__props.radio && __props.intermediate && __props.modelValue === null,
 						"scale-66 rounded-full": __props.radio && !(__props.intermediate && __props.modelValue === null),
 						"rounded": !__props.radio && !(__props.intermediate && __props.modelValue === null),
-						"bg-primary dark:bg-primary-dark [.w-hover-checked:hover_&]:block!": !unref(isDisabled) && !unref(isSkeleton),
-						"bg-gray-300 dark:bg-gray-700": unref(isDisabled) || unref(isSkeleton),
+						"tone-primary bg-tone-fill [.w-hover-checked:hover_&]:block!": !unref(isDisabled) && !unref(isSkeleton),
+						"bg-track": unref(isDisabled) || unref(isSkeleton),
 						"transition-[scale,opacity]": !__props.lessTransitions
 					}]) }, null, 2), [[vShow, __props.modelValue !== false && !__props.loading]])]),
 					_: 1
@@ -112,7 +112,7 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				]),
 				__props.loading ? (openBlock(), createBlock(WSpinner_default, {
 					key: 0,
-					class: "square-[1em] text-primary dark:text-primary-dark"
+					class: "tone-primary square-[1em] text-tone"
 				})) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
 					key: 1,
 					class: "square-[1em]"

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AAqLA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAY7C,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAwUJ,QAAA,MAAM,YAAY;;;;;cAzUH,OAAO;cAJP,OAAO;cAEP,OAAO;aANR,IAAI;aAEJ,IAAI;6EAmVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AAqLA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAY7C,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAsUJ,QAAA,MAAM,YAAY;;;;;cAvUH,OAAO;cAJP,OAAO;cAEP,OAAO;aANR,IAAI;aAEJ,IAAI;6EAiVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DatePicker/WDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -91,7 +91,7 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"current-date",
 				"onUpdate:currentDate"
 			])]), createElementVNode("div", {
-				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
+				class: "bg-surface overflow-hidden rounded-xl border border-solid border-line py-3",
 				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_2, [createVNode(CalendarToggle_default, {
 				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),

package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA8CA;AAuIA,KAAK,WAAW,GAAG;IACf,mDAAmD;IACnD,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAsOJ,QAAA,MAAM,YAAY;;;;;cAvOH,OAAO;cAJP,OAAO;cAEP,OAAO;aANR,IAAI;aAEJ,IAAI;6EAiPhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA8CA;AAuIA,KAAK,WAAW,GAAG;IACf,mDAAmD;IACnD,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoOJ,QAAA,MAAM,YAAY;;;;;cArOH,OAAO;cAJP,OAAO;cAEP,OAAO;aANR,IAAI;aAEJ,IAAI;6EA+OhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DatePicker/WDatePickerSingle.vue_vue_type_script_setup_true_lang.js

@@ -48,7 +48,7 @@ var WDatePickerSingle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
+				class: "bg-surface overflow-hidden rounded-xl border border-solid border-line py-3",
 				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_1, [createVNode(CalendarToggle_default, {
 				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AA0CA;AA8HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB,CAAC;AA4LF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AA0CA;AA8HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB,CAAC;AA2LF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DatePicker/components/CalendarDay.vue_vue_type_script_setup_true_lang.js

@@ -62,7 +62,7 @@ var CalendarDay_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				class: normalizeClass(["height-9 w-ripple-trigger relative my-px flex flex-1 select-none items-center justify-center", {
 					"text-accent": !isSelected.value && !isOutOfMonth.value,
 					"text-description": !isSelected.value && isOutOfMonth.value,
-					"text-default dark:text-default-dark selected": isSelected.value,
+					"text-surface selected": isSelected.value,
 					"cursor-not-allowed": isDisabled.value,
 					"cursor-pointer": !isDisabled.value && !__props.readonly,
 					"hover-enabled": __props.isHoverEnabled
@@ -70,17 +70,17 @@ var CalendarDay_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				onClick: _cache[0] || (_cache[0] = ($event) => !isDisabled.value && !__props.readonly && _ctx.$emit("click:day", __props.startOfDay)),
 				onMouseenter: _cache[1] || (_cache[1] = ($event) => !isDisabled.value && !__props.readonly && __props.isHoverEnabled && _ctx.$emit("hover:day", __props.startOfDay))
 			}, [withDirectives(createElementVNode("div", { class: normalizeClass(["absolute h-9 opacity-50", {
-				"border-primary border-y border-solid": __props.isHoverEnabled && !isDisabled.value,
-				"bg-primary dark:bg-primary-dark": !__props.isHoverEnabled && !isDisabled.value,
-				"bg-gray-200 dark:bg-gray-700": isDisabled.value,
+				"tone-primary border-tone border-y border-solid": __props.isHoverEnabled && !isDisabled.value,
+				"tone-primary bg-tone-fill": !__props.isHoverEnabled && !isDisabled.value,
+				"bg-surface-inset": isDisabled.value,
 				"w-full": isBetweenRange.value || isDisabled.value,
 				"left-1/2 w-1/2": isFrom.value && !isTo.value,
 				"right-1/2 w-1/2": !isFrom.value && isTo.value
 			}]) }, null, 2), [[vShow, isBetweenRange.value || isFrom.value || isTo.value && !(isFrom.value && isTo.value) || isDisabled.value]]), createElementVNode("div", { class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
 				"w-ripple w-ripple-hover": !isDisabled.value && !__props.readonly,
 				"opacity-50": isDisabled.value,
-				"bg-primary dark:bg-primary-dark font-semibold text-(--w-date-picker-day,#ffffff)": isSelected.value,
-				"bg-negative dark:bg-negative-dark font-semibold text-(--w-date-picker-day,#ffffff)": !isSelected.value && __props.isToday
+				"tone-primary bg-tone-fill font-semibold text-(--w-date-picker-day,#ffffff)": isSelected.value,
+				"tone-negative bg-tone-fill font-semibold text-(--w-date-picker-day,#ffffff)": !isSelected.value && __props.isToday
 			}]) }, [createElementVNode("div", _hoisted_1, toDisplayString(__props.startOfDay.getDate()), 1)], 2)], 34);
 		};
 	}

package/dist/components/DatePicker/components/CalendarToggle.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createElementVNode("div", {
-					class: normalizeClass(["square-8 text-description relative mr-auto flex select-none items-center justify-center rounded-xl", __props.disabledPrevious ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					class: normalizeClass(["square-8 text-description relative mr-auto flex select-none items-center justify-center rounded-xl", __props.disabledPrevious ? "cursor-not-allowed opacity-50" : "w-ripple tone-primary hover:surface-fill cursor-pointer"]),
 					onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabledPrevious && _ctx.$emit("click:previous"))
 				}, [createVNode(unref(IconArrow_default), { class: "-ml-1 rotate-90" })], 2),
 				createElementVNode("div", _hoisted_2, [createVNode(Transition, {
@@ -31,7 +31,7 @@ var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					_: 1
 				})]),
 				createElementVNode("div", {
-					class: normalizeClass(["square-8 text-description relative ml-auto flex select-none items-center justify-center rounded-xl", __props.disabledNext ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					class: normalizeClass(["square-8 text-description relative ml-auto flex select-none items-center justify-center rounded-xl", __props.disabledNext ? "cursor-not-allowed opacity-50" : "w-ripple tone-primary hover:surface-fill cursor-pointer"]),
 					onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabledNext && _ctx.$emit("click:next"))
 				}, [createVNode(unref(IconArrow_default), { class: "-mr-1 -rotate-90" })], 2)
 			]);

package/dist/components/DragContainer/components/DragItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DragContainer/components/DragItem.vue"],"names":[],"mappings":"AA4BA;AAuEA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AA4GF,QAAA,IAAI,OAAO;;;;;;;;;;4BA9EgB,SAAS;;;CA8Ed,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DragItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DragContainer/components/DragItem.vue"],"names":[],"mappings":"AA4BA;AAuEA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AA2GF,QAAA,IAAI,OAAO;;;;;;;;;;4BA7EgB,SAAS;;;CA6Ed,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DragContainer/components/DragItem.vue_vue_type_script_setup_true_lang.js

@@ -49,7 +49,7 @@ var DragItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}, {
 				default: withCtx(() => [isDragging.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: "bg-(--w-drag-item-overlay,var(--color-default)) dark:bg-(--w-drag-item-overlay,var(--color-default-dark)) pointer-events-none absolute z-1 size-full transition-opacity col-[1/2]",
+					class: "bg-(--w-drag-item-overlay,var(--w-surface)) pointer-events-none absolute z-1 size-full transition-opacity col-[1/2]",
 					style: normalizeStyle({ gridRow: `${__props.order + 1}/${__props.order + 2}` })
 				}, null, 4)) : createCommentVNode("", true)]),
 				_: 1

package/dist/components/Expansion/WExpansionItem.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { Fragment, Transition, createBlock, createCommentVNode, createElementBlo
 //#region src/components/Expansion/WExpansionItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
+	class: "square-2 tone-info bg-tone-fill absolute right-0 top-0 rounded-full"
 };
 var _hoisted_2 = { class: "col-start-3 ml-auto flex items-center justify-center" };
 var WExpansionItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAoLA;AAwTA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAgE,MAAM,KAAK,CAAA;AAkH9G,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA+XF,QAAA,MAAM,UAAU;sBArdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EA+bpD,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":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAoLA;AAwTA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAgE,MAAM,KAAK,CAAA;AAkH9G,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA2XF,QAAA,MAAM,UAAU;sBAjdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EA2bpD,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/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var _hoisted_1 = ["id", "for"];
 var _hoisted_2 = {
 	key: 0,
-	class: "text-negative dark:text-negative-dark"
+	class: "tone-negative text-tone"
 };
 var _hoisted_3 = {
 	key: 0,
@@ -183,7 +183,7 @@ var WFieldWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							isDragover: isDragover.value
 						})), () => [createElementVNode("div", { class: normalizeClass(["flex min-h-(--w-input-height,2.75rem) items-center font-normal", {
 							"font-mono": __props.mono,
-							"border-t border-solid border-gray-300 dark:border-gray-700": __props.title || _ctx.$slots.title
+							"border-t border-solid border-line": __props.title || _ctx.$slots.title
 						}]) }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 							id: unref(id),
 							setFocused,
@@ -197,13 +197,13 @@ var WFieldWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						__props.hasChanges ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true),
 						message.value ? withDirectives((openBlock(), createElementBlock("div", {
 							key: 1,
-							class: normalizeClass(["text-description bg-default dark:bg-default-dark absolute right-0 my-0.5 whitespace-nowrap text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
+							class: normalizeClass(["text-description bg-surface absolute right-0 my-0.5 whitespace-nowrap text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
 						}, toDisplayString(message.value), 3)), [[vShow, isMessageShown.value]]) : __props.errorMessage ? (openBlock(), createElementBlock("div", {
 							key: 2,
-							class: normalizeClass(["text-negative dark:text-negative-dark bg-default dark:bg-default-dark absolute mt-0.5 text-xs font-normal", [!__props.leftError || __props.topText ? "right-0 text-end" : "left-0 text-start", __props.topText ? "bottom-full" : "top-full"]])
+							class: normalizeClass(["tone-negative text-tone bg-surface absolute mt-0.5 text-xs font-normal", [!__props.leftError || __props.topText ? "right-0 text-end" : "left-0 text-start", __props.topText ? "bottom-full" : "top-full"]])
 						}, toDisplayString(__props.errorMessage), 3)) : __props.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", {
 							key: 3,
-							class: normalizeClass(["text-description bg-default dark:bg-default-dark absolute right-0 mt-0.5 whitespace-nowrap text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
+							class: normalizeClass(["text-description bg-surface absolute right-0 mt-0.5 whitespace-nowrap text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
 						}, toDisplayString(unref(numberFormatter).format(`${typeof __props.modelValue === "number" ? __props.modelValue : __props.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(__props.maxLength)), 3)) : createCommentVNode("", true)
 					], 2)) : (openBlock(), createBlock(WSkeleton_default, {
 						key: 1,

package/dist/components/FieldWrapper/components/FilterButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FieldWrapper/components/FilterButton.vue"],"names":[],"mappings":"AAoBA;AAiCA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAkEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"FilterButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FieldWrapper/components/FilterButton.vue"],"names":[],"mappings":"AAoBA;AAiCA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/FieldWrapper/components/FilterButton.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,7 @@ var FilterButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				key: 1,
 				class: normalizeClass(["w-ripple w-ripple-hover rounded p-[0.125em]", {
 					"text-description": _ctx.$route.query[__props.filterField] !== __props.encodedQueryParam,
-					"bg-primary dark:bg-primary-dark text-default": _ctx.$route.query[__props.filterField] === __props.encodedQueryParam
+					"tone-primary surface-fill": _ctx.$route.query[__props.filterField] === __props.encodedQueryParam
 				}]),
 				"aria-pressed": _ctx.$route.query[__props.filterField] === __props.encodedQueryParam,
 				"aria-label": "Toggle filter",