@dreamcommerce/aurora 3.0.0-23 → 3.0.0-25

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)',
@@ -190,8 +190,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)',

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-23",
+  "version": "3.0.0-25",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -42,26 +42,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": "18.1.0",
+    "react": "18.3.1",
     "react-best-gradient-color-picker": "3.0.10",
-    "react-dom": "18.1.0",
+    "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/packages/aurora/src/assets/icons/chevron_left_icon.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ChevronLeftIcon = function ChevronLeftIcon(_ref) {
-  var fill = _ref.fill,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 24 : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 24 : _ref$width,
-    className = _ref.className,
-    style = _ref.style,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 ".concat(width, " ").concat(height),
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: className,
-    onClick: onClick,
-    style: _rollupPluginBabelHelpers.objectSpread2({
-      fill: fill !== null && fill !== void 0 ? fill : '#fff'
-    }, style)
-  }, /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
-    d: "M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z"
-  })));
-};
-
-exports.ChevronLeftIcon = ChevronLeftIcon;
-//# sourceMappingURL=chevron_left_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/chevron_left_icon.d.ts

@@ -1,2 +0,0 @@
-import { TIconProps } from "./icons_types";
-export declare const ChevronLeftIcon: ({ fill, height, width, className, style, onClick }: TIconProps) => JSX.Element;

package/build/esm/packages/aurora/src/assets/icons/chevron_left_icon.js

@@ -1,30 +0,0 @@
-import React__default from 'react';
-import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-
-var ChevronLeftIcon = function ChevronLeftIcon(_ref) {
-  var fill = _ref.fill,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 24 : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 24 : _ref$width,
-    className = _ref.className,
-    style = _ref.style,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 ".concat(width, " ").concat(height),
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: className,
-    onClick: onClick,
-    style: _objectSpread2({
-      fill: fill !== null && fill !== void 0 ? fill : '#fff'
-    }, style)
-  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z"
-  })));
-};
-
-export { ChevronLeftIcon };
-//# sourceMappingURL=chevron_left_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/chevron_right_icon.d.ts

@@ -1,2 +0,0 @@
-import { TIconProps } from "./icons_types";
-export declare const ChevronRightIcon: ({ fill, height, width, className, style, onClick }: TIconProps) => JSX.Element;

package/build/esm/packages/aurora/src/assets/icons/chevron_right_icon.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import '@auroraAssets/icons/icons_types';
-export const ChevronRightIcon = ({ fill, height = 24, width = 24, className, style, onClick }) => {
-    return (React.createElement("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
-            fill: fill ?? '#fff',
-            ...style
-        } },
-        React.createElement("g", null,
-            React.createElement("path", { d: "M8.59 7.41L10 6L16 12L10 18L8.59 16.59L13.17 12L8.59 7.41Z" }))));
-};
-//# sourceMappingURL=chevron_right_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/chevron_right_icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron_right_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/chevron_right_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA2B,iCAAiC,CAAC;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAc,EAAE,EAAE;IACzG,OAAO,CACH,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACH,IAAI,EAAE,IAAI,IAAI,MAAM;YACpB,GAAG,KAAK;SACX;QAED;YACI,8BAAM,CAAC,EAAC,4DAA4D,GAAG,CACvE,CACF,CACT,CAAC;AACN,CAAC,CAAC"}