@dreamcommerce/aurora 3.0.0-3 → 3.0.0-31

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)',
@@ -189,7 +189,67 @@ module.exports = {
             focus: 'var(--yellow-500)',
             info: 'var(--blue-500)',
             success: 'var(--green-500)',
-            primary: 'var(--brand-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)',
@@ -260,6 +320,14 @@ module.exports = {
                 }
             ]
         },
+        letterSpacing: {
+            '4xs': 'var(--letter-spacing-4xs)',
+            '3xs': 'var(--letter-spacing-3xs)',
+            '2xs': 'var(--letter-spacing-2xs)',
+            xs: 'var(--letter-spacing-xs)',
+            s: 'var(--letter-spacing-s)',
+            base: 'var(--letter-spacing-base)'
+        },
         borderRadius: {
             0: 'var(--border-radius-0)',
             2: 'var(--border-radius-2)',
@@ -273,15 +341,18 @@ 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)',
-            xl: 'var(--box-shadow-xl)',
+            xl: 'var(--a-box-shadow-xl)',
             's-inverse': 'var(--box-shadow-s-inverse)',
             'm-inverse': 'var(--box-shadow-m-inverse)',
             'l-inverse': 'var(--box-shadow-l-inverse)'
         },
+        boxShadowColor: {
+            DEFAULT: 'var(--box-shadow-color)'
+        },
         extend: {
             fontFamily: {
                 sans: ['var(--font-sans)', ...fontFamily.sans]
@@ -302,5 +373,48 @@ module.exports = {
             }
         }
     },
+    safelist: [
+        'absolute',
+        'relative',
+        'fixed',
+        'sticky',
+        'static',
+        {
+            pattern: /p.*/
+        },
+        {
+            pattern: /rounded-.*/
+        },
+        {
+            pattern: /border-.*/
+        },
+        {
+            pattern: /text-.*/
+        },
+        {
+            pattern: /shadow-.*/
+        },
+        {
+            pattern: /bg-.*/
+        },
+        {
+            pattern: /grid-.*/
+        },
+        {
+            pattern: /gap-.*/
+        },
+        {
+            pattern: /left-.*/
+        },
+        {
+            pattern: /right-.*/
+        },
+        {
+            pattern: /top-.*/
+        },
+        {
+            pattern: /bottom-.*/
+        }
+    ],
     plugins: [require('tailwindcss-animate')]
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-3",
+  "version": "3.0.0-31",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -19,17 +19,24 @@
     "npm": ">=6"
   },
   "peerDependencies": {
-    "@dreamcommerce/utilities": "^1.18.1",
     "lodash": "4.17.15",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-scripts": "^5.0.0",
-    "react-transition-group": "^4.3.0",
-    "style-inject": "0.3.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-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",
+    "react-transition-group": "^4.3.0"
   },
   "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",
@@ -43,25 +50,35 @@
   },
   "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-popover": "1.1.2",
+    "@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",
+    "@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",

package/build/cjs/_virtual/_commonjsHelpers.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function createCommonjsModule(fn) {
-  var module = { exports: {} };
-	return fn(module, module.exports), module.exports;
-}
-
-exports.createCommonjsModule = createCommonjsModule;
-//# sourceMappingURL=_commonjsHelpers.js.map