@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.
Files changed (84) hide show
  1. package/dist/beta/cjs/Popover/Popover.js +39 -31
  2. package/dist/beta/cjs/Popover/config/CloseInnerSize.css +19 -0
  3. package/dist/beta/cjs/Popover/config/CloseInnerSize.module.css.js +8 -0
  4. package/dist/beta/cjs/Popover/config/CloseInnerView.css +15 -0
  5. package/dist/beta/cjs/Popover/config/CloseInnerView.module.css.js +8 -0
  6. package/dist/beta/cjs/Popover/config/CloseNoneSize.css +15 -0
  7. package/dist/beta/cjs/Popover/config/CloseNoneSize.module.css.js +8 -0
  8. package/dist/beta/cjs/Popover/config/CloseNoneView.css +9 -0
  9. package/dist/beta/cjs/Popover/config/CloseNoneView.module.css.js +8 -0
  10. package/dist/beta/cjs/Tooltip/Tooltip.js +32 -13
  11. package/dist/beta/cjs/Tooltip/config/Size.css +29 -0
  12. package/dist/beta/cjs/Tooltip/config/Size.module.css.js +8 -0
  13. package/dist/beta/cjs/Tooltip/config/View.css +11 -0
  14. package/dist/beta/cjs/Tooltip/config/View.module.css.js +8 -0
  15. package/dist/beta/cjs/_virtual/_rollupPluginBabelHelpers.js +37 -0
  16. package/dist/beta/cjs/index.js +11 -19
  17. package/dist/beta/es/Popover/Popover.js +30 -10
  18. package/dist/beta/es/Popover/config/CloseInnerSize.css +19 -0
  19. package/dist/beta/es/Popover/config/CloseInnerSize.module.css.js +4 -0
  20. package/dist/beta/es/Popover/config/CloseInnerView.css +15 -0
  21. package/dist/beta/es/Popover/config/CloseInnerView.module.css.js +4 -0
  22. package/dist/beta/es/Popover/config/CloseNoneSize.css +15 -0
  23. package/dist/beta/es/Popover/config/CloseNoneSize.module.css.js +4 -0
  24. package/dist/beta/es/Popover/config/CloseNoneView.css +9 -0
  25. package/dist/beta/es/Popover/config/CloseNoneView.module.css.js +4 -0
  26. package/dist/beta/es/Tooltip/Tooltip.js +24 -4
  27. package/dist/beta/es/Tooltip/config/Size.css +29 -0
  28. package/dist/beta/es/Tooltip/config/Size.module.css.js +4 -0
  29. package/dist/beta/es/Tooltip/config/View.css +11 -0
  30. package/dist/beta/es/Tooltip/config/View.module.css.js +4 -0
  31. package/dist/beta/es/_virtual/_rollupPluginBabelHelpers.js +31 -0
  32. package/dist/beta/es/index.js +2 -2
  33. package/dist/beta/types/Popover/Popover.d.ts +16 -43
  34. package/dist/beta/types/Popover/index.d.ts +1 -0
  35. package/dist/beta/types/Tooltip/Tooltip.d.ts +13 -10
  36. package/dist/beta/types/Tooltip/index.d.ts +1 -0
  37. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  38. package/dist/emotion/cjs/components/Calendar/Calendar.config.js +1 -2
  39. package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +1 -2
  40. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  41. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +0 -1
  42. package/dist/emotion/cjs/components/Drawer/Drawer.config.js +12 -0
  43. package/dist/emotion/cjs/components/Drawer/Drawer.js +1 -1
  44. package/dist/emotion/cjs/components/Notification/Notification.js +3 -2
  45. package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
  46. package/dist/emotion/cjs/components/Spinner/Spinner.config.js +8 -31
  47. package/dist/emotion/cjs/components/Spinner/Spinner.js +10 -1
  48. package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
  49. package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
  50. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
  51. package/dist/emotion/es/components/Calendar/Calendar.config.js +1 -2
  52. package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +1 -2
  53. package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
  54. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +0 -1
  55. package/dist/emotion/es/components/Drawer/Drawer.config.js +9 -0
  56. package/dist/emotion/es/components/Drawer/Drawer.js +2 -2
  57. package/dist/emotion/es/components/Notification/Notification.js +3 -2
  58. package/dist/emotion/es/components/Select/Select.config.js +1 -1
  59. package/dist/emotion/es/components/Spinner/Spinner.config.js +9 -32
  60. package/dist/emotion/es/components/Spinner/Spinner.js +5 -1
  61. package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
  62. package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
  63. package/package.json +19 -14
  64. package/types/components/Avatar/Avatar.d.ts +4 -4
  65. package/types/components/Combobox/Combobox.d.ts +8 -0
  66. package/types/components/Drawer/Drawer.config.d.ts +7 -0
  67. package/types/components/Drawer/Drawer.d.ts +5 -1
  68. package/types/components/Notification/Notification.d.ts +2 -1
  69. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  70. package/types/components/Spinner/Spinner.d.ts +40 -26
  71. package/types/components/Spinner/index.d.ts +1 -1
  72. package/dist/beta/cjs/Popover/Popover.closeInner.config.js +0 -54
  73. package/dist/beta/cjs/Popover/Popover.closeNone.config.js +0 -46
  74. package/dist/beta/cjs/Popover/index.js +0 -11
  75. package/dist/beta/cjs/Tooltip/Tooltip.config.js +0 -62
  76. package/dist/beta/cjs/Tooltip/index.js +0 -11
  77. package/dist/beta/es/Popover/Popover.closeInner.config.js +0 -44
  78. package/dist/beta/es/Popover/Popover.closeNone.config.js +0 -36
  79. package/dist/beta/es/Popover/index.js +0 -1
  80. package/dist/beta/es/Tooltip/Tooltip.config.js +0 -52
  81. package/dist/beta/es/Tooltip/index.js +0 -1
  82. package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +0 -16
  83. package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +0 -16
  84. package/dist/beta/types/Tooltip/Tooltip.config.d.ts +0 -16
@@ -1,32 +1,40 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get Popover () {
13
- return Popover;
14
- },
15
- get PopoverCloseInner () {
16
- return PopoverCloseInner;
17
- },
18
- get PopoverCloseNone () {
19
- return PopoverCloseNone;
20
- }
21
- });
22
- const _emotion = require("@salutejs/plasma-new-hope/emotion");
23
- const _PopovercloseNoneconfig = require("./Popover.closeNone.config");
24
- const _PopovercloseInnerconfig = require("./Popover.closeInner.config");
25
- const mergedCloseNoneConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConfig, _PopovercloseNoneconfig.config);
26
- const PopoverCloseNone = (0, _emotion.component)(mergedCloseNoneConfig);
27
- const mergedCloseInnerConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConfig, _PopovercloseInnerconfig.config);
28
- const PopoverCloseInner = (0, _emotion.component)(mergedCloseInnerConfig);
29
- const Popover = (0, _emotion.createConditionalComponent)({
30
- default: PopoverCloseNone,
31
- closeInner: PopoverCloseInner
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,8 @@
1
+ require('./CloseNoneSize.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var modules_d2adbb20 = {"m":"Popover_CloseNoneSize_m__f4191f23","s":"Popover_CloseNoneSize_s__2976f798"};
7
+
8
+ exports.default = modules_d2adbb20;
@@ -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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
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
- Object.defineProperty(exports, "Tooltip", {
6
- enumerable: true,
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,8 @@
1
+ require('./Size.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var modules_f3e577bf = {"m":"Tooltip_Size_m__c97a2557","s":"Tooltip_Size_s__8af51052"};
7
+
8
+ exports.default = modules_f3e577bf;
@@ -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,8 @@
1
+ require('./View.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var modules_db861ab5 = {"default":"Tooltip_View_default__c2fdf95f","secondary":"Tooltip_View_secondary__00310556"};
7
+
8
+ exports.default = modules_db861ab5;
@@ -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;
@@ -1,19 +1,11 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- _export_star(require("./Popover"), exports);
6
- _export_star(require("./Tooltip"), exports);
7
- function _export_star(from, to) {
8
- Object.keys(from).forEach(function(k) {
9
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
10
- Object.defineProperty(to, k, {
11
- enumerable: true,
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 { _beta_popoverConfig, component, createConditionalComponent, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
- import { config as closeNoneConfig } from './Popover.closeNone.config';
3
- import { config as closeInnerConfig } from './Popover.closeInner.config';
4
- const mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
5
- export const PopoverCloseNone = component(mergedCloseNoneConfig);
6
- const mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
7
- export const PopoverCloseInner = component(mergedCloseInnerConfig);
8
- export const Popover = createConditionalComponent({
9
- default: PopoverCloseNone,
10
- closeInner: PopoverCloseInner
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,4 @@
1
+ import './CloseInnerSize.css';
2
+ var modules_90fe3df6 = {"m":"Popover_CloseInnerSize_m__93718a50","s":"Popover_CloseInnerSize_s__a6df3eb4"};
3
+
4
+ export { modules_90fe3df6 as default };
@@ -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,4 @@
1
+ import './CloseInnerView.css';
2
+ var modules_d59cd388 = {"default":"Popover_CloseInnerView_default__aa549a61","info":"Popover_CloseInnerView_info__7d9cb789"};
3
+
4
+ export { modules_d59cd388 as default };
@@ -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,4 @@
1
+ import './CloseNoneSize.css';
2
+ var modules_d2adbb20 = {"m":"Popover_CloseNoneSize_m__f4191f23","s":"Popover_CloseNoneSize_s__2976f798"};
3
+
4
+ export { modules_d2adbb20 as default };
@@ -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,4 @@
1
+ import './CloseNoneView.css';
2
+ var modules_d87ee517 = {"default":"Popover_CloseNoneView_default__cc6e3f3f","info":"Popover_CloseNoneView_info__dd2764d7"};
3
+
4
+ export { modules_d87ee517 as default };
@@ -1,4 +1,24 @@
1
- import { _beta_tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
- import { config } from './Tooltip.config';
3
- const mergedConfig = mergeConfig(_beta_tooltipConfig, config);
4
- export const Tooltip = component(mergedConfig);
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,4 @@
1
+ import './Size.css';
2
+ var modules_f3e577bf = {"m":"Tooltip_Size_m__c97a2557","s":"Tooltip_Size_s__8af51052"};
3
+
4
+ export { modules_f3e577bf as default };
@@ -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,4 @@
1
+ import './View.css';
2
+ var modules_db861ab5 = {"default":"Tooltip_View_default__c2fdf95f","secondary":"Tooltip_View_secondary__00310556"};
3
+
4
+ export { modules_db861ab5 as default };
@@ -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 };
@@ -1,2 +1,2 @@
1
- export * from './Popover';
2
- export * from './Tooltip';
1
+ export { Popover } from './Popover/Popover.js';
2
+ export { Tooltip } from './Tooltip/Tooltip.js';