@dreamcommerce/aurora 0.3.4-160 → 0.3.4-164
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/src/components/hint/index.js +3 -2
- package/build/cjs/src/components/hint/index.js.map +1 -1
- package/build/cjs/src/css/hint/main.module.less.js +2 -2
- package/build/esm/src/components/hint/index.d.ts +1 -0
- package/build/esm/src/components/hint/index.js +3 -2
- package/build/esm/src/components/hint/index.js.map +1 -1
- package/build/esm/src/css/hint/main.module.less.js +2 -2
- package/package.json +1 -1
|
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
14
|
var Hint = function (_a) {
|
|
15
|
-
var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
|
|
15
|
+
var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
|
|
16
16
|
var containerClassName = classNames.classNames([
|
|
17
17
|
'hint',
|
|
18
18
|
spacingLeft && 'hint_spacing-left',
|
|
@@ -21,10 +21,11 @@ var Hint = function (_a) {
|
|
|
21
21
|
hPosition === 'center' && 'hint_horizontal-center',
|
|
22
22
|
vPosition === 'top' && 'hint_top',
|
|
23
23
|
], main_module['default']);
|
|
24
|
+
var contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
|
|
24
25
|
var IconComponent = Icon || icon_hint['default'];
|
|
25
26
|
return (React__default['default'].createElement("div", { className: containerClassName },
|
|
26
27
|
React__default['default'].createElement(IconComponent, { className: iconClass }),
|
|
27
|
-
React__default['default'].createElement("div", { className:
|
|
28
|
+
React__default['default'].createElement("div", { className: contentClassName }, hint)));
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
exports.default = Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n hint: string | ReactElement;\n vPosition?: 'top' | 'bottom';\n hPosition?: 'left' | 'right' | 'center';\n\n spacingLeft?: boolean;\n spacingRight?: boolean;\n iconClass?: string;\n Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n const containerClassName = classNames(\n [\n 'hint',\n spacingLeft && 'hint_spacing-left',\n spacingRight && 'hint_spacing-right',\n hPosition === 'right' && 'hint_right',\n hPosition === 'center' && 'hint_horizontal-center',\n vPosition === 'top' && 'hint_top',\n ],\n styles\n );\n\n const IconComponent = Icon || IconHint;\n\n return (\n <div className={containerClassName}>\n <IconComponent className={iconClass} />\n <div className={
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n hint: string | ReactElement;\n vPosition?: 'top' | 'bottom';\n hPosition?: 'left' | 'right' | 'center';\n\n spacingLeft?: boolean;\n spacingRight?: boolean;\n iconClass?: string;\n yellow?: boolean;\n Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n const containerClassName = classNames(\n [\n 'hint',\n spacingLeft && 'hint_spacing-left',\n spacingRight && 'hint_spacing-right',\n hPosition === 'right' && 'hint_right',\n hPosition === 'center' && 'hint_horizontal-center',\n vPosition === 'top' && 'hint_top',\n ],\n styles\n );\n const contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);\n\n const IconComponent = Icon || IconHint;\n\n return (\n <div className={containerClassName}>\n <IconComponent className={iconClass} />\n <div className={contentClassName}>{hint}</div>\n </div>\n );\n};\n\nexport default Hint;\n"],"names":["classNames","styles","IconHint","React"],"mappings":";;;;;;;;;;;;;IAiBM,IAAI,GAAoB,UAAC,EAAoG;QAAlG,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,kBAAM,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IAC7H,IAAM,kBAAkB,GAAGA,qBAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACDC,sBAAM,CACT,CAAC;IACF,IAAM,gBAAgB,GAAGD,qBAAU,CAAC,CAAC,eAAe,EAAE,MAAM,IAAI,sBAAsB,CAAC,EAAEC,sBAAM,CAAC,CAAC;IAEjG,IAAM,aAAa,GAAG,IAAI,IAAIC,oBAAQ,CAAC;IAEvC,QACIC,iDAAK,SAAS,EAAE,kBAAkB;QAC9BA,wCAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvCA,iDAAK,SAAS,EAAE,gBAAgB,IAAG,IAAI,CAAO,CAC5C,EACR;AACN;;;;"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../node_modules/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_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
8
|
-
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
8
|
+
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = styles;
|
|
@@ -4,7 +4,7 @@ import styles from '../../css/hint/main.module.less.js';
|
|
|
4
4
|
import IconHint from '../../assets/icon_hint.js';
|
|
5
5
|
|
|
6
6
|
var Hint = function (_a) {
|
|
7
|
-
var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
|
|
7
|
+
var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
|
|
8
8
|
var containerClassName = classNames([
|
|
9
9
|
'hint',
|
|
10
10
|
spacingLeft && 'hint_spacing-left',
|
|
@@ -13,10 +13,11 @@ var Hint = function (_a) {
|
|
|
13
13
|
hPosition === 'center' && 'hint_horizontal-center',
|
|
14
14
|
vPosition === 'top' && 'hint_top',
|
|
15
15
|
], styles);
|
|
16
|
+
var contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);
|
|
16
17
|
var IconComponent = Icon || IconHint;
|
|
17
18
|
return (React.createElement("div", { className: containerClassName },
|
|
18
19
|
React.createElement(IconComponent, { className: iconClass }),
|
|
19
|
-
React.createElement("div", { className:
|
|
20
|
+
React.createElement("div", { className: contentClassName }, hint)));
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
export default Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n hint: string | ReactElement;\n vPosition?: 'top' | 'bottom';\n hPosition?: 'left' | 'right' | 'center';\n\n spacingLeft?: boolean;\n spacingRight?: boolean;\n iconClass?: string;\n Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n const containerClassName = classNames(\n [\n 'hint',\n spacingLeft && 'hint_spacing-left',\n spacingRight && 'hint_spacing-right',\n hPosition === 'right' && 'hint_right',\n hPosition === 'center' && 'hint_horizontal-center',\n vPosition === 'top' && 'hint_top',\n ],\n styles\n );\n\n const IconComponent = Icon || IconHint;\n\n return (\n <div className={containerClassName}>\n <IconComponent className={iconClass} />\n <div className={
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n hint: string | ReactElement;\n vPosition?: 'top' | 'bottom';\n hPosition?: 'left' | 'right' | 'center';\n\n spacingLeft?: boolean;\n spacingRight?: boolean;\n iconClass?: string;\n yellow?: boolean;\n Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n const containerClassName = classNames(\n [\n 'hint',\n spacingLeft && 'hint_spacing-left',\n spacingRight && 'hint_spacing-right',\n hPosition === 'right' && 'hint_right',\n hPosition === 'center' && 'hint_horizontal-center',\n vPosition === 'top' && 'hint_top',\n ],\n styles\n );\n const contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);\n\n const IconComponent = Icon || IconHint;\n\n return (\n <div className={containerClassName}>\n <IconComponent className={iconClass} />\n <div className={contentClassName}>{hint}</div>\n </div>\n );\n};\n\nexport default Hint;\n"],"names":[],"mappings":";;;;;IAiBM,IAAI,GAAoB,UAAC,EAAoG;QAAlG,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,kBAAM,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IAC7H,IAAM,kBAAkB,GAAG,UAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACD,MAAM,CACT,CAAC;IACF,IAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,eAAe,EAAE,MAAM,IAAI,sBAAsB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEjG,IAAM,aAAa,GAAG,IAAI,IAAI,QAAQ,CAAC;IAEvC,QACI,6BAAK,SAAS,EAAE,kBAAkB;QAC9B,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvC,6BAAK,SAAS,EAAE,gBAAgB,IAAG,IAAI,CAAO,CAC5C,EACR;AACN;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/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_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
4
|
-
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
4
|
+
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default styles;
|