@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.
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/index.js +1 -1
- package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/esm/packages/aurora/src/components/tooltip/index.js +1 -1
- package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
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
|
|
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
|
|