IRIS-4081 | Re-build

Author: slayful

dist/css/styles.css

@@ -0,0 +1,27 @@
+.wds-avatar-stack {
+	align-items: center;
+	display: flex;
+	margin: 8px 18px 6px 40px;
+
+	&__avatar {
+		color: $wds-color-light-c4;
+	}
+
+	@for $i from 1 to 6 {
+		.wds-avatar-stack__avatar:nth-child(#{$i}) {
+			position: relative;
+			transform: translate(($i - 1) * - 15px);
+			z-index: 5 - $i;
+		}
+	}
+
+	&__overflow {
+		background-color: $wds-color-white;
+		border: 0;
+		color: $wds-color-light-c6;
+		font-size: $wds-typescale-size-minus-2;
+		padding-left: 6px;
+		transform: translate(-60px);
+		width: auto;
+	}
+}

dist/scss/wds-components/_avatar-stack.scss

@@ -1,4 +1,5 @@
 @import 'avatar';
+@import 'avatar-stack';
 @import 'buttons';
 @import 'dropdowns';
 @import 'icons';

dist/scss/wds-components/index.scss

@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
-<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%225.6.0+20e57d4a%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
+<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%225.6.0+01699b6b%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
 
     <link rel="stylesheet" href="/assets/vendor.css">
     <link rel="stylesheet" href="/assets/design-system.css">