@ebay/skin 17.5.0 → 18.0.0-next.0

package/.changeset/bright-kiwis-repeat.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": major
+---
+
+refactor: removed all duplicate icon classes and added icon--{nn} classes

package/.changeset/chilled-games-stare.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": patch
+---
+
+feat: added sass support and removed less support

package/.changeset/gold-radios-reply.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": major
+---
+
+chore: removed deprecations

package/.changeset/light-lions-explode.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": major
+---
+
+tokens: added tokens, colors, deprecations

package/.changeset/pre.json

@@ -0,0 +1,15 @@
+{
+    "mode": "pre",
+    "tag": "next",
+    "initialVersions": {
+        "@ebay/skin": "17.5.0"
+    },
+    "changesets": [
+        "bright-kiwis-repeat",
+        "chilled-games-stare",
+        "gold-radios-reply",
+        "light-lions-explode",
+        "ten-rockets-double",
+        "wild-donkeys-attack"
+    ]
+}

package/.changeset/ten-rockets-double.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(donut-chart): new module

package/.changeset/wild-donkeys-attack.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": major
+---
+
+toggle-button-group: reworked responsiveness and added equal button heights

package/.github/workflows/pages-html-proofer.yml

@@ -25,7 +25,7 @@ jobs:
         - run: npm run build:ci
         - uses: ruby/setup-ruby@v1
           with:
-            ruby-version: 2.7
+            ruby-version: 3.1
         - uses: actions/jekyll-build-pages@v1
           with:
             source: ./docs

package/.prettierignore

@@ -13,5 +13,4 @@ package-lock.json
 docs.min.css.*
 lint.log
 docs
-dist
 

package/.storybook/main.js

@@ -1,12 +1,11 @@
 const path = require("path");
-console.log(`STORYBOOK_DS: ${process.env.STORYBOOK_DS}`);
 module.exports = {
-  stories: ["../src/less/**/*.stories.js", "../src/less/**/stories/**/*.stories.js"],
+  stories: ["../src/sass/**/*.stories.js", "../src/sass/**/stories/**/*.stories.js"],
   webpackFinal: async (config, {
     configType
   }) => {
     config.module.rules.push({
-      test: /\.less/,
+      test: /\.scss/,
       use: ["style-loader", "css-loader", {
         loader: "postcss-loader",
         options: {
@@ -17,14 +16,8 @@ module.exports = {
           }
         }
       }, {
-        loader: "less-loader",
-        options: {
-          lessOptions: {
-            globalVars: {
-              ds: `ds${process.env.STORYBOOK_DS}`
-            }
-          }
-        }
+        loader: "sass-loader",
+        options: {}
       }]
     });
     return config;

package/.storybook/preview.js

@@ -1 +1 @@
-import "../src/less/bundles/skin-full.less";
+import "../src/sass/bundles/skin-full.scss";

package/.stylelintrc

@@ -4,10 +4,11 @@
         "stylelint-prettier/recommended"
     ],
     "ignoreFiles": [
-        "dist/mixins/**/*",
+        "dist/**/*",
         "dist/variables/**/*",
         "**/*.min.css",
         "**/*.js",
+        "**/*.less",
         "**/*.svg"
     ],
     "rules": {
@@ -15,6 +16,7 @@
         "no-descending-specificity": null,
         "no-duplicate-selectors": null,
         "rule-empty-line-before": null,
+        "no-invalid-double-slash-comments": null,
         "color-function-notation": "legacy",
         "property-no-vendor-prefix": null,
         "selector-no-vendor-prefix": null,
@@ -25,6 +27,8 @@
         "declaration-block-no-redundant-longhand-properties": null,
         "at-rule-empty-line-before": null,
         "media-feature-range-notation": "prefix",
+        "media-query-no-invalid": null,
+        "at-rule-no-unknown": null,
         "value-keyword-case": [
             "lower",
             {
@@ -43,36 +47,24 @@
     "overrides": [
         {
             "files": [
-                "**/*.less"
+                "**/*.scss"
+            ],
+            "extends": [
+                "stylelint-config-standard-scss",
+                "stylelint-config-prettier-scss"
             ],
-            "customSyntax": "postcss-less",
             "plugins": [
-                "stylelint-order",
+                "stylelint-order"
             ],
             "rules": {
-                "at-rule-no-unknown": [
-                    true,
-                    {
-                        "ignoreAtRules": [
-                            "icon-mixin"
-                        ]
-                    }
-                ],
-                "declaration-empty-line-before": null,
-                "function-no-unknown": [
-                    true,
+                "scss/at-mixin-argumentless-call-parentheses": null,
+                "scss/dollar-variable-pattern": null,
+                "value-keyword-case": [
+                    "lower",
                     {
-                        "ignoreFunctions": [
-                            "fade",
-                            "shade",
-                            "tint"
-                        ]
+                        "camelCaseSvgKeywords": true
                     }
                 ],
-                "media-query-no-invalid": null,
-                "no-descending-specificity": true,
-                "no-duplicate-selectors": true,
-                "order/properties-alphabetical-order": true
             }
         }
     ]

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Skin Changelog
 
+## 18.0.0-next.0
+
+### Major Changes
+
+-   [#2346](https://github.com/eBay/skin/pull/2346) [`9eacce0`](https://github.com/eBay/skin/commit/9eacce09ed99edd4306e97632a1e5fbdc0ab68cd) Thanks [@agliga](https://github.com/agliga)! - refactor: removed all duplicate icon classes and added icon--{nn} classes
+
+-   [#2352](https://github.com/eBay/skin/pull/2352) [`c2e6002`](https://github.com/eBay/skin/commit/c2e6002eb919c6f0325ca11de925112a6a72b5c3) Thanks [@agliga](https://github.com/agliga)! - chore: removed deprecations
+
+-   [#2356](https://github.com/eBay/skin/pull/2356) [`7554ab4`](https://github.com/eBay/skin/commit/7554ab4c6f183d6d8ca898a09b39c5b6396f0d7a) Thanks [@ArtBlue](https://github.com/ArtBlue)! - tokens: added tokens, colors, deprecations
+
+-   [#2345](https://github.com/eBay/skin/pull/2345) [`55291f6`](https://github.com/eBay/skin/commit/55291f659ace187d4b96707db84c4a54709182a2) Thanks [@ArtBlue](https://github.com/ArtBlue)! - toggle-button-group: reworked responsiveness and added equal button heights
+
+### Minor Changes
+
+-   [#2344](https://github.com/eBay/skin/pull/2344) [`d9792aa`](https://github.com/eBay/skin/commit/d9792aabe896c594daced5d6cb44ba8e124a7a1a) Thanks [@mikehobi](https://github.com/mikehobi)! - feat(donut-chart): new module
+
+### Patch Changes
+
+-   [#2348](https://github.com/eBay/skin/pull/2348) [`86621e8`](https://github.com/eBay/skin/commit/86621e86edc1bb419a143f964d3a63105ced0aeb) Thanks [@agliga](https://github.com/agliga)! - feat: added sass support and removed less support
+
 ## 17.5.0
 
 ### Minor Changes

package/CONTRIBUTING.md

@@ -399,7 +399,7 @@ Once Jekyll is setup successfully, running a build should create the following f
 -   `./_site/static/common/docs.min.js`
     -   this is the Babel & Webpack output of `./docs/src/js/main.js`
 -   `./_site/static/dsx/docs.min.css`
-    -   this is the LESS compiler output of `./docs/src/less/dsx.less`
+    -   this is the SASS compiler output of `./docs/src/sass/dsx.less`
 -   `./_site/static/dsx/skin.min.css`
     -   the full, minified skin css bundle (only used in development environment)
 -   `./_site/index.html`

package/bundles.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./bundles.js"] }

package/bundles.css

@@ -0,0 +1 @@
+@import "./dist/bundles/bundles.css";

package/bundles.js

@@ -0,0 +1 @@
+require('./dist/bundles/bundles.css');

package/bundles.mjs

@@ -0,0 +1 @@
+import './dist/bundles/bundles.css';

package/chart-legend.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./chart-legend.js"] }

package/chart-legend.css

@@ -0,0 +1 @@
+@import "./dist/chart-legend/chart-legend.css";

package/chart-legend.js

@@ -0,0 +1 @@
+require('./dist/chart-legend/chart-legend.css');

package/chart-legend.mjs

@@ -0,0 +1 @@
+import './dist/chart-legend/chart-legend.css';

package/dist/alert-dialog/alert-dialog.css

@@ -1,111 +1,123 @@
 :root {
-  --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
-  --dialog-lightbox-max-width: 616px;
+    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-lightbox-max-width: 616px;
 }
 .alert-dialog[role="alertdialog"] {
-  background-color: var(--dialog-scrim-color-show);
-  bottom: 0;
-  left: 0;
-  -webkit-overflow-scrolling: touch;
-  overflow-y: auto;
-  position: fixed;
-  right: 0;
-  top: 0;
-  will-change: background-color;
-  z-index: 100000;
-  align-items: flex-start;
-  justify-content: center;
+    background-color: var(--dialog-scrim-color-show);
+    bottom: 0;
+    left: 0;
+    -webkit-overflow-scrolling: touch;
+    align-items: flex-start;
+    justify-content: center;
+    overflow-y: auto;
+    position: fixed;
+    right: 0;
+    top: 0;
+    will-change: background-color;
+    z-index: 100000;
 }
 .alert-dialog[role="alertdialog"]:not([hidden]) {
-  display: flex;
+    display: flex;
 }
+
 .alert-dialog__window {
-  background-color: var(--dialog-window-background-color, var(--color-background-primary));
-  display: flex;
-  flex: 1 0 auto;
-  flex-direction: column;
-  min-height: 55px;
-  will-change: opacity, transform;
-  border-radius: var(--lightbox-border-radius, var(--border-radius-150));
-  margin: auto auto 16px;
-  max-height: 90%;
-  max-width: calc(100% - 32px);
-  min-width: 208px;
-  margin-left: var(--spacing-200);
-  margin-right: var(--spacing-200);
-  padding: var(--spacing-200);
-  text-align: center;
-}
+    background-color: var(
+        --dialog-window-background-color,
+        var(--color-background-primary)
+    );
+    border-radius: var(--lightbox-border-radius, var(--border-radius-150));
+    display: flex;
+    flex: 1 0 auto;
+    flex-direction: column;
+    margin: auto auto 16px;
+    margin-left: var(--spacing-200);
+    margin-right: var(--spacing-200);
+    max-height: 90%;
+    max-width: calc(100% - 32px);
+    min-height: 55px;
+    min-width: 208px;
+    padding: var(--spacing-200);
+    text-align: center;
+    will-change: opacity, transform;
+}
+
 .alert-dialog__title {
-  font-size: var(--font-size-large-1);
-  font-weight: var(--font-weight-bold);
-  line-height: 28px;
-  margin: 0;
+    font-size: var(--font-size-large-1);
+    font-weight: var(--font-weight-bold);
+    line-height: 28px;
+    margin: 0;
 }
+
 .alert-dialog__main {
-  margin: var(--spacing-200) 0;
-  min-height: var(--spacing-200);
+    margin: var(--spacing-200) 0;
+    min-height: var(--spacing-200);
 }
 .alert-dialog__main > :first-child {
-  margin-top: 0;
+    margin-top: 0;
 }
 .alert-dialog__main > :last-child {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
-.alert-dialog--show.alert-dialog--mask-fade,
-.alert-dialog--hide.alert-dialog--mask-fade {
-  transition: background-color 0.16s ease-out;
+
+.alert-dialog--hide.alert-dialog--mask-fade,
+.alert-dialog--show.alert-dialog--mask-fade {
+    transition: background-color 0.16s ease-out;
 }
-.alert-dialog--show.alert-dialog--mask-fade-slow,
-.alert-dialog--hide.alert-dialog--mask-fade-slow {
-  transition: background-color 0.32s ease-out;
+.alert-dialog--hide.alert-dialog--mask-fade-slow,
+.alert-dialog--show.alert-dialog--mask-fade-slow {
+    transition: background-color 0.32s ease-out;
 }
-.alert-dialog--show .alert-dialog__window--fade,
-.alert-dialog--hide .alert-dialog__window--fade {
-  transition: opacity 0.16s ease-out;
+.alert-dialog--hide .alert-dialog__window--fade,
+.alert-dialog--show .alert-dialog__window--fade {
+    transition: opacity 0.16s ease-out;
 }
+
 .alert-dialog--hide.alert-dialog--hide,
 .alert-dialog--hide.alert-dialog--show-init,
 .alert-dialog--show-init.alert-dialog--hide,
 .alert-dialog--show-init.alert-dialog--show-init {
-  display: flex;
+    display: flex;
 }
 .alert-dialog--hide.alert-dialog--mask-fade,
-.alert-dialog--show-init.alert-dialog--mask-fade,
 .alert-dialog--hide.alert-dialog--mask-fade-slow,
+.alert-dialog--show-init.alert-dialog--mask-fade,
 .alert-dialog--show-init.alert-dialog--mask-fade-slow {
-  background-color: var(--dialog-scrim-color-hide);
+    background-color: var(--dialog-scrim-color-hide);
 }
 .alert-dialog--hide .alert-dialog__window--fade,
 .alert-dialog--show-init .alert-dialog__window--fade {
-  opacity: 0;
+    opacity: 0;
 }
-.alert-dialog--show.alert-dialog--show,
-.alert-dialog--show.alert-dialog--hide-init,
+
+.alert-dialog--hide-init.alert-dialog--hide-init,
 .alert-dialog--hide-init.alert-dialog--show,
-.alert-dialog--hide-init.alert-dialog--hide-init {
-  display: flex;
+.alert-dialog--show.alert-dialog--hide-init,
+.alert-dialog--show.alert-dialog--show {
+    display: flex;
 }
-.alert-dialog--show.alert-dialog--mask-fade,
 .alert-dialog--hide-init.alert-dialog--mask-fade,
-.alert-dialog--show.alert-dialog--mask-fade-slow,
-.alert-dialog--hide-init.alert-dialog--mask-fade-slow {
-  background-color: var(--dialog-scrim-color-show);
+.alert-dialog--hide-init.alert-dialog--mask-fade-slow,
+.alert-dialog--show.alert-dialog--mask-fade,
+.alert-dialog--show.alert-dialog--mask-fade-slow {
+    background-color: var(--dialog-scrim-color-show);
 }
-.alert-dialog--show .alert-dialog__window--fade,
-.alert-dialog--hide-init .alert-dialog__window--fade {
-  opacity: 1;
+.alert-dialog--hide-init .alert-dialog__window--fade,
+.alert-dialog--show .alert-dialog__window--fade {
+    opacity: 1;
 }
+
 @media (min-width: 768px) {
-  .alert-dialog__window {
-    margin: auto;
-    border-radius: var(--lightbox-border-radius, var(--border-radius-100));
-    max-width: calc(88% - var(--spacing-400));
-  }
+    .alert-dialog__window {
+        border-radius: var(--lightbox-border-radius, var(--border-radius-100));
+        margin: auto;
+        max-width: calc(88% - var(--spacing-400));
+    }
 }
 @media (min-width: 1024px) {
-  .alert-dialog__window {
-    max-width: var(--dialog-lightbox-max-width);
-  }
+    .alert-dialog__window {
+        max-width: var(--dialog-lightbox-max-width);
+    }
 }
+
+/*# sourceMappingURL=alert-dialog.css.map */

package/dist/alert-dialog/alert-dialog.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/mixins/private/_dialog-mixins.scss","alert-dialog.css","../../src/sass/alert-dialog/alert-dialog.scss","../../src/sass/mixins/private/_token-mixins.scss","../../src/sass/mixins/public/_typography-mixins.scss"],"names":[],"mappings":"AAEA;EACI,6CAAA;EACA,+CAAA;EACA,iCAAA;ACMJ;ACNA;EFII,+CAAA;EACA,QAAA;EACA,MAAA;EACA,gCAAA;EAgBA,sBAAA;EACA,sBAAA;EAhBA,eAAA;EACA,cAAA;EACA,OAAA;EACA,KAAA;EACA,4BAAA;EACA,cAAA;ACYJ;ADVI;EACI,YAAA;ACYR;;ACxBA;ECPQ,uFAAA;EAAA,qEAAA;EHoCJ,YAAA;EACA,aAAA;EACA,qBAAA;EASA,qBAAA;EErCA,8BAAA;EACA,+BAAA;EFqCA,cAAA;EACA,2BAAA;EAVA,eAAA;EAWA,eAAA;EEtCA,0BAAA;EACA,iBAAA;EF2BA,8BAAA;ACSJ;;ACjCA;EEaI,kCAAA;EACA,mCAAA;EACA,gBAAA;EFZA,QAAA;ADqCJ;;AClCA;EACI,2BAAA;EACA,6BAAA;ADqCJ;ACnCI;EACI,YAAA;ADqCR;AClCI;EACI,eAAA;ADoCR;;AC9BI;EACI,yCAAA;ADkCR;AC/BI;EACI,yCAAA;ADkCR;AC/BI;EACI,gCAAA;ADkCR;;AC5BI;EAEI,YAAA;ADgCR;AC7BI;EAEI,+CAAA;ADgCR;AC7BI;EACI,SAAA;ADgCR;;AC1BI;EAEI,YAAA;AD8BR;AC3BI;EAEI,+CAAA;AD8BR;AC3BI;EACI,SAAA;AD8BR;;AC1BA;EACI;ICrFI,qEAAA;IHsDJ,WAAA;IEkCI,wCAAA;ED6BN;AACF;AC1BA;EACI;IACI,0CAAA;ED4BN;AACF","file":"alert-dialog.css"}

package/dist/avatar/avatar.css

@@ -1,104 +1,123 @@
 .avatar {
-  align-items: center;
-  background-color: #84b4fb;
-  border-radius: 50%;
-  color: #002a69;
-  display: inline-flex;
-  font-size: var(--font-size-large-2);
-  font-weight: var(--font-weight-bold);
-  height: 48px;
-  justify-content: center;
-  line-height: 48px;
-  overflow: hidden;
-  width: 48px;
-}
+    align-items: center;
+    background-color: #84b4fb;
+    border-radius: 50%;
+    color: #002a69;
+    display: inline-flex;
+    font-size: var(--font-size-large-2);
+    font-weight: var(--font-weight-bold);
+    height: 48px;
+    justify-content: center;
+    line-height: 48px;
+    overflow: hidden;
+    width: 48px;
+}
+
 .avatar > svg {
-  height: 100%;
-  width: 100%;
+    height: 100%;
+    width: 100%;
 }
+
 .avatar > img {
-  height: 48px;
-  object-fit: cover;
-  width: 48px;
+    height: 48px;
+    object-fit: cover;
+    width: 48px;
 }
+
 .avatar--teal {
-  background-color: #84b4fb;
-  color: #002a69;
+    background-color: #84b4fb;
+    color: #002a69;
 }
+
 .avatar--light-teal {
-  background-color: #44ccd5;
-  color: #07465a;
+    background-color: #44ccd5;
+    color: #07465a;
 }
+
 .avatar--green {
-  background-color: #4ce160;
-  color: #1b561a;
+    background-color: #4ce160;
+    color: #1b561a;
 }
+
 .avatar--lime {
-  background-color: #c1d737;
-  color: #4e4e0c;
+    background-color: #c1d737;
+    color: #4e4e0c;
 }
+
 .avatar--yellow {
-  background-color: #ffbd14;
-  color: #553b06;
+    background-color: #ffbd14;
+    color: #553b06;
 }
+
 .avatar--orange {
-  background-color: #ff8806;
-  color: #562501;
+    background-color: #ff8806;
+    color: #562501;
 }
+
 .avatar--magenta {
-  background-color: #cc9ef0;
-  color: #3e135f;
+    background-color: #cc9ef0;
+    color: #3e135f;
 }
+
 .avatar--pink {
-  background-color: #f79cc8;
-  color: #4b112d;
+    background-color: #f79cc8;
+    color: #4b112d;
 }
+
 .avatar--32,
 .avatar--32 > img {
-  font-size: var(--font-size-medium);
-  height: 32px;
-  line-height: 32px;
-  width: 32px;
+    font-size: var(--font-size-medium);
+    height: 32px;
+    line-height: 32px;
+    width: 32px;
 }
+
 .avatar--40,
 .avatar--40 > img {
-  font-size: var(--font-size-large-1);
-  height: 40px;
-  line-height: 40px;
-  width: 40px;
+    font-size: var(--font-size-large-1);
+    height: 40px;
+    line-height: 40px;
+    width: 40px;
 }
+
 .avatar--48,
 .avatar--48 > img {
-  font-size: var(--font-size-large-2);
-  height: 48px;
-  line-height: 48px;
-  width: 48px;
+    font-size: var(--font-size-large-2);
+    height: 48px;
+    line-height: 48px;
+    width: 48px;
 }
+
 .avatar--56,
 .avatar--56 > img {
-  font-size: var(--font-size-giant-1);
-  height: 56px;
-  line-height: 56px;
-  width: 56px;
+    font-size: var(--font-size-giant-1);
+    height: 56px;
+    line-height: 56px;
+    width: 56px;
 }
+
 .avatar--64,
 .avatar--64 > img {
-  font-size: var(--font-size-giant-2);
-  height: 64px;
-  line-height: 64px;
-  width: 64px;
+    font-size: var(--font-size-giant-2);
+    height: 64px;
+    line-height: 64px;
+    width: 64px;
 }
+
 .avatar--96,
 .avatar--96 > img {
-  font-size: var(--font-size-giant-3);
-  height: 96px;
-  line-height: 96px;
-  width: 96px;
+    font-size: var(--font-size-giant-3);
+    height: 96px;
+    line-height: 96px;
+    width: 96px;
 }
+
 .avatar--128,
 .avatar--128 > img {
-  font-size: var(--font-size-giant-4);
-  height: 128px;
-  line-height: 128px;
-  width: 128px;
+    font-size: var(--font-size-giant-4);
+    height: 128px;
+    line-height: 128px;
+    width: 128px;
 }
+
+/*# sourceMappingURL=avatar.css.map */

package/dist/avatar/avatar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/avatar/avatar.scss","avatar.css"],"names":[],"mappings":"AAoBA;EACI,kBAAA;EACA,wBAlB4B;EAmB5B,iBAAA;EACA,aArB4B;EAsB5B,mBAAA;EACA,kCAAA;EACA,mCAAA;EACA,WAAA;EACA,sBAAA;EACA,gBAAA;EACA,eAAA;EACA,UAAA;ACXJ;;ADaA;EACI,WAAA;EACA,UAAA;ACVJ;;ADaA;EACI,WAAA;EACA,gBAAA;EACA,UAAA;ACVJ;;ADaA;EACI,wBA1C4B;EA2C5B,aA5C4B;ACkChC;;ADaA;EACI,wBA7CkC;EA8ClC,aA/CkC;ACqCtC;;ADaA;EACI,wBAhD6B;EAiD7B,aAlD6B;ACwCjC;;ADaA;EACI,wBAnD4B;EAoD5B,aArD4B;AC2ChC;;ADaA;EACI,wBAtD8B;EAuD9B,aAxD8B;AC8ClC;;ADaA;EACI,wBAzD8B;EA0D9B,aA3D8B;ACiDlC;;ADaA;EACI,wBA1D+B;EA2D/B,aA5D+B;ACkDnC;;ADaA;EACI,wBAjE4B;EAkE5B,aAnE4B;ACyDhC;;ADaA;EAEI,iCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACVJ;;ADYA;EAEI,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACTJ;;ADWA;EAEI,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACRJ;;ADUA;EAEI,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACPJ;;ADSA;EAEI,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACNJ;;ADQA;EAEI,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;ACLJ;;ADOA;EAEI,kCAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;ACJJ","file":"avatar.css"}