@ppg_pl/tinting 0.0.0 → 0.0.2

package/dist/collection/components/loader/index.css

@@ -1,85 +0,0 @@
-.container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 190px;
-  overflow: hidden;
-}
-
-.item {
-  width: 20px;
-  height: 20px;
-  margin: 3px;
-  list-style-type: none;
-  transition: 0.5s all ease;
-}
-
-.item:nth-child(1) {
-  animation: right-1 1s infinite alternate;
-  background-color: #b8cf40;
-  animation-delay: 20ms;
-}
-@keyframes right-1 {
-  0% {
-    transform: translateY(-18px);
-  }
-  100% {
-    transform: translateY(18px);
-  }
-}
-
-.item:nth-child(2) {
-  animation: right-2 1s infinite alternate;
-  background-color: #ee4b5e;
-  animation-delay: 40ms;
-}
-@keyframes right-2 {
-  0% {
-    transform: translateY(-21px);
-  }
-  100% {
-    transform: translateY(21px);
-  }
-}
-
-.item:nth-child(3) {
-  animation: right-3 1s infinite alternate;
-  background-color: #ea0f47;
-  animation-delay: 60ms;
-}
-@keyframes right-3 {
-  0% {
-    transform: translateY(-24px);
-  }
-  100% {
-    transform: translateY(24px);
-  }
-}
-
-.item:nth-child(4) {
-  animation: right-4 1s infinite alternate;
-  background-color: #d42840;
-  animation-delay: 80ms;
-}
-@keyframes right-4 {
-  0% {
-    transform: translateY(-27px);
-  }
-  100% {
-    transform: translateY(27px);
-  }
-}
-
-.item:nth-child(5) {
-  animation: right-5 1s infinite alternate;
-  background-color: #8b2850;
-  animation-delay: 100ms;
-}
-@keyframes right-5 {
-  0% {
-    transform: translateY(-30px);
-  }
-  100% {
-    transform: translateY(30px);
-  }
-}

package/dist/collection/components/loader/index.js

@@ -1,19 +0,0 @@
-import { h } from '@stencil/core';
-export class MyLoader {
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" })));
-  }
-  static get is() { return "my-loader"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,QAAQ;EACnB,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;MACpB,WAAK,KAAK,EAAC,MAAM,GAAO;MACxB,WAAK,KAAK,EAAC,MAAM,GAAO;MACxB,WAAK,KAAK,EAAC,MAAM,GAAO;MACxB,WAAK,KAAK,EAAC,MAAM,GAAO;MACxB,WAAK,KAAK,EAAC,MAAM,GAAO,CACpB,CACP,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'my-loader',\n  styleUrl: 'index.scss',\n  scoped: true,\n})\nexport class MyLoader {\n  render() {\n    return (\n      <div class=\"container\">\n        <div class=\"item\"></div>\n        <div class=\"item\"></div>\n        <div class=\"item\"></div>\n        <div class=\"item\"></div>\n        <div class=\"item\"></div>\n      </div>\n    );\n  }\n}\n"]}