@everchron/ec-shards 19.10.7 → 19.11.0

package/dist/ec-shards.js

@@ -5796,12 +5796,12 @@ function So(t, n, r, i, a, u) {
 	}, null, 8, bo)])) : s("", !0), r.busy ? (T(), o(m, {
 		key: 1,
 		text: r.busyText,
-		"primary-color": "#6680AA",
-		"secondary-color": "#D1E1F9",
+		"primary-color": "var(--color-gray-8)",
+		"secondary-color": "var(--color-gray-4)",
 		speed: 1200
 	}, null, 8, ["text"])) : k(t.$slots, "default", { key: 2 }, void 0, !0)], 6)]), t.$slots.actions ? (T(), c("div", xo, [k(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)], 10, go);
 }
-var Co = /*#__PURE__*/ V(ho, [["render", So], ["__scopeId", "data-v-4c17dfef"]]), wo = /* @__PURE__ */ me((/* @__PURE__ */ z(((e) => {
+var Co = /*#__PURE__*/ V(ho, [["render", So], ["__scopeId", "data-v-82308bc7"]]), wo = /* @__PURE__ */ me((/* @__PURE__ */ z(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = e.clickOutSide = {
 		mounted: function(e, t, n) {
 			e.clickOutsideEvent = function(n) {
@@ -6641,9 +6641,14 @@ var ss = /*#__PURE__*/ V(Jo, [["render", os], ["__scopeId", "data-v-d1f03f28"]])
 	components: { EcsSkeletonLoader: G },
 	mixins: [Y],
 	props: {
-		small: {
-			type: Boolean,
-			default: !1
+		size: {
+			type: String,
+			validator: (e) => [
+				"xsml",
+				"sml",
+				"md"
+			].includes(e),
+			default: "md"
 		},
 		loading: {
 			type: Boolean,
@@ -6654,6 +6659,9 @@ var ss = /*#__PURE__*/ V(Jo, [["render", os], ["__scopeId", "data-v-d1f03f28"]])
 			default: 4
 		}
 	},
+	computed: { skeletonLineHeight() {
+		return this.size === "xsml" ? 1 : this.size === "sml" ? 2 : 3;
+	} },
 	created() {
 		this.formattedId = this.generateUniqueId();
 	},
@@ -6669,12 +6677,12 @@ var ss = /*#__PURE__*/ V(Jo, [["render", os], ["__scopeId", "data-v-d1f03f28"]])
 function us(e, t, n, r, i, a) {
 	let s = A("ecs-skeleton-loader");
 	return T(), c("div", {
-		class: b(["ecs-formatted", [n.small ? "ecs-formatted-sml" : ""]]),
+		class: b(["ecs-formatted", [n.size ? `ecs-formatted-${n.size}` : ""]]),
 		id: e.formattedId
 	}, [n.loading ? (T(), o(s, {
 		key: 1,
 		type: "multi",
-		"line-height": n.small ? 1 : 2,
+		"line-height": a.skeletonLineHeight,
 		count: n.skeletonCount
 	}, null, 8, ["line-height", "count"])) : k(e.$slots, "default", {
 		key: 0,