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

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-beta.0",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",
   "main": "./dist/cds.umd.js",
   "module": "./dist/cds.es.js",
+  "type": "module",
   "engines": {
     "node": ">= 16"
   },
@@ -16,7 +17,11 @@
       "types": "./dist/cds.d.ts"
     },
     "./nuxt": "./nuxt.js",
-    "./dist/cds.css": "./dist/cds.css"
+    "./dist/cds.css": "./dist/cds.css",
+    "./src/": {
+      "import": "./src/",
+      "require": "./src/"
+    }
   },
   "files": [
     "dist",
@@ -25,8 +30,8 @@
   ],
   "types": "./dist/cds.d.ts",
   "scripts": {
-    "build": "rimraf dist && vue-tsc --noEmit && vite build",
-    "type-check": "npx vue-tsc --noEmit -p tsconfig.json --composite false",
+    "build": "rimraf dist && npm run type-check && vite build",
+    "type-check": "npx vue-tsc --noEmit -p tsconfig.build.json --composite false",
     "bump": "npx bumpp",
     "publish:alpha": "npm publish --tag next"
   },

package/src/scss/modules/_reset.scss

@@ -7,6 +7,11 @@
 
   html {
     font-size: var(--cds-font-base);
+    box-sizing: border-box;
+    overflow-y: scroll;
+    -webkit-text-size-adjust: 100%;
+    word-break: normal;
+    tab-size: 4;
   }
 
   body {

package/src/scss/modules/_transition.scss

@@ -1,8 +1,12 @@
 @import '../mixins/motion';
 
 $standard-easing: map-get(map-get($easing, 'ease-in-out'), 'basic');
-$standard-duration: $cds-duration-fast + ms;
+$decelerated-easing: map-get(map-get($easing, 'ease-out'), 'basic');
+$accelerated-easing: map-get(map-get($easing, 'ease-in'), 'basic');
+
 $accent-easting: map-get(map-get($easing, 'ease-in-out'), 'accent');
+
+$standard-duration: $cds-duration-fast + ms;
 $accent-duration: $cds-duration-normal + ms;
 
 @mixin transition-default() {
@@ -154,3 +158,70 @@ $accent-duration: $cds-duration-normal + ms;
   }
 }
 
+.modal-transition,
+.modal-transition-bottom,
+.modal-transition-top {
+  &-enter-active {
+    transition-duration: 225ms !important;
+    transition-timing-function: $decelerated-easing !important;
+  }
+
+  &-leave-active {
+    transition-duration: 125ms !important;
+    transition-timing-function: $accelerated-easing !important;
+  }
+
+  &-enter-active,
+  &-leave-active {
+    transition-property: transform, opacity !important;
+    pointer-events: none;
+  }
+}
+
+.modal-transition {
+  &-enter-from, &-leave-to {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+
+  &-enter-to, &-leave-from {
+    opacity: 1;
+  }
+}
+
+.modal-transition-bottom {
+  &-enter-from, &-leave-to {
+    transform: translateY(calc(50vh + 50%));
+  }
+}
+
+.modal-transition-top {
+  &-enter-from, &-leave-to {
+    transform: translateY(calc(-50vh - 50%));
+  }
+}
+
+.notification-transition {
+  &-enter-active,
+  &-leave-active {
+    transition-duration: $standard-duration;
+    transition-timing-function: $decelerated-easing;
+  }
+
+  &-enter-active {
+    transition-property: transform, opacity;
+  }
+
+  &-enter-from {
+    opacity: 0;
+    transform: scale(.8);
+  }
+
+  &-leave-action {
+    transition-property: opacity;
+  }
+
+  &-leave-to {
+    opacity: 0;
+  }
+}

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 6/13/2023, 1:32:42 PM
+ * Generated on 9/27/2023, 11:09:06 AM
  **/
 
 /**

package/dist/utils/dom.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns:
- *  - 'null' if the node is not attached to the DOM
- *  - the root node (HTMLDocument | ShadowRoot) otherwise
- */
-export declare function attachedRoot(node: Node): null | HTMLDocument | ShadowRoot;

package/dist/utils/getScrollParent.d.ts

@@ -1,3 +0,0 @@
-export declare function getScrollParent(el?: HTMLElement): HTMLElement;
-export declare function getScrollParents(el?: Element | null, stopAt?: Element | null): HTMLElement[];
-export declare function hasScrollbar(el?: Element | null): boolean;