@dreamcommerce/aurora 3.0.0-5 → 3.0.0-50

package/build/tailwind.config.js

@@ -92,7 +92,7 @@ module.exports = {
         textColor: {
             DEFAULT: 'var(--neutral-900)',
             subtle: {
-                DEFAULT: 'var(--neutral-900)',
+                DEFAULT: 'var(--neutral-800)',
                 light: 'var(--neutral-700)'
             },
             inverse: 'var(--neutral-0)',
@@ -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)',
@@ -145,6 +146,7 @@ module.exports = {
             'primary-hover': 'var(--brand-700)',
             'primary-active': 'var(--brand-800)',
             'primary-dark': 'var(--brand-900)',
+            'primary-subtle': 'var(--brand-50)',
             'primary-transparent': 'var(--brand-transparent-10)',
             'primary-transparent-hover': 'var(--brand-transparent-20)',
             'primary-transparent-active': 'var(--brand-transparent-30)',
@@ -172,7 +174,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)',
@@ -190,8 +192,67 @@ module.exports = {
             info: 'var(--blue-500)',
             success: 'var(--green-500)',
             primary: 'var(--brand-500)',
+            'primary-hover': 'var(--brand-700)',
             transparent: 'transparent'
         },
+        outlineColor: {
+            DEFAULT: 'var(--neutral-200)',
+            subtle: 'var(--neutral-100)',
+            strong: 'var(--neutral-500)',
+            active: 'var(--neutral-900)',
+            inverse: 'var(--light-transparent-10)',
+            'inverse-subtle': 'var(--light-transparent-5)',
+            'inverse-strong': 'var(--light-transparent-15)',
+            'inverse-active': 'var(--neutral-0)',
+            danger: 'var(--red-500)',
+            'danger-hover': 'var(--red-600)',
+            'danger-active': 'var(--red-700)',
+            'danger-strong': 'var(--red-900)',
+            focus: 'var(--yellow-500)',
+            info: 'var(--blue-500)',
+            success: 'var(--green-500)',
+            primary: 'var(--brand-500)',
+            'primary-hover': 'var(--brand-700)',
+            transparent: 'transparent'
+        },
+        ringColor: {
+            DEFAULT: 'var(--neutral-200)',
+            subtle: 'var(--neutral-100)',
+            strong: 'var(--neutral-500)',
+            active: 'var(--neutral-900)',
+            inverse: 'var(--light-transparent-10)',
+            'inverse-subtle': 'var(--light-transparent-5)',
+            'inverse-strong': 'var(--light-transparent-15)',
+            'inverse-active': 'var(--neutral-0)',
+            danger: 'var(--red-500)',
+            'danger-hover': 'var(--red-600)',
+            'danger-active': 'var(--red-700)',
+            'danger-strong': 'var(--red-900)',
+            focus: 'var(--yellow-500)',
+            info: 'var(--blue-500)',
+            success: 'var(--green-500)',
+            primary: 'var(--brand-500)',
+            'primary-hover': 'var(--brand-700)',
+            transparent: 'transparent'
+        },
+        fill: {
+            DEFAULT: 'var(--neutral-900)',
+            subtle: 'var(--neutral-500)',
+            disabled: 'var(--neutral-200)',
+            inverse: 'var(--neutral-0)',
+            'inverse-subtle': 'var(--light-transparent-20)',
+            'inverse-disabled': 'var(--neutral-800)',
+            primary: 'var(--brand-500)',
+            'primary-strong': 'var(--brand-800)',
+            success: 'var(--green-500)',
+            'success-strong': 'var(--green-700)',
+            danger: 'var(--red-500)',
+            'danger-strong': 'var(--red-700)',
+            warning: 'var(--yellow-500)',
+            'warning-strong': 'var(--yellow-700)',
+            info: 'var(--blue-500)',
+            'info-strong': 'var(--blue-700)'
+        },
         fontWeight: {
             normal: 'var(--font-weight-normal)',
             medium: 'var(--font-weight-medium)',
@@ -282,7 +343,7 @@ module.exports = {
             full: 'var(--border-radius-full)'
         },
         boxShadow: {
-            DEFAULT: 'var(--box-shadow-md)',
+            DEFAULT: 'var(--box-shadow-m)',
             s: 'var(--box-shadow-s)',
             m: 'var(--box-shadow-m)',
             l: 'var(--box-shadow-l)',
@@ -306,11 +367,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'
             }
         }
     },
@@ -341,6 +417,9 @@ module.exports = {
         {
             pattern: /grid-.*/
         },
+        {
+            pattern: /gap-.*/
+        },
         {
             pattern: /left-.*/
         },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-5",
+  "version": "3.0.0-50",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -19,15 +19,28 @@
     "npm": ">=6"
   },
   "peerDependencies": {
+    "@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-label": "2.1.0",
+    "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-separator": "1.1.0",
+    "@radix-ui/react-slot": "1.1.0",
+    "@radix-ui/react-switch": "1.1.1",
+    "@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"
+    "react-transition-group": "4.3.0",
+    "vaul": "1.1.1"
   },
   "scripts": {
     "prepublishOnly": "yarn run tests:unit",
     "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
+    "watch": "rollup --config rollup.config.js --watch",
     "start": "rollup -c -w",
     "storybook": "start-storybook --no-open -c ./.storybook --port 6006",
     "storybook-package": "start-storybook -p 6006 package",
@@ -41,28 +54,42 @@
   },
   "devDependencies": {
     "@dreamcommerce/utilities": "^1.18.1",
+    "@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-label": "2.1.0",
+    "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-separator": "1.1.0",
+    "@radix-ui/react-slot": "1.1.0",
+    "@radix-ui/react-switch": "1.1.1",
+    "@radix-ui/react-tabs": "1.1.1",
+    "@radix-ui/react-toggle-group": "1.1.0",
+    "@radix-ui/react-tooltip": "1.1.4",
+    "@remixicon/react": "4.5.0",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@storybook/react": "6.5.16",
     "@types/lodash": "4.14.149",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
-    "@types/react-transition-group": "4.2.4",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
+    "@types/react-transition-group": "4.4.11",
     "@types/tinycolor2": "1.4.6",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
+    "downshift": "9.0.8",
     "i18next": "19.7.0",
     "intl": "1.2.5",
     "lodash": "4.17.15",
-    "react": "17.0.2",
+    "react": "18.3.1",
     "react-best-gradient-color-picker": "3.0.10",
-    "react-dom": "17.0.2",
+    "react-dom": "18.3.1",
     "react-i18next": "11.7.2",
     "react-scripts": "3.4.1",
-    "react-transition-group": "4.3.0",
+    "react-transition-group": "4.4.5",
     "tailwind-merge": "2.5.3",
     "tailwindcss": "3.4.13 ",
     "tailwindcss-animate": "1.0.7",
-    "tinycolor2": "1.6.0"
+    "tinycolor2": "1.6.0",
+    "vaul": "1.1.1"
   }
 }