@dreamcommerce/aurora 2.4.6-5 → 2.4.6-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -139,7 +139,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
139
139
  enter: main_module['default']['dropdown-enter'],
140
140
  enterActive: main_module['default']['dropdown-enter-active'],
141
141
  exit: main_module['default']['dropdown-exit'],
142
- exitActive: main_module['default']['dropdown-exit-active']
142
+ exitActive: verticalPosition === 'top' ? main_module['default']['dropdown-exit-active'] : main_module['default']['dropdown-exit-active-reversed']
143
143
  } },
144
144
  React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
145
145
  React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
@@ -26,7 +26,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
26
26
  return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
27
27
  React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
28
28
  children,
29
- !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
29
+ !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', arrowSide: left ? 'left' : 'right' }, content)))));
30
30
  };
31
31
 
32
32
  exports.default = Tooltip;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::before {\n border-color: #2d3748 transparent transparent transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n bottom: -14px;\n background-color: red;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::before {\n border-color: transparent transparent #2d3748 transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n top: -14px;\n background-color: red;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n top: -14px;\n}\n";
8
8
  var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -130,7 +130,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
130
130
  enter: cssClasses['dropdown-enter'],
131
131
  enterActive: cssClasses['dropdown-enter-active'],
132
132
  exit: cssClasses['dropdown-exit'],
133
- exitActive: cssClasses['dropdown-exit-active']
133
+ exitActive: verticalPosition === 'top' ? cssClasses['dropdown-exit-active'] : cssClasses['dropdown-exit-active-reversed']
134
134
  } },
135
135
  React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
136
136
  React.createElement("div", { className: cssClasses[cssDropdownHeader] },
@@ -18,7 +18,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
18
18
  return (React.createElement(DropdownContext.Provider, { value: value },
19
19
  React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
20
20
  children,
21
- !disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
21
+ !disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', arrowSide: left ? 'left' : 'right' }, content)))));
22
22
  };
23
23
 
24
24
  export default Tooltip;
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::before {\n border-color: #2d3748 transparent transparent transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n bottom: -14px;\n background-color: red;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::before {\n border-color: transparent transparent #2d3748 transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n top: -14px;\n background-color: red;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n top: -14px;\n}\n";
4
4
  var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
5
5
  styleInject(css_248z);
6
6
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.4.6-5",
5
+ "version": "2.4.6-8",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",