@salutejs/sdds-cs 0.374.0-next-sbcom.0 → 0.374.0
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/dist/beta/cjs/Popover/Popover.js +39 -31
- package/dist/beta/cjs/Popover/config/CloseInnerSize.css +19 -0
- package/dist/beta/cjs/Popover/config/CloseInnerSize.module.css.js +8 -0
- package/dist/beta/cjs/Popover/config/CloseInnerView.css +15 -0
- package/dist/beta/cjs/Popover/config/CloseInnerView.module.css.js +8 -0
- package/dist/beta/cjs/Popover/config/CloseNoneSize.css +15 -0
- package/dist/beta/cjs/Popover/config/CloseNoneSize.module.css.js +8 -0
- package/dist/beta/cjs/Popover/config/CloseNoneView.css +9 -0
- package/dist/beta/cjs/Popover/config/CloseNoneView.module.css.js +8 -0
- package/dist/beta/cjs/Tooltip/Tooltip.js +32 -13
- package/dist/beta/cjs/Tooltip/config/Size.css +29 -0
- package/dist/beta/cjs/Tooltip/config/Size.module.css.js +8 -0
- package/dist/beta/cjs/Tooltip/config/View.css +11 -0
- package/dist/beta/cjs/Tooltip/config/View.module.css.js +8 -0
- package/dist/beta/cjs/_virtual/_rollupPluginBabelHelpers.js +37 -0
- package/dist/beta/cjs/index.js +11 -19
- package/dist/beta/es/Popover/Popover.js +30 -10
- package/dist/beta/es/Popover/config/CloseInnerSize.css +19 -0
- package/dist/beta/es/Popover/config/CloseInnerSize.module.css.js +4 -0
- package/dist/beta/es/Popover/config/CloseInnerView.css +15 -0
- package/dist/beta/es/Popover/config/CloseInnerView.module.css.js +4 -0
- package/dist/beta/es/Popover/config/CloseNoneSize.css +15 -0
- package/dist/beta/es/Popover/config/CloseNoneSize.module.css.js +4 -0
- package/dist/beta/es/Popover/config/CloseNoneView.css +9 -0
- package/dist/beta/es/Popover/config/CloseNoneView.module.css.js +4 -0
- package/dist/beta/es/Tooltip/Tooltip.js +24 -4
- package/dist/beta/es/Tooltip/config/Size.css +29 -0
- package/dist/beta/es/Tooltip/config/Size.module.css.js +4 -0
- package/dist/beta/es/Tooltip/config/View.css +11 -0
- package/dist/beta/es/Tooltip/config/View.module.css.js +4 -0
- package/dist/beta/es/_virtual/_rollupPluginBabelHelpers.js +31 -0
- package/dist/beta/es/index.js +2 -2
- package/dist/beta/types/Popover/Popover.d.ts +16 -43
- package/dist/beta/types/Popover/index.d.ts +1 -0
- package/dist/beta/types/Tooltip/Tooltip.d.ts +13 -10
- package/dist/beta/types/Tooltip/index.d.ts +1 -0
- package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/cjs/components/Calendar/Calendar.config.js +1 -2
- package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +1 -2
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +0 -1
- package/dist/emotion/cjs/components/Drawer/Drawer.config.js +12 -0
- package/dist/emotion/cjs/components/Drawer/Drawer.js +1 -1
- package/dist/emotion/cjs/components/Notification/Notification.js +3 -2
- package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
- package/dist/emotion/cjs/components/Spinner/Spinner.config.js +8 -31
- package/dist/emotion/cjs/components/Spinner/Spinner.js +10 -1
- package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/es/components/Calendar/Calendar.config.js +1 -2
- package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +1 -2
- package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +0 -1
- package/dist/emotion/es/components/Drawer/Drawer.config.js +9 -0
- package/dist/emotion/es/components/Drawer/Drawer.js +2 -2
- package/dist/emotion/es/components/Notification/Notification.js +3 -2
- package/dist/emotion/es/components/Select/Select.config.js +1 -1
- package/dist/emotion/es/components/Spinner/Spinner.config.js +9 -32
- package/dist/emotion/es/components/Spinner/Spinner.js +5 -1
- package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
- package/package.json +19 -14
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Combobox/Combobox.d.ts +8 -0
- package/types/components/Drawer/Drawer.config.d.ts +7 -0
- package/types/components/Drawer/Drawer.d.ts +5 -1
- package/types/components/Notification/Notification.d.ts +2 -1
- package/types/components/Spinner/Spinner.config.d.ts +0 -9
- package/types/components/Spinner/Spinner.d.ts +40 -26
- package/types/components/Spinner/index.d.ts +1 -1
- package/dist/beta/cjs/Popover/Popover.closeInner.config.js +0 -54
- package/dist/beta/cjs/Popover/Popover.closeNone.config.js +0 -46
- package/dist/beta/cjs/Popover/index.js +0 -11
- package/dist/beta/cjs/Tooltip/Tooltip.config.js +0 -62
- package/dist/beta/cjs/Tooltip/index.js +0 -11
- package/dist/beta/es/Popover/Popover.closeInner.config.js +0 -44
- package/dist/beta/es/Popover/Popover.closeNone.config.js +0 -36
- package/dist/beta/es/Popover/index.js +0 -1
- package/dist/beta/es/Tooltip/Tooltip.config.js +0 -52
- package/dist/beta/es/Tooltip/index.js +0 -1
- package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +0 -16
- package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +0 -16
- package/dist/beta/types/Tooltip/Tooltip.config.d.ts +0 -16
|
@@ -1,32 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var cls = require('classnames');
|
|
8
|
+
var beta = require('@salutejs/plasma-new-hope/beta');
|
|
9
|
+
var CloseInnerSize_module = require('./config/CloseInnerSize.module.css.js');
|
|
10
|
+
var CloseInnerView_module = require('./config/CloseInnerView.module.css.js');
|
|
11
|
+
var CloseNoneSize_module = require('./config/CloseNoneSize.module.css.js');
|
|
12
|
+
var CloseNoneView_module = require('./config/CloseNoneView.module.css.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
18
|
+
|
|
19
|
+
var _excluded = ["appearance", "view", "size"];
|
|
20
|
+
var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
21
|
+
var _ref$appearance = _ref.appearance,
|
|
22
|
+
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
23
|
+
_ref$view = _ref.view,
|
|
24
|
+
view = _ref$view === void 0 ? 'default' : _ref$view,
|
|
25
|
+
_ref$size = _ref.size,
|
|
26
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
27
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
var viewStyles = appearance === 'default' ? CloseNoneView_module.default : CloseInnerView_module.default;
|
|
29
|
+
var sizeStyles = appearance === 'default' ? CloseNoneSize_module.default : CloseInnerSize_module.default;
|
|
30
|
+
var configClassName = cls__default.default(viewStyles[view], sizeStyles[size]);
|
|
31
|
+
return /*#__PURE__*/React__default.default.createElement(beta.Popover, _rollupPluginBabelHelpers.extends({
|
|
32
|
+
ref: ref,
|
|
33
|
+
appearance: appearance
|
|
34
|
+
// @ts-expect-error _configClassName is an internal runtime property.
|
|
35
|
+
,
|
|
36
|
+
_configClassName: configClassName
|
|
37
|
+
}, rest));
|
|
32
38
|
});
|
|
39
|
+
|
|
40
|
+
exports.Popover = Popover;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.Popover_CloseInnerSize_m__93718a50 {
|
|
2
|
+
--plasma-popover-close-icon-size: 1.5rem;
|
|
3
|
+
--plasma-popover-border-radius: 1rem;
|
|
4
|
+
--plasma-popover-padding: 0.75rem 0.5rem 0.5rem;
|
|
5
|
+
--plasma-popover-icon-offset: 0.625rem;
|
|
6
|
+
--plasma-popover-tail-width: 20px;
|
|
7
|
+
--plasma-popover-tail-height: 8px;
|
|
8
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.Popover_CloseInnerSize_s__a6df3eb4 {
|
|
12
|
+
--plasma-popover-close-icon-size: 1rem;
|
|
13
|
+
--plasma-popover-border-radius: 0.75rem;
|
|
14
|
+
--plasma-popover-padding: 0.5rem 0.375rem 0.375rem;
|
|
15
|
+
--plasma-popover-icon-offset: 0.5rem;
|
|
16
|
+
--plasma-popover-tail-width: 20px;
|
|
17
|
+
--plasma-popover-tail-height: 8px;
|
|
18
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
19
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
require('./CloseInnerSize.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var modules_90fe3df6 = {"m":"Popover_CloseInnerSize_m__93718a50","s":"Popover_CloseInnerSize_s__a6df3eb4"};
|
|
7
|
+
|
|
8
|
+
exports.default = modules_90fe3df6;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.Popover_CloseInnerView_default__aa549a61 {
|
|
2
|
+
--plasma-popover-background-color: var(--surface-solid-card);
|
|
3
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
4
|
+
--plasma-popover-icon-color: var(--text-secondary);
|
|
5
|
+
--plasma-popover-icon-color-hover: var(--text-secondary-hover);
|
|
6
|
+
--plasma-popover-icon-color-active: var(--text-secondary-active);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.Popover_CloseInnerView_info__7d9cb789 {
|
|
10
|
+
--plasma-popover-background-color: var(--surface-accent);
|
|
11
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
12
|
+
--plasma-popover-icon-color: var(--on-dark-text-secondary);
|
|
13
|
+
--plasma-popover-icon-color-hover: var(--on-dark-text-secondary-hover);
|
|
14
|
+
--plasma-popover-icon-color-active: var(--on-dark-text-secondary-active);
|
|
15
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
require('./CloseInnerView.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var modules_d59cd388 = {"default":"Popover_CloseInnerView_default__aa549a61","info":"Popover_CloseInnerView_info__7d9cb789"};
|
|
7
|
+
|
|
8
|
+
exports.default = modules_d59cd388;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.Popover_CloseNoneSize_m__f4191f23 {
|
|
2
|
+
--plasma-popover-border-radius: 1rem;
|
|
3
|
+
--plasma-popover-padding: 0.75rem 0.5rem 0.5rem;
|
|
4
|
+
--plasma-popover-tail-width: 20px;
|
|
5
|
+
--plasma-popover-tail-height: 8px;
|
|
6
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.Popover_CloseNoneSize_s__2976f798 {
|
|
10
|
+
--plasma-popover-border-radius: 0.75rem;
|
|
11
|
+
--plasma-popover-padding: 0.5rem 0.375rem 0.375rem;
|
|
12
|
+
--plasma-popover-tail-width: 20px;
|
|
13
|
+
--plasma-popover-tail-height: 8px;
|
|
14
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.Popover_CloseNoneView_default__cc6e3f3f {
|
|
2
|
+
--plasma-popover-background-color: var(--surface-solid-card);
|
|
3
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.Popover_CloseNoneView_info__dd2764d7 {
|
|
7
|
+
--plasma-popover-background-color: var(--surface-accent);
|
|
8
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
require('./CloseNoneView.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var modules_d87ee517 = {"default":"Popover_CloseNoneView_default__cc6e3f3f","info":"Popover_CloseNoneView_info__dd2764d7"};
|
|
7
|
+
|
|
8
|
+
exports.default = modules_d87ee517;
|
|
@@ -1,14 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var cls = require('classnames');
|
|
8
|
+
var beta = require('@salutejs/plasma-new-hope/beta');
|
|
9
|
+
var Size_module = require('./config/Size.module.css.js');
|
|
10
|
+
var View_module = require('./config/View.module.css.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
16
|
+
|
|
17
|
+
var _excluded = ["view", "size"];
|
|
18
|
+
var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19
|
+
var _ref$view = _ref.view,
|
|
20
|
+
view = _ref$view === void 0 ? 'default' : _ref$view,
|
|
21
|
+
_ref$size = _ref.size,
|
|
22
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
|
23
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
var configClassName = cls__default.default(View_module.default[view], Size_module.default[size]);
|
|
25
|
+
|
|
26
|
+
// @ts-expect-error _configClassName is an internal runtime property.
|
|
27
|
+
return /*#__PURE__*/React__default.default.createElement(beta.Tooltip, _rollupPluginBabelHelpers.extends({
|
|
28
|
+
ref: ref,
|
|
29
|
+
_configClassName: configClassName
|
|
30
|
+
}, rest));
|
|
4
31
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
get: function() {
|
|
8
|
-
return Tooltip;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
12
|
-
const _Tooltipconfig = require("./Tooltip.config");
|
|
13
|
-
const mergedConfig = (0, _emotion.mergeConfig)(_emotion._beta_tooltipConfig, _Tooltipconfig.config);
|
|
14
|
-
const Tooltip = (0, _emotion.component)(mergedConfig);
|
|
32
|
+
|
|
33
|
+
exports.Tooltip = Tooltip;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.Tooltip_Size_m__c97a2557 {
|
|
2
|
+
--plasma-tooltip-border-radius: 0.5rem;
|
|
3
|
+
--plasma-tooltip-padding: 0.5rem 0.75rem;
|
|
4
|
+
--plasma-tooltip-gap: 0.25rem;
|
|
5
|
+
--plasma-tooltip-font-family: var(--plasma-typo-body-s-font-family);
|
|
6
|
+
--plasma-tooltip-font-size: var(--plasma-typo-body-s-font-size);
|
|
7
|
+
--plasma-tooltip-font-style: var(--plasma-typo-body-s-font-style);
|
|
8
|
+
--plasma-tooltip-font-weight: var(--plasma-typo-body-s-font-weight);
|
|
9
|
+
--plasma-tooltip-letter-spacing: var(--plasma-typo-body-s-letter-spacing);
|
|
10
|
+
--plasma-tooltip-lineheight: var(--plasma-typo-body-s-line-height);
|
|
11
|
+
--plasma-tooltip-tail-width: 20px;
|
|
12
|
+
--plasma-tooltip-tail-height: 8px;
|
|
13
|
+
--plasma-tooltip-tail-side-curvature: -10%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.Tooltip_Size_s__8af51052 {
|
|
17
|
+
--plasma-tooltip-border-radius: 0.5rem;
|
|
18
|
+
--plasma-tooltip-padding: 0.5rem 0.75rem;
|
|
19
|
+
--plasma-tooltip-gap: 0.25rem;
|
|
20
|
+
--plasma-tooltip-font-family: var(--plasma-typo-body-xs-font-family);
|
|
21
|
+
--plasma-tooltip-font-size: var(--plasma-typo-body-xs-font-size);
|
|
22
|
+
--plasma-tooltip-font-style: var(--plasma-typo-body-xs-font-style);
|
|
23
|
+
--plasma-tooltip-font-weight: var(--plasma-typo-body-xs-font-weight);
|
|
24
|
+
--plasma-tooltip-letter-spacing: var(--plasma-typo-body-xs-letter-spacing);
|
|
25
|
+
--plasma-tooltip-lineheight: var(--plasma-typo-body-xs-line-height);
|
|
26
|
+
--plasma-tooltip-tail-width: 14px;
|
|
27
|
+
--plasma-tooltip-tail-height: 6px;
|
|
28
|
+
--plasma-tooltip-tail-side-curvature: -10%;
|
|
29
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
.Tooltip_View_default__c2fdf95f {
|
|
2
|
+
--plasma-tooltip-background-color: var(--inverse-surface-solid-card);
|
|
3
|
+
--plasma-tooltip-box-shadow: var(--shadow-down-hard-s);
|
|
4
|
+
--plasma-tooltip-color: var(--inverse-text-primary);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.Tooltip_View_secondary__00310556 {
|
|
8
|
+
--plasma-tooltip-background-color: var(--on-dark-surface-solid-secondary);
|
|
9
|
+
--plasma-tooltip-box-shadow: var(--shadow-down-hard-s);
|
|
10
|
+
--plasma-tooltip-color: var(--inverse-text-primary);
|
|
11
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
function _extends() {
|
|
6
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
7
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
8
|
+
var t = arguments[e];
|
|
9
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
10
|
+
}
|
|
11
|
+
return n;
|
|
12
|
+
}, _extends.apply(null, arguments);
|
|
13
|
+
}
|
|
14
|
+
function _objectWithoutProperties(e, t) {
|
|
15
|
+
if (null == e) return {};
|
|
16
|
+
var o,
|
|
17
|
+
r,
|
|
18
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
19
|
+
if (Object.getOwnPropertySymbols) {
|
|
20
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
21
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
22
|
+
}
|
|
23
|
+
return i;
|
|
24
|
+
}
|
|
25
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
26
|
+
if (null == r) return {};
|
|
27
|
+
var t = {};
|
|
28
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
29
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
30
|
+
t[n] = r[n];
|
|
31
|
+
}
|
|
32
|
+
return t;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
exports.extends = _extends;
|
|
36
|
+
exports.objectWithoutProperties = _objectWithoutProperties;
|
|
37
|
+
exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
|
package/dist/beta/cjs/index.js
CHANGED
|
@@ -1,19 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
get: function() {
|
|
13
|
-
return from[k];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
return from;
|
|
19
|
-
}
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Popover = require('./Popover/Popover.js');
|
|
6
|
+
var Tooltip = require('./Tooltip/Tooltip.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Popover = Popover.Popover;
|
|
11
|
+
exports.Tooltip = Tooltip.Tooltip;
|
|
@@ -1,11 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import cls from 'classnames';
|
|
4
|
+
import { Popover as Popover$1 } from '@salutejs/plasma-new-hope/beta';
|
|
5
|
+
import modules_90fe3df6 from './config/CloseInnerSize.module.css.js';
|
|
6
|
+
import modules_d59cd388 from './config/CloseInnerView.module.css.js';
|
|
7
|
+
import modules_d2adbb20 from './config/CloseNoneSize.module.css.js';
|
|
8
|
+
import modules_d87ee517 from './config/CloseNoneView.module.css.js';
|
|
9
|
+
|
|
10
|
+
var _excluded = ["appearance", "view", "size"];
|
|
11
|
+
var Popover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
12
|
+
var _ref$appearance = _ref.appearance,
|
|
13
|
+
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
14
|
+
_ref$view = _ref.view,
|
|
15
|
+
view = _ref$view === void 0 ? 'default' : _ref$view,
|
|
16
|
+
_ref$size = _ref.size,
|
|
17
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
18
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
var viewStyles = appearance === 'default' ? modules_d87ee517 : modules_d59cd388;
|
|
20
|
+
var sizeStyles = appearance === 'default' ? modules_d2adbb20 : modules_90fe3df6;
|
|
21
|
+
var configClassName = cls(viewStyles[view], sizeStyles[size]);
|
|
22
|
+
return /*#__PURE__*/React.createElement(Popover$1, _extends({
|
|
23
|
+
ref: ref,
|
|
24
|
+
appearance: appearance
|
|
25
|
+
// @ts-expect-error _configClassName is an internal runtime property.
|
|
26
|
+
,
|
|
27
|
+
_configClassName: configClassName
|
|
28
|
+
}, rest));
|
|
11
29
|
});
|
|
30
|
+
|
|
31
|
+
export { Popover };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.Popover_CloseInnerSize_m__93718a50 {
|
|
2
|
+
--plasma-popover-close-icon-size: 1.5rem;
|
|
3
|
+
--plasma-popover-border-radius: 1rem;
|
|
4
|
+
--plasma-popover-padding: 0.75rem 0.5rem 0.5rem;
|
|
5
|
+
--plasma-popover-icon-offset: 0.625rem;
|
|
6
|
+
--plasma-popover-tail-width: 20px;
|
|
7
|
+
--plasma-popover-tail-height: 8px;
|
|
8
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.Popover_CloseInnerSize_s__a6df3eb4 {
|
|
12
|
+
--plasma-popover-close-icon-size: 1rem;
|
|
13
|
+
--plasma-popover-border-radius: 0.75rem;
|
|
14
|
+
--plasma-popover-padding: 0.5rem 0.375rem 0.375rem;
|
|
15
|
+
--plasma-popover-icon-offset: 0.5rem;
|
|
16
|
+
--plasma-popover-tail-width: 20px;
|
|
17
|
+
--plasma-popover-tail-height: 8px;
|
|
18
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
19
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.Popover_CloseInnerView_default__aa549a61 {
|
|
2
|
+
--plasma-popover-background-color: var(--surface-solid-card);
|
|
3
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
4
|
+
--plasma-popover-icon-color: var(--text-secondary);
|
|
5
|
+
--plasma-popover-icon-color-hover: var(--text-secondary-hover);
|
|
6
|
+
--plasma-popover-icon-color-active: var(--text-secondary-active);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.Popover_CloseInnerView_info__7d9cb789 {
|
|
10
|
+
--plasma-popover-background-color: var(--surface-accent);
|
|
11
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
12
|
+
--plasma-popover-icon-color: var(--on-dark-text-secondary);
|
|
13
|
+
--plasma-popover-icon-color-hover: var(--on-dark-text-secondary-hover);
|
|
14
|
+
--plasma-popover-icon-color-active: var(--on-dark-text-secondary-active);
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.Popover_CloseNoneSize_m__f4191f23 {
|
|
2
|
+
--plasma-popover-border-radius: 1rem;
|
|
3
|
+
--plasma-popover-padding: 0.75rem 0.5rem 0.5rem;
|
|
4
|
+
--plasma-popover-tail-width: 20px;
|
|
5
|
+
--plasma-popover-tail-height: 8px;
|
|
6
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.Popover_CloseNoneSize_s__2976f798 {
|
|
10
|
+
--plasma-popover-border-radius: 0.75rem;
|
|
11
|
+
--plasma-popover-padding: 0.5rem 0.375rem 0.375rem;
|
|
12
|
+
--plasma-popover-tail-width: 20px;
|
|
13
|
+
--plasma-popover-tail-height: 8px;
|
|
14
|
+
--plasma-popover-tail-side-curvature: -10%;
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.Popover_CloseNoneView_default__cc6e3f3f {
|
|
2
|
+
--plasma-popover-background-color: var(--surface-solid-card);
|
|
3
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.Popover_CloseNoneView_info__dd2764d7 {
|
|
7
|
+
--plasma-popover-background-color: var(--surface-accent);
|
|
8
|
+
--plasma-popover-box-shadow: var(--shadow-down-hard-m);
|
|
9
|
+
}
|
|
@@ -1,4 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import cls from 'classnames';
|
|
4
|
+
import { Tooltip as Tooltip$1 } from '@salutejs/plasma-new-hope/beta';
|
|
5
|
+
import modules_f3e577bf from './config/Size.module.css.js';
|
|
6
|
+
import modules_db861ab5 from './config/View.module.css.js';
|
|
7
|
+
|
|
8
|
+
var _excluded = ["view", "size"];
|
|
9
|
+
var Tooltip = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
10
|
+
var _ref$view = _ref.view,
|
|
11
|
+
view = _ref$view === void 0 ? 'default' : _ref$view,
|
|
12
|
+
_ref$size = _ref.size,
|
|
13
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
|
14
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
var configClassName = cls(modules_db861ab5[view], modules_f3e577bf[size]);
|
|
16
|
+
|
|
17
|
+
// @ts-expect-error _configClassName is an internal runtime property.
|
|
18
|
+
return /*#__PURE__*/React.createElement(Tooltip$1, _extends({
|
|
19
|
+
ref: ref,
|
|
20
|
+
_configClassName: configClassName
|
|
21
|
+
}, rest));
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
export { Tooltip };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.Tooltip_Size_m__c97a2557 {
|
|
2
|
+
--plasma-tooltip-border-radius: 0.5rem;
|
|
3
|
+
--plasma-tooltip-padding: 0.5rem 0.75rem;
|
|
4
|
+
--plasma-tooltip-gap: 0.25rem;
|
|
5
|
+
--plasma-tooltip-font-family: var(--plasma-typo-body-s-font-family);
|
|
6
|
+
--plasma-tooltip-font-size: var(--plasma-typo-body-s-font-size);
|
|
7
|
+
--plasma-tooltip-font-style: var(--plasma-typo-body-s-font-style);
|
|
8
|
+
--plasma-tooltip-font-weight: var(--plasma-typo-body-s-font-weight);
|
|
9
|
+
--plasma-tooltip-letter-spacing: var(--plasma-typo-body-s-letter-spacing);
|
|
10
|
+
--plasma-tooltip-lineheight: var(--plasma-typo-body-s-line-height);
|
|
11
|
+
--plasma-tooltip-tail-width: 20px;
|
|
12
|
+
--plasma-tooltip-tail-height: 8px;
|
|
13
|
+
--plasma-tooltip-tail-side-curvature: -10%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.Tooltip_Size_s__8af51052 {
|
|
17
|
+
--plasma-tooltip-border-radius: 0.5rem;
|
|
18
|
+
--plasma-tooltip-padding: 0.5rem 0.75rem;
|
|
19
|
+
--plasma-tooltip-gap: 0.25rem;
|
|
20
|
+
--plasma-tooltip-font-family: var(--plasma-typo-body-xs-font-family);
|
|
21
|
+
--plasma-tooltip-font-size: var(--plasma-typo-body-xs-font-size);
|
|
22
|
+
--plasma-tooltip-font-style: var(--plasma-typo-body-xs-font-style);
|
|
23
|
+
--plasma-tooltip-font-weight: var(--plasma-typo-body-xs-font-weight);
|
|
24
|
+
--plasma-tooltip-letter-spacing: var(--plasma-typo-body-xs-letter-spacing);
|
|
25
|
+
--plasma-tooltip-lineheight: var(--plasma-typo-body-xs-line-height);
|
|
26
|
+
--plasma-tooltip-tail-width: 14px;
|
|
27
|
+
--plasma-tooltip-tail-height: 6px;
|
|
28
|
+
--plasma-tooltip-tail-side-curvature: -10%;
|
|
29
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
.Tooltip_View_default__c2fdf95f {
|
|
2
|
+
--plasma-tooltip-background-color: var(--inverse-surface-solid-card);
|
|
3
|
+
--plasma-tooltip-box-shadow: var(--shadow-down-hard-s);
|
|
4
|
+
--plasma-tooltip-color: var(--inverse-text-primary);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.Tooltip_View_secondary__00310556 {
|
|
8
|
+
--plasma-tooltip-background-color: var(--on-dark-surface-solid-secondary);
|
|
9
|
+
--plasma-tooltip-box-shadow: var(--shadow-down-hard-s);
|
|
10
|
+
--plasma-tooltip-color: var(--inverse-text-primary);
|
|
11
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
function _extends() {
|
|
2
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
3
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
4
|
+
var t = arguments[e];
|
|
5
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
6
|
+
}
|
|
7
|
+
return n;
|
|
8
|
+
}, _extends.apply(null, arguments);
|
|
9
|
+
}
|
|
10
|
+
function _objectWithoutProperties(e, t) {
|
|
11
|
+
if (null == e) return {};
|
|
12
|
+
var o,
|
|
13
|
+
r,
|
|
14
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
15
|
+
if (Object.getOwnPropertySymbols) {
|
|
16
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
17
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
18
|
+
}
|
|
19
|
+
return i;
|
|
20
|
+
}
|
|
21
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
22
|
+
if (null == r) return {};
|
|
23
|
+
var t = {};
|
|
24
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
25
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
26
|
+
t[n] = r[n];
|
|
27
|
+
}
|
|
28
|
+
return t;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { _extends as extends, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose };
|
package/dist/beta/es/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export { Popover } from './Popover/Popover.js';
|
|
2
|
+
export { Tooltip } from './Tooltip/Tooltip.js';
|