@dreamcommerce/aurora 3.0.0-31 → 3.0.0-33

package/build/tailwind.config.js

@@ -127,7 +127,8 @@ module.exports = {
             'info-active': 'var(--blue-700)',
             'info-strong': 'var(--blue-900)'
         },
-        backgroundColor: {
+        backgroundColor: ({ theme }) => ({
+            ...theme('colors'),
             DEFAULT: 'var(--neutral-0)',
             hover: 'var(--neutral-50)',
             active: 'var(--neutral-200)',
@@ -172,7 +173,7 @@ module.exports = {
             info: 'var(--blue-500)',
             'info-hover': 'var(--blue-600)',
             'info-active': 'var(--blue-700)'
-        },
+        }),
         borderColor: {
             DEFAULT: 'var(--neutral-200)',
             subtle: 'var(--neutral-100)',
@@ -345,7 +346,7 @@ module.exports = {
             s: 'var(--box-shadow-s)',
             m: 'var(--box-shadow-m)',
             l: 'var(--box-shadow-l)',
-            xl: 'var(--a-box-shadow-xl)',
+            xl: 'var(--box-shadow-xl)',
             's-inverse': 'var(--box-shadow-s-inverse)',
             'm-inverse': 'var(--box-shadow-m-inverse)',
             'l-inverse': 'var(--box-shadow-l-inverse)'
@@ -365,11 +366,26 @@ module.exports = {
                 'accordion-up': {
                     from: { height: 'var(--radix-accordion-content-height)' },
                     to: { height: '0' }
+                },
+                'modal-backdrop-fade-in': {
+                    from: { opacity: '0' },
+                    to: { oapcity: '1' }
+                },
+                'modal-slide-in': {
+                    from: { transform: 'translate3d(0, -20vh, 0)' },
+                    to: { transform: 'translate3d(0, 0, 0)' }
+                },
+                'modal-slide-out': {
+                    from: { transform: 'translate3d(0, 0, 0)' },
+                    to: { transform: 'translate3d(0, -20vh, 0)' }
                 }
             },
             animation: {
                 'accordion-down': 'accordion-down 0.2s ease-out',
-                'accordion-up': 'accordion-up 0.2s ease-out'
+                'accordion-up': 'accordion-up 0.2s ease-out',
+                'modal-backdrop-fade-in': 'modal-backdrop-fade-in 0.3s ease',
+                'modal-slide-in': 'modal-slide-in 0.2s ease',
+                'modal-slide-out': 'modal-slide-out 0.2s ease'
             }
         }
     },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-31",
+  "version": "3.0.0-33",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -19,18 +19,19 @@
     "npm": ">=6"
   },
   "peerDependencies": {
-    "lodash": "4.17.15",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-scripts": "^5.0.0",
     "@radix-ui/react-accordion": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.2",
     "@radix-ui/react-icons": "1.3.2",
     "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-separator": "1.1.0",
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-tabs": "1.1.1",
     "@radix-ui/react-toggle-group": "1.1.0",
     "@radix-ui/react-tooltip": "1.1.4",
+    "lodash": "4.17.15",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-scripts": "^5.0.0",
     "react-transition-group": "^4.3.0"
   },
   "scripts": {
@@ -54,6 +55,7 @@
     "@radix-ui/react-dropdown-menu": "2.1.2",
     "@radix-ui/react-icons": "1.3.2",
     "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-separator": "1.1.0",
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-tabs": "1.1.1",
     "@radix-ui/react-toggle-group": "1.1.0",