@veltra/styles 1.1.0 → 1.1.1

package/dist/index.js

@@ -1,5 +0,0 @@
-import "./normalize.css";
-import "./anime/fade.css";
-import "./anime/slide.css";
-import "./anime/spring.css";
-import "./anime/zoom-in.css";

package/dist/normalize.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/normalize.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/styles",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "files": [
     "dist",
     "src"
@@ -8,6 +8,7 @@
   "type": "module",
   "sideEffects": [
     "*.scss",
+    "*.css",
     "src/index.ts",
     "src/load-theme.ts",
     "src/theme/index.ts"
@@ -20,8 +21,8 @@
     },
     "./normalize": {
       "sass": "./src/normalize.scss",
-      "import": "./src/normalize.scss",
-      "default": "./src/normalize.scss"
+      "import": "./dist/normalize.js",
+      "default": "./dist/normalize.js"
     },
     "./mixins": {
       "sass": "./src/_mixins.scss",
@@ -50,8 +51,8 @@
     },
     "./*": {
       "sass": "./src/*",
-      "import": "./src/*",
-      "default": "./src/*"
+      "import": "./dist/*",
+      "default": "./dist/*"
     }
   },
   "scripts": {
@@ -60,8 +61,8 @@
   },
   "dependencies": {
     "@cat-kit/core": "^1.1.3",
-    "@veltra/compositions": "1.1.0",
-    "@veltra/utils": "1.1.0"
+    "@veltra/compositions": "1.1.1",
+    "@veltra/utils": "1.1.1"
   },
   "peerDependencies": {
     "vue": "^3.5.33"

package/src/anime/index.ts

@@ -0,0 +1,4 @@
+import './fade.scss'
+import './slide.scss'
+import './spring.scss'
+import './zoom-in.scss'

package/src/index.ts

@@ -1,5 +1,2 @@
-import './normalize.scss'
-import './anime/fade.scss'
-import './anime/slide.scss'
-import './anime/spring.scss'
-import './anime/zoom-in.scss'
+import './normalize'
+import './anime'

package/src/normalize.ts

@@ -0,0 +1 @@
+import './normalize.scss'

package/dist/anime/fade.css

@@ -1,9 +0,0 @@
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.25s linear;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}

package/dist/anime/slide.css

@@ -1,18 +0,0 @@
-.slide-down-enter-from, .slide-down-leave-to,
-.slide-up-enter-from,
-.slide-up-leave-to {
-  opacity: 0;
-}
-.slide-down-enter-active, .slide-down-leave-active,
-.slide-up-enter-active,
-.slide-up-leave-active {
-  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.slide-down-enter-from, .slide-down-leave-to {
-  transform: translateY(-10px);
-}
-
-.slide-up-enter-from, .slide-up-leave-to {
-  transform: translateY(10px);
-}

package/dist/anime/spring.css

@@ -1,34 +0,0 @@
-@keyframes spring-in {
-  0% {
-    scale: 0;
-  }
-  40% {
-    scale: 1.1;
-  }
-  60% {
-    scale: 1;
-  }
-  80% {
-    scale: 1.02;
-  }
-  100% {
-    scale: 1;
-  }
-}
-.spring-enter-active {
-  transform-origin: center;
-  will-change: scale;
-  animation: spring-in 0.5s ease-in-out;
-}
-
-.spring-leave-active {
-  transform-origin: center;
-  will-change: scale, translate, opacity;
-  transition: scale 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), translate 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), opacity 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06);
-}
-
-.spring-leave-to {
-  scale: 0;
-  translate: 0 0 !important;
-  opacity: 0;
-}

package/dist/anime/zoom-in.css

@@ -1,57 +0,0 @@
-.zoom-in-enter-from, .zoom-in-leave-to,
-.zoom-in-left-enter-from,
-.zoom-in-left-leave-to,
-.zoom-in-right-enter-from,
-.zoom-in-right-leave-to,
-.zoom-in-top-enter-from,
-.zoom-in-top-leave-to,
-.zoom-in-bottom-enter-from,
-.zoom-in-bottom-leave-to {
-  opacity: 0;
-}
-.zoom-in-enter-active,
-.zoom-in-left-enter-active,
-.zoom-in-right-enter-active,
-.zoom-in-top-enter-active,
-.zoom-in-bottom-enter-active {
-  transition: opacity 0.15s ease-in, transform 0.15s ease-in;
-}
-.zoom-in-leave-active,
-.zoom-in-left-leave-active,
-.zoom-in-right-leave-active,
-.zoom-in-top-leave-active,
-.zoom-in-bottom-leave-active {
-  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
-}
-
-.zoom-in-left-enter-from, .zoom-in-left-leave-to,
-.zoom-in-right-enter-from,
-.zoom-in-right-leave-to {
-  transform: scaleX(0.8);
-}
-
-.zoom-in-top-enter-from, .zoom-in-top-leave-to,
-.zoom-in-bottom-enter-from,
-.zoom-in-bottom-leave-to {
-  transform: scaleY(0.8);
-}
-
-.zoom-in-enter-from, .zoom-in-leave-to {
-  transform: scale(0.8);
-}
-
-.zoom-in-left-enter-active, .zoom-in-left-leave-active {
-  transform-origin: left center;
-}
-
-.zoom-in-right-enter-active, .zoom-in-right-leave-active {
-  transform-origin: right center;
-}
-
-.zoom-in-top-enter-active, .zoom-in-top-leave-active {
-  transform-origin: center top;
-}
-
-.zoom-in-bottom-enter-active, .zoom-in-bottom-leave-active {
-  transform-origin: center bottom;
-}