@everchron/ec-shards 19.10.6 → 19.11.0

package/dist/ec-shards.js

@@ -864,6 +864,10 @@ var G = /*#__PURE__*/ V(Re, [["render", Be], ["__scopeId", "data-v-5a7d7926"]]),
 		rounded: {
 			type: Boolean,
 			default: !0
+		},
+		logo: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	data() {
@@ -911,7 +915,10 @@ var G = /*#__PURE__*/ V(Re, [["render", Be], ["__scopeId", "data-v-5a7d7926"]]),
 				width: `${this.size}px`,
 				height: `${this.size}px`,
 				borderRadius: this.rounded ? "50%" : "4px"
-			}, t = { background: `transparent url(${this.image}) no-repeat center center/cover` }, n = {
+			}, t = {
+				background: `transparent url(${this.image}) no-repeat center center/${this.logo ? "contain" : "cover"}`,
+				border: this.logo ? "1px solid var(--color-gray-2)" : void 0
+			}, n = {
 				backgroundColor: this.background,
 				fontSize: Math.floor(this.size / 2.5) + "px"
 			}, r = this.isImage ? t : n;
@@ -960,7 +967,7 @@ function We(e, t, n, r, i, a) {
 		type: "badge"
 	})) : s("", !0)], 14, He);
 }
-var Ge = /*#__PURE__*/ V(Ve, [["render", We], ["__scopeId", "data-v-a25d1ba9"]]), Ke = {
+var Ge = /*#__PURE__*/ V(Ve, [["render", We], ["__scopeId", "data-v-e27b6ef7"]]), Ke = {
 	components: {
 		EcsIcon: H,
 		EcsFocusRing: U
@@ -5789,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) {
@@ -6634,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,
@@ -6647,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();
 	},
@@ -6662,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,