@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/utils/index.d.ts

@@ -1,6 +1,12 @@
 export * from './propsFactory';
 export * from './helpers';
 export * from './getCurrentInstance';
+export * from './getScrollParent';
+export * from './globals';
+export * from './dom';
+export * from './anchor';
+export * from './box';
+export * from './animation';
 export * from './changeCase/noCase';
 export * from './changeCase/lowerCase';
 export * from './changeCase/pascalCase';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",
@@ -29,7 +29,7 @@
     "bump": "npx bumpp"
   },
   "peerDependencies": {
-    "vue": "3.2.45"
+    "vue": "3.2.47"
   },
   "devDependencies": {
     "@types/node": "16.18.3",
@@ -42,7 +42,7 @@
     "vite": "3.1.7",
     "vite-plugin-dts": "1.6.5",
     "vite-tsconfig-paths": "3.5.1",
-    "vue": "3.2.45",
+    "vue": "3.2.47",
     "vue-router": "4.1.6",
     "vue-tsc": "1.0.9"
   }

package/src/scss/mixins/layout/_shadow.scss

@@ -0,0 +1,4 @@
+@mixin cds-border-shadow($color) {
+  box-shadow: inset 0 0 0 1px $color;
+  border-color: $color;
+}

package/src/scss/mixins/layout/index.scss

@@ -1,3 +1,4 @@
 @import 'convert';
 @import 'mini-unit';
 @import 'spacing';
+@import 'shadow';

package/src/scss/modules/_transition.scss

@@ -1,14 +1,15 @@
 @import '../mixins/motion';
 
 $standard-easing: map-get(map-get($easing, 'ease-in-out'), 'basic');
+$standard-duration: $cds-duration-fast + ms;
 
 @mixin transition-default() {
   &-enter-active {
-    transition: 0.3s $standard-easing;
+    transition: $standard-duration $standard-easing;
   }
 
   &-leave-active {
-    transition: 0.3s $standard-easing;
+    transition: $standard-duration $standard-easing;
   }
 
   &-move {
@@ -17,10 +18,37 @@ $standard-easing: map-get(map-get($easing, 'ease-in-out'), 'basic');
 }
 
 // Generic transitions
+.fade-transition {
+  @include transition-default();
+
+  &-enter-from, &-leave-to {
+    opacity: 0 !important;
+  }
+}
+
 .expand-transition {
   @include transition-default();
 }
 
-.expand-x-transition {
+.expand-transition-x {
+  @include transition-default();
+}
+
+.slide-transition-y {
   @include transition-default();
+
+  &-enter-from, &-leave-to {
+    opacity: 0;
+    transform: translateY(-15px);
+  }
+}
+
+.slide-transition-x {
+  @include transition-default();
+
+  &-enter-from, &-leave-to {
+    opacity: 0;
+    transform: translateX(-15px);
+  }
 }
+

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 2/18/2023, 7:04:48 PM
+ * Generated on 4/25/2023, 7:08:32 PM
  **/
 
 /**