morya-ui 0.4.2 → 0.4.3

package/dist/switch/index.js

@@ -1,6 +1,6 @@
 import { r as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useMId-BXFYayPP.js";
-import { o as n } from "../config-CB_TiIvg.js";
+import { o as n } from "../config-BEpyhJi3.js";
 import "./style.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h, useSlots as g } from "vue";
 //#region src/components/Switch/Switch.vue?vue&type=script&setup=true&lang.ts

package/dist/table/index.js

@@ -1,17 +1,17 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useControllable-elmWaz23.js";
-import { t as n } from "../Icon-od9Ob-Ay.js";
+import { t as n } from "../Icon-CmHjx7W8.js";
 import { t as r } from "../Scrollbar-DTeJ8P5b.js";
-import { t as i } from "../Button-BaYLh91a.js";
-import { t as a } from "../Checkbox-LxCFF19I.js";
-import { t as o } from "../Loading-BK4dQPCS.js";
-import { t as s } from "../Pagination-tdrlaZ3u.js";
-import { t as c } from "../Input-NspPDc2R.js";
-import { t as l } from "../Popover-BumMfUpV.js";
-import { t as u } from "../Tooltip-DKsXxU_B.js";
-import { t as d } from "../Radio-BCn2OVCF.js";
-import { o as f } from "../config-CB_TiIvg.js";
-import { n as p } from "../locale-CR2PIaxt.js";
+import { t as i } from "../Button-Bjsth0ct.js";
+import { t as a } from "../Checkbox-Bo26OGHP.js";
+import { t as o } from "../Loading-D_qRwfKv.js";
+import { t as s } from "../Pagination-CnGOpp0m.js";
+import { t as c } from "../Input-CxSTVp9E.js";
+import { t as l } from "../Popover-D1uZ1N9Z.js";
+import { t as u } from "../Tooltip-DSfkflHp.js";
+import { t as d } from "../Radio-CZAyelC_.js";
+import { o as f } from "../config-BEpyhJi3.js";
+import { n as p } from "../locale-CZddM-tH.js";
 import "./style.js";
 import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, nextTick as E, normalizeClass as D, normalizeProps as O, normalizeStyle as k, onBeforeUnmount as ee, onMounted as te, openBlock as A, provide as ne, ref as j, renderList as M, renderSlot as N, toDisplayString as P, toRefs as re, unref as F, useAttrs as ie, useSlots as ae, watch as I, withCtx as L, withKeys as oe, withModifiers as R } from "vue";
 //#region src/components/Table/columns/keys.ts

package/dist/tabs/index.js

@@ -1,8 +1,8 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useMId-BXFYayPP.js";
-import { t as n } from "../Icon-od9Ob-Ay.js";
+import { t as n } from "../Icon-CmHjx7W8.js";
 import { t as r } from "../Scrollbar-DTeJ8P5b.js";
-import { n as i } from "../locale-CR2PIaxt.js";
+import { n as i } from "../locale-CZddM-tH.js";
 import "./style.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useAttrs as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts

package/dist/tag/index.js

@@ -1,22 +1,22 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { r as t, t as n } from "../types-DGuu4Eg4.js";
-import { t as r } from "../Icon-od9Ob-Ay.js";
-import { o as i } from "../config-CB_TiIvg.js";
-import { n as a } from "../locale-CR2PIaxt.js";
+import { n as t } from "../types-DBQfGctj.js";
+import { t as n } from "../Icon-CmHjx7W8.js";
+import { o as r } from "../config-BEpyhJi3.js";
+import { n as i } from "../locale-CZddM-tH.js";
 import "./style.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v } from "vue";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _ } from "vue";
 //#region src/components/Tag/Tag.vue?vue&type=script&setup=true&lang.ts
-var y = [
+var v = [
 	"role",
 	"tabindex",
 	"aria-pressed",
 	"aria-disabled"
-], b = ["disabled", "aria-label"], x = /* @__PURE__ */ f({
+], y = ["disabled", "aria-label"], b = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Tag",
 	props: {
 		value: {},
-		severity: { default: "primary" },
+		type: { default: "primary" },
 		rounded: {
 			type: Boolean,
 			default: !1
@@ -51,65 +51,65 @@ var y = [
 		"update:checked",
 		"change"
 	],
-	setup(f, { emit: x }) {
-		let S = f, C = x, w = v(), { rootAttrs: T } = e(w, () => S.pt), E = a(), D = i("Tag", () => S.size), O = o(() => t(D.value)), k = o(() => n(S.severity) ?? "primary"), A = o(() => S.closable && !S.checkable), j = o(() => [
+	setup(d, { emit: b }) {
+		let x = d, S = b, C = _(), { rootAttrs: w } = e(C, () => x.pt), T = i(), E = r("Tag", () => x.size), D = a(() => t(E.value)), O = a(() => x.type ?? "primary"), k = a(() => x.closable && !x.checkable), A = a(() => [
 			"m-tag",
-			`m-tag--${k.value}`,
-			`m-tag--${D.value}`,
+			`m-tag--${O.value}`,
+			`m-tag--${E.value}`,
 			{
-				"m-tag--rounded": S.rounded,
-				"m-tag--bordered": S.bordered && !S.checkable,
-				"m-tag--closable": A.value,
-				"m-tag--disabled": S.disabled,
-				"m-tag--custom": !!S.color && !S.checkable,
-				"m-tag--checkable": S.checkable,
-				"m-tag--checked": S.checkable && S.checked
+				"m-tag--rounded": x.rounded,
+				"m-tag--bordered": x.bordered && !x.checkable,
+				"m-tag--closable": k.value,
+				"m-tag--disabled": x.disabled,
+				"m-tag--custom": !!x.color && !x.checkable,
+				"m-tag--checkable": x.checkable,
+				"m-tag--checked": x.checkable && x.checked
 			}
-		]), M = o(() => S.color && !S.checkable ? { "--m-tag-color": S.color } : void 0);
+		]), j = a(() => x.color && !x.checkable ? { "--m-tag-color": x.color } : void 0);
+		function M(e) {
+			x.disabled || (e.stopPropagation(), S("close", e));
+		}
 		function N(e) {
-			S.disabled || (e.stopPropagation(), C("close", e));
+			if (!x.checkable || x.disabled || e.target?.closest?.(".m-tag__close")) return;
+			let t = !x.checked;
+			S("update:checked", t), S("change", t);
 		}
 		function P(e) {
-			if (!S.checkable || S.disabled || e.target?.closest?.(".m-tag__close")) return;
-			let t = !S.checked;
-			C("update:checked", t), C("change", t);
-		}
-		function F(e) {
-			if (!S.checkable || S.disabled || e.key !== "Enter" && e.key !== " ") return;
+			if (!x.checkable || x.disabled || e.key !== "Enter" && e.key !== " ") return;
 			e.preventDefault();
-			let t = !S.checked;
-			C("update:checked", t), C("change", t);
+			let t = !x.checked;
+			S("update:checked", t), S("change", t);
 		}
-		return (e, t) => (m(), l("span", p(_(T), {
-			class: j.value,
-			style: M.value,
-			role: f.checkable ? "button" : void 0,
-			tabindex: f.checkable && !f.disabled ? 0 : void 0,
-			"aria-pressed": f.checkable ? f.checked : void 0,
-			"aria-disabled": f.checkable && f.disabled ? !0 : void 0,
-			onClick: P,
-			onKeydown: F
+		return (e, t) => (p(), c("span", f(g(w), {
+			class: A.value,
+			style: j.value,
+			role: d.checkable ? "button" : void 0,
+			tabindex: d.checkable && !d.disabled ? 0 : void 0,
+			"aria-pressed": d.checkable ? d.checked : void 0,
+			"aria-disabled": d.checkable && d.disabled ? !0 : void 0,
+			onClick: N,
+			onKeydown: P
 		}), [
-			f.icon ? (m(), s(r, {
+			d.icon ? (p(), o(n, {
 				key: 0,
 				class: "m-tag__icon",
-				name: f.icon,
-				size: O.value
-			}, null, 8, ["name", "size"])) : c("", !0),
-			h(e.$slots, "default", {}, () => [u(g(f.value), 1)]),
-			A.value ? (m(), l("button", {
+				name: d.icon,
+				size: D.value
+			}, null, 8, ["name", "size"])) : s("", !0),
+			m(e.$slots, "default", {}, () => [l(h(d.value), 1)]),
+			k.value ? (p(), c("button", {
 				key: 1,
 				type: "button",
 				class: "m-tag__close",
-				disabled: f.disabled,
-				"aria-label": _(E).close,
-				onClick: N
-			}, [d(r, {
+				disabled: d.disabled,
+				"aria-label": g(T).close,
+				onClick: M
+			}, [u(n, {
 				name: "close",
-				size: O.value
-			}, null, 8, ["size"])], 8, b)) : c("", !0)
-		], 16, y));
+				size: D.value
+			}, null, 8, ["size"])], 8, y)) : s("", !0)
+		], 16, v));
 	}
 });
 //#endregion
-export { x as MTag };
+export { b as MTag };

package/dist/tag/style.css

@@ -1318,7 +1318,6 @@
     color: var(--m-color-info);
 }
 
-.m-tag--warn,
 .m-tag--warning {
     background: color-mix(in srgb, var(--m-color-warn) 14%, transparent);
     color: var(--m-color-warn);

package/dist/terminal/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../ScrollBody-5hUnHj_M.js";
-import { n } from "../locale-CR2PIaxt.js";
+import { n } from "../locale-CZddM-tH.js";
 import "./style.js";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, useAttrs as _, vModelText as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
 //#region src/components/Terminal/Terminal.vue?vue&type=script&setup=true&lang.ts

package/dist/textarea/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Textarea-Ch1KCXEv.js";
+import { t as e } from "../Textarea-DskjTCcz.js";
 import "./style.js";
 export { e as MTextarea };

package/dist/tiered-menu/index.js

@@ -2,12 +2,12 @@ import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { n as t, t as n } from "../overlay-oR-5MDuE.js";
 import { t as ee } from "../overlayPlacement-qwEJPVS4.js";
 import { t as r } from "../useFloatingViewportSync-wLLKIGUA.js";
-import { t as i } from "../useMotionTransition-D8JOR3ih.js";
-import { t as a } from "../Icon-od9Ob-Ay.js";
+import { t as i } from "../useMotionTransition-DqL_SEML.js";
+import { t as a } from "../Icon-CmHjx7W8.js";
 import { t as o } from "../Scrollbar-DTeJ8P5b.js";
 import { t as s } from "../lastPointer-CRxcUqdd.js";
-import { t as c } from "../FlyoutSubmenu-Da6AcoM4.js";
-import { l as te } from "../config-CB_TiIvg.js";
+import { t as c } from "../FlyoutSubmenu-C0id6-Sb.js";
+import { l as te } from "../config-BEpyhJi3.js";
 import "./style.js";
 import { Fragment as l, Teleport as ne, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as y, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, useAttrs as re, watch as E, withCtx as D } from "vue";
 //#region src/components/TieredMenu/TieredMenu.vue?vue&type=script&setup=true&lang.ts

package/dist/time-picker/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../DatePicker-DGPNukEW.js";
+import { t as e } from "../DatePicker-CsMGzCqY.js";
 import "./style.js";
 import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, unref as a, useAttrs as o } from "vue";
 //#endregion

package/dist/timeline/index.js

@@ -1,23 +1,22 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../types-DGuu4Eg4.js";
-import { a as n, t as r } from "../Icon-od9Ob-Ay.js";
-import { t as i } from "../Scrollbar-DTeJ8P5b.js";
+import { a as t, t as n } from "../Icon-CmHjx7W8.js";
+import { t as r } from "../Scrollbar-DTeJ8P5b.js";
 import "./style.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 //#region src/components/Timeline/Timeline.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "m-timeline__opposite" }, w = { class: "m-timeline__separator" }, T = {
+var S = { class: "m-timeline__opposite" }, C = { class: "m-timeline__separator" }, w = {
 	key: 1,
 	"aria-hidden": "true"
-}, E = { class: "m-timeline__content" }, D = {
+}, T = { class: "m-timeline__content" }, E = {
 	key: 0,
 	class: "m-timeline__status"
-}, O = { class: "m-timeline__opposite" }, k = { class: "m-timeline__separator" }, A = {
+}, D = { class: "m-timeline__opposite" }, O = { class: "m-timeline__separator" }, k = {
 	key: 1,
 	"aria-hidden": "true"
-}, j = { class: "m-timeline__content" }, M = {
+}, A = { class: "m-timeline__content" }, j = {
 	key: 0,
 	class: "m-timeline__status"
-}, N = /* @__PURE__ */ f({
+}, M = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Timeline",
 	props: {
@@ -27,108 +26,104 @@ var C = { class: "m-timeline__opposite" }, w = { class: "m-timeline__separator"
 		layout: { default: "vertical" },
 		pending: { type: [Boolean, String] }
 	},
-	setup(f) {
-		let N = f, P = x(), { rootAttrs: F } = e(P, () => N.pt), I = o(() => N.pending === !0 ? "" : typeof N.pending == "string" ? N.pending : null), L = o(() => I.value == null ? N.value : [...N.value, {
-			content: I.value,
-			status: I.value || void 0
-		}]), R = o(() => [
+	setup(d) {
+		let M = d, N = b(), { rootAttrs: P } = e(N, () => M.pt), F = a(() => M.pending === !0 ? "" : typeof M.pending == "string" ? M.pending : null), I = a(() => F.value == null ? M.value : [...M.value, {
+			content: F.value,
+			status: F.value || void 0
+		}]), L = a(() => [
 			"m-timeline",
-			`m-timeline--${N.layout}`,
-			`m-timeline--${N.align}`,
-			{ "m-timeline--pending": I.value != null }
+			`m-timeline--${M.layout}`,
+			`m-timeline--${M.align}`,
+			{ "m-timeline--pending": F.value != null }
 		]);
-		function z(e) {
-			return N.align === "right" ? "right" : N.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
-		}
-		function B(e) {
-			if (e) return e === "help" ? "help" : t(e) ?? void 0;
+		function R(e) {
+			return M.align === "right" ? "right" : M.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
 		}
-		function V(e) {
+		function z(e) {
 			if (e.color) return {
 				background: e.color,
 				borderColor: e.color,
 				color: "var(--m-color-contrast-fg)"
 			};
 		}
-		function H(e) {
-			let t = B(e.severity);
-			return t ? `m-timeline__marker--${t}` : void 0;
+		function B(e) {
+			return e.type ? `m-timeline__marker--${e.type}` : void 0;
 		}
-		function U(e) {
-			if (e.icon && n(String(e.icon))) return e.icon;
+		function V(e) {
+			if (e.icon && t(String(e.icon))) return e.icon;
 		}
-		function W(e) {
-			return I.value != null && e === L.value.length - 1;
+		function H(e) {
+			return F.value != null && e === I.value.length - 1;
 		}
-		return (e, t) => f.layout === "horizontal" ? (g(), s(i, {
+		return (e, t) => d.layout === "horizontal" ? (h(), o(r, {
 			key: 0,
 			class: "m-timeline__scroll m-timeline__scroll--horizontal",
 			"fit-content": "",
 			"wrap-class": "m-timeline__scroll-wrap",
 			"view-class": "m-timeline__scroll-view"
 		}, {
-			default: S(() => [u("ul", p(b(F), { class: R.value }), [(g(!0), l(a, null, _(L.value, (n, i) => (g(), l("li", {
+			default: x(() => [l("ul", f(y(P), { class: L.value }), [(h(!0), c(i, null, g(I.value, (r, i) => (h(), c("li", {
 				key: i,
-				class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
-			}, [v(e.$slots, "item", {
-				item: n,
+				class: p(["m-timeline__event", [`m-timeline__event--${R(i)}`, { "m-timeline__event--pending": H(i) }]])
+			}, [_(e.$slots, "item", {
+				item: r,
 				index: i
 			}, () => [
-				u("div", C, [v(e.$slots, "opposite", {
-					item: n,
+				l("div", S, [_(e.$slots, "opposite", {
+					item: r,
 					index: i
-				}, () => [d(y(n.date), 1)])]),
-				u("div", w, [v(e.$slots, "marker", {
-					item: n,
+				}, () => [u(v(r.date), 1)])]),
+				l("div", C, [_(e.$slots, "marker", {
+					item: r,
 					index: i
-				}, () => [u("span", {
-					class: m(["m-timeline__marker", H(n)]),
-					style: h(V(n))
-				}, [U(n) ? (g(), s(r, {
+				}, () => [l("span", {
+					class: p(["m-timeline__marker", B(r)]),
+					style: m(z(r))
+				}, [V(r) ? (h(), o(n, {
 					key: 0,
-					name: U(n),
+					name: V(r),
 					size: "sm"
-				}, null, 8, ["name"])) : n.icon ? (g(), l("span", T, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
-					item: n,
+				}, null, 8, ["name"])) : r.icon ? (h(), c("span", w, v(r.icon), 1)) : s("", !0)], 6)]), _(e.$slots, "connector", {
+					item: r,
 					index: i
-				}, () => [t[0] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
-				u("div", E, [v(e.$slots, "content", {
-					item: n,
+				}, () => [t[0] ||= l("span", { class: "m-timeline__connector" }, null, -1)])]),
+				l("div", T, [_(e.$slots, "content", {
+					item: r,
 					index: i
-				}, () => [n.status ? (g(), l("div", D, y(n.status), 1)) : c("", !0), u("div", null, y(n.content), 1)])])
+				}, () => [r.status ? (h(), c("div", E, v(r.status), 1)) : s("", !0), l("div", null, v(r.content), 1)])])
 			])], 2))), 128))], 16)]),
 			_: 3
-		})) : (g(), l("ul", p({ key: 1 }, b(F), { class: R.value }), [(g(!0), l(a, null, _(L.value, (n, i) => (g(), l("li", {
+		})) : (h(), c("ul", f({ key: 1 }, y(P), { class: L.value }), [(h(!0), c(i, null, g(I.value, (r, i) => (h(), c("li", {
 			key: i,
-			class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
-		}, [v(e.$slots, "item", {
-			item: n,
+			class: p(["m-timeline__event", [`m-timeline__event--${R(i)}`, { "m-timeline__event--pending": H(i) }]])
+		}, [_(e.$slots, "item", {
+			item: r,
 			index: i
 		}, () => [
-			u("div", O, [v(e.$slots, "opposite", {
-				item: n,
+			l("div", D, [_(e.$slots, "opposite", {
+				item: r,
 				index: i
-			}, () => [d(y(n.date), 1)])]),
-			u("div", k, [v(e.$slots, "marker", {
-				item: n,
+			}, () => [u(v(r.date), 1)])]),
+			l("div", O, [_(e.$slots, "marker", {
+				item: r,
 				index: i
-			}, () => [u("span", {
-				class: m(["m-timeline__marker", H(n)]),
-				style: h(V(n))
-			}, [U(n) ? (g(), s(r, {
+			}, () => [l("span", {
+				class: p(["m-timeline__marker", B(r)]),
+				style: m(z(r))
+			}, [V(r) ? (h(), o(n, {
 				key: 0,
-				name: U(n),
+				name: V(r),
 				size: "sm"
-			}, null, 8, ["name"])) : n.icon ? (g(), l("span", A, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
-				item: n,
+			}, null, 8, ["name"])) : r.icon ? (h(), c("span", k, v(r.icon), 1)) : s("", !0)], 6)]), _(e.$slots, "connector", {
+				item: r,
 				index: i
-			}, () => [t[1] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
-			u("div", j, [v(e.$slots, "content", {
-				item: n,
+			}, () => [t[1] ||= l("span", { class: "m-timeline__connector" }, null, -1)])]),
+			l("div", A, [_(e.$slots, "content", {
+				item: r,
 				index: i
-			}, () => [n.status ? (g(), l("div", M, y(n.status), 1)) : c("", !0), u("div", null, y(n.content), 1)])])
+			}, () => [r.status ? (h(), c("div", j, v(r.status), 1)) : s("", !0), l("div", null, v(r.content), 1)])])
 		])], 2))), 128))], 16));
 	}
 });
 //#endregion
-export { N as MTimeline };
+export { M as MTimeline };

package/dist/timeline/style.css

@@ -1452,13 +1452,11 @@
     color: var(--m-color-info);
 }
 
-.m-timeline__marker--warn,
 .m-timeline__marker--warning {
-    border-color: var(--m-color-warn);
-    color: var(--m-color-warn);
+    border-color: var(--m-color-warning);
+    color: var(--m-color-warning);
 }
 
-.m-timeline__marker--error,
 .m-timeline__marker--danger {
     border-color: var(--m-color-danger);
     color: var(--m-color-danger);