@salutejs/plasma-new-hope 0.256.0-canary.1739.13123692822.0 → 0.256.0-canary.1743.13110394852.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +1 -4
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_1yw1mrq.css → AccordionItem.styles_56cr5h.css} +2 -2
  9. package/cjs/components/Autocomplete/Autocomplete.css +5 -5
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -5
  11. package/cjs/components/Combobox/ComboboxOld/Combobox.css +4 -4
  12. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  13. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  14. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  15. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.css +5 -5
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -5
  19. package/cjs/components/Dropdown/Dropdown.css +4 -4
  20. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  21. package/cjs/components/NumberInput/NumberInput.js +1 -0
  22. package/cjs/components/NumberInput/NumberInput.js.map +1 -1
  23. package/cjs/components/Pagination/Pagination.css +5 -5
  24. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  25. package/cjs/components/Popover/Popover.css +4 -4
  26. package/cjs/components/Popover/Popover.js +9 -23
  27. package/cjs/components/Popover/Popover.js.map +1 -1
  28. package/cjs/components/Popover/Popover.styles.js +1 -1
  29. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  30. package/cjs/components/Popover/Popover.styles_gh4xvw.css +4 -0
  31. package/cjs/components/Popover/Popover.tokens.js +1 -3
  32. package/cjs/components/Popover/Popover.tokens.js.map +1 -1
  33. package/cjs/components/Range/Range.css +5 -5
  34. package/cjs/components/Select/Select.css +5 -5
  35. package/cjs/components/Select/ui/Target/Target.css +5 -5
  36. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
  37. package/cjs/components/Slider/Slider.css +5 -5
  38. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
  39. package/cjs/components/TextArea/ui/Hint/Hint.css +5 -5
  40. package/cjs/components/TextField/ui/Hint/Hint.css +5 -5
  41. package/cjs/components/Tooltip/Tooltip.js +4 -3
  42. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  43. package/cjs/components/Tooltip/Tooltip.tokens.js +4 -0
  44. package/cjs/components/Tooltip/Tooltip.tokens.js.map +1 -1
  45. package/{es/components/Tooltip/Tooltip_1qsg6ij.css → cjs/components/Tooltip/Tooltip_aay375.css} +1 -1
  46. package/cjs/index.css +16 -16
  47. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
  48. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  49. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -11
  50. package/emotion/cjs/components/NumberInput/NumberInput.js +1 -0
  51. package/emotion/cjs/components/Popover/Popover.js +9 -23
  52. package/emotion/cjs/components/Popover/Popover.styles.js +4 -4
  53. package/emotion/cjs/components/Popover/Popover.tokens.js +1 -3
  54. package/emotion/cjs/components/Tooltip/Tooltip.js +3 -3
  55. package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
  56. package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
  57. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
  58. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  59. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -11
  60. package/emotion/es/components/NumberInput/NumberInput.js +1 -0
  61. package/emotion/es/components/Popover/Popover.js +9 -23
  62. package/emotion/es/components/Popover/Popover.styles.js +4 -4
  63. package/emotion/es/components/Popover/Popover.tokens.js +1 -3
  64. package/emotion/es/components/Tooltip/Tooltip.js +5 -5
  65. package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
  66. package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
  67. package/es/components/Accordion/Accordion.tokens.js +1 -4
  68. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  69. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  70. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  71. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  72. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
  73. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  74. package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_1yw1mrq.css → AccordionItem.styles_56cr5h.css} +2 -2
  75. package/es/components/Autocomplete/Autocomplete.css +5 -5
  76. package/es/components/Combobox/ComboboxNew/Combobox.css +5 -5
  77. package/es/components/Combobox/ComboboxOld/Combobox.css +4 -4
  78. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  79. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  80. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  81. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  82. package/es/components/DatePicker/RangeDate/RangeDate.css +5 -5
  83. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
  84. package/es/components/DatePicker/SingleDate/SingleDate.css +5 -5
  85. package/es/components/Dropdown/Dropdown.css +4 -4
  86. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  87. package/es/components/NumberInput/NumberInput.js +1 -0
  88. package/es/components/NumberInput/NumberInput.js.map +1 -1
  89. package/es/components/Pagination/Pagination.css +5 -5
  90. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  91. package/es/components/Popover/Popover.css +4 -4
  92. package/es/components/Popover/Popover.js +9 -23
  93. package/es/components/Popover/Popover.js.map +1 -1
  94. package/es/components/Popover/Popover.styles.js +1 -1
  95. package/es/components/Popover/Popover.styles.js.map +1 -1
  96. package/es/components/Popover/Popover.styles_gh4xvw.css +4 -0
  97. package/es/components/Popover/Popover.tokens.js +1 -3
  98. package/es/components/Popover/Popover.tokens.js.map +1 -1
  99. package/es/components/Range/Range.css +5 -5
  100. package/es/components/Select/Select.css +5 -5
  101. package/es/components/Select/ui/Target/Target.css +5 -5
  102. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
  103. package/es/components/Slider/Slider.css +5 -5
  104. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
  105. package/es/components/TextArea/ui/Hint/Hint.css +5 -5
  106. package/es/components/TextField/ui/Hint/Hint.css +5 -5
  107. package/es/components/Tooltip/Tooltip.js +4 -3
  108. package/es/components/Tooltip/Tooltip.js.map +1 -1
  109. package/es/components/Tooltip/Tooltip.tokens.js +4 -1
  110. package/es/components/Tooltip/Tooltip.tokens.js.map +1 -1
  111. package/{cjs/components/Tooltip/Tooltip_1qsg6ij.css → es/components/Tooltip/Tooltip_aay375.css} +1 -1
  112. package/es/index.css +16 -16
  113. package/package.json +4 -4
  114. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
  115. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  116. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  117. package/styled-components/cjs/components/NumberInput/NumberInput.js +1 -0
  118. package/styled-components/cjs/components/Popover/Popover.js +9 -23
  119. package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
  120. package/styled-components/cjs/components/Popover/Popover.tokens.js +1 -3
  121. package/styled-components/cjs/components/Tooltip/Tooltip.js +3 -3
  122. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
  123. package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
  124. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
  125. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -2
  126. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  127. package/styled-components/es/components/NumberInput/NumberInput.js +1 -0
  128. package/styled-components/es/components/Popover/Popover.js +9 -23
  129. package/styled-components/es/components/Popover/Popover.styles.js +2 -2
  130. package/styled-components/es/components/Popover/Popover.tokens.js +1 -3
  131. package/styled-components/es/components/Tooltip/Tooltip.js +5 -5
  132. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -1
  133. package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +0 -1
  134. package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
  135. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  136. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  137. package/types/components/NumberInput/NumberInput.d.ts.map +1 -1
  138. package/types/components/Popover/Popover.d.ts.map +1 -1
  139. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  140. package/types/components/Popover/Popover.tokens.d.ts +0 -2
  141. package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
  142. package/types/components/Popover/Popover.types.d.ts +0 -4
  143. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  144. package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
  145. package/cjs/components/Popover/Popover.styles_15l7isk.css +0 -4
  146. package/es/components/Popover/Popover.styles_15l7isk.css +0 -4
@@ -13,7 +13,7 @@ var _Portal = /*#__PURE__*/require("../Portal");
13
13
  var _base = /*#__PURE__*/require("./variations/_view/base");
14
14
  var _Popover = /*#__PURE__*/require("./Popover.styles");
15
15
  var _Popover2 = /*#__PURE__*/require("./Popover.tokens");
16
- var _excluded = ["target", "children", "animated", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
16
+ var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -43,7 +43,6 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
43
43
  var _placement$;
44
44
  var target = _ref.target,
45
45
  children = _ref.children,
46
- animated = _ref.animated,
47
46
  isOpen = _ref.isOpen,
48
47
  opened = _ref.opened,
49
48
  _ref$trigger = _ref.trigger,
@@ -83,15 +82,13 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
83
82
  var _useState3 = (0, _react.useState)(false),
84
83
  _useState4 = _slicedToArray(_useState3, 2),
85
84
  forceRender = _useState4[1];
86
- var _useState5 = (0, _react.useState)(innerIsOpen),
87
- _useState6 = _slicedToArray(_useState5, 2),
88
- shouldRender = _useState6[0],
89
- setShouldRender = _useState6[1];
90
85
  var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
91
86
  var isAutoArray = Array.isArray(placement);
92
87
  var isAuto = isAutoArray || placement.startsWith('auto');
93
- var openClass = innerIsOpen && shouldRender ? _Popover2.classes.open : undefined;
94
- var animatedClass = animated ? _Popover2.classes.animate : undefined;
88
+ var initialStyles = {
89
+ visibility: innerIsOpen ? 'visible' : 'hidden',
90
+ opacity: innerIsOpen ? 1 : 0
91
+ };
95
92
  var _usePopper = (0, _reactPopper.usePopper)(rootRef.current, popoverRef.current, {
96
93
  // TODO: #1121
97
94
  // eslint-disable-next-line no-nested-ternary
@@ -219,16 +216,6 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
219
216
  */
220
217
  Promise.resolve().then(forceUpdate);
221
218
  }, [innerIsOpen, children, forceUpdate]);
222
- var handleTransitionEnd = function handleTransitionEnd() {
223
- if (!innerIsOpen) {
224
- setShouldRender(false);
225
- }
226
- };
227
- (0, _react.useEffect)(function () {
228
- if (innerIsOpen) {
229
- setShouldRender(true);
230
- }
231
- }, [innerIsOpen]);
232
219
  return /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
233
220
  container: portalContainer,
234
221
  disabled: /*#__PURE__*/(0, _react.isValidElement)(target)
@@ -248,12 +235,11 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
248
235
  view: view,
249
236
  className: className
250
237
  }, rest), /*#__PURE__*/_react["default"].createElement(_Popover.StyledPopover, _extends({}, attributes.popper, {
251
- onTransitionEnd: handleTransitionEnd,
252
- className: (0, _utils.cx)(_Popover2.classes.root, openClass, animatedClass),
238
+ className: _Popover2.classes.root,
253
239
  ref: popoverForkRef,
254
- style: _objectSpread(_objectSpread({}, styles.popper), {}, {
255
- display: shouldRender || innerIsOpen ? 'block' : 'none'
256
- }),
240
+ style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
241
+ display: innerIsOpen ? 'block' : 'none'
242
+ }), initialStyles),
257
243
  zIndex: zIndex
258
244
  }), hasArrow && /*#__PURE__*/_react["default"].createElement(_Popover.StyledArrow, _extends({
259
245
  className: _Popover2.classes.arrow,
@@ -19,7 +19,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"
19
19
  })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskImage), /*#__PURE__*/String(_Popover.tokens.arrowBackground));
20
20
  var StyledPopover = exports.StyledPopover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-tnpyex-3"
22
- })(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
22
+ })(["position:absolute;z-index:", ";&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
23
23
  var zIndex = _ref.zIndex;
24
24
  return zIndex || _utils.DEFAULT_Z_INDEX;
25
- }, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight));
25
+ }, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight));
@@ -9,9 +9,7 @@ var classes = exports.classes = {
9
9
  root: 'popover-root',
10
10
  target: 'popover-target',
11
11
  arrow: 'popover-arrow',
12
- targetAsRef: 'popover-target-as-ref',
13
- open: 'popover-open',
14
- animate: 'popover-animate'
12
+ targetAsRef: 'popover-target-as-ref'
15
13
  };
16
14
  var tokens = exports.tokens = {
17
15
  arrowMaskWidth: '--plasma-popover-arrow-mask-width',
@@ -34,7 +34,7 @@ var getStringValue = function getStringValue(value) {
34
34
  var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
35
35
  var StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
36
36
  componentId: "plasma-new-hope__sc-dj06kz-0"
37
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Popover.popoverTokens.arrowMaskWidth, _Tooltip2.tokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Tooltip2.tokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Tooltip2.tokens.arrowMaskImage, _Popover.popoverTokens.arrowBackground, _Tooltip2.tokens.arrowBackground, _Popover.popoverTokens.arrowHeight, _Tooltip2.tokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Tooltip2.tokens.arrowEdgeMargin);
37
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", " .", "{transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}"], _Popover.popoverTokens.arrowMaskWidth, _Tooltip2.tokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Tooltip2.tokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Tooltip2.tokens.arrowMaskImage, _Popover.popoverTokens.arrowBackground, _Tooltip2.tokens.arrowBackground, _Popover.popoverTokens.arrowHeight, _Tooltip2.tokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Tooltip2.tokens.arrowEdgeMargin, _Tooltip2.classes.animated, _Popover.popoverClasses.root);
38
38
 
39
39
  /**
40
40
  * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.
@@ -91,6 +91,7 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
91
91
  var innerIsOpen = Boolean(isVisible || isOpen || opened);
92
92
  var innerHasArrow = arrow || hasArrow;
93
93
  var showTooltip = innerIsOpen && Boolean(text);
94
+ var animatedClass = animated ? _Tooltip2.classes.animated : undefined;
94
95
  (0, _react.useEffect)(function () {
95
96
  var onKeyDown = function onKeyDown(event) {
96
97
  if (event.keyCode === ESCAPE_KEYCODE) {
@@ -141,8 +142,7 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
141
142
  "aria-hidden": !innerIsOpen,
142
143
  "aria-live": "polite",
143
144
  role: "tooltip",
144
- animated: animated,
145
- className: (0, _utils.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString())
145
+ className: (0, _utils.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString(), animatedClass)
146
146
  }, (trigger === 'hover' || trigger === 'click') && {
147
147
  trigger: trigger,
148
148
  onToggle: onToggle
@@ -67,7 +67,6 @@ const meta: Meta<typeof Popover> = {
67
67
  skidding: 0,
68
68
  distance: 6,
69
69
  hasArrow: true,
70
- animated: true,
71
70
  },
72
71
  };
73
72
 
@@ -66,7 +66,6 @@ const meta: Meta<typeof Popover> = {
66
66
  isFocusTrapped: true,
67
67
  skidding: 0,
68
68
  distance: 6,
69
- animated: true,
70
69
  },
71
70
  };
72
71
 
@@ -24,10 +24,7 @@ export var tokens = {
24
24
  accordionItemBorder: '--plasma-accordion-item-border',
25
25
  accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
26
26
  accordionItemIconColor: '--plasma-accordion-item-color-icon',
27
- accordionItemIconSize: '--plasma-accordion-item-icon-size',
28
- accordionItemHeaderLeftGap: '--plasma-accordion-item-header-left-gap',
29
- accordionItemHeaderLeftGapDefault: '--plasma-accordion-item-header-left-gap-default',
30
- accordionItemHeaderLeftGapClear: '--plasma-accordion-item-header-left-gap-clear',
27
+ accordionItemIconSize: '--plasma-accordion-item-icon-szie',
31
28
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
32
29
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
33
30
  accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
@@ -68,7 +68,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
68
68
  sizeCustomProperty: tokens.accordionItemIconSize
69
69
  }), /*#__PURE__*/React.createElement(StyledMinus, {
70
70
  size: "xs",
71
- color: "inherit",
71
+ color: "inhert",
72
72
  className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : classes.accordionPlusAnimationElement,
73
73
  sizeCustomProperty: tokens.accordionItemIconSize
74
74
  }));
@@ -100,7 +100,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
100
100
  }, /*#__PURE__*/React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(StyledAccordionContentLeft, {
101
101
  ref: leftContentRef,
102
102
  className: leftContentRotate
103
- }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), contentRight || rightContent && /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
103
+ }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), contentRight || /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
104
104
  className: rightContentRotate
105
105
  }, rightContent && rightContent)), /*#__PURE__*/React.createElement(StyledAccordionBodyAnimate, {
106
106
  "aria-labelledby": "accordion-item-".concat(key),
@@ -15,7 +15,7 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
15
15
  }));
16
16
  export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
17
17
  componentId: "plasma-new-hope__sc-20ij9z-2"
18
- })(["display:flex;gap:var(", ",var(", "));justify-content:space-between;align-items:center;"], tokens.accordionItemHeaderLeftGap, tokens.accordionItemGap);
18
+ })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], tokens.accordionItemGap);
19
19
  export var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-20ij9z-3"
21
21
  })(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
@@ -73,6 +73,7 @@ export var numberInputRoot = function numberInputRoot(Root) {
73
73
  _useState6 = _slicedToArray(_useState5, 2),
74
74
  isAnimationRun = _useState6[0],
75
75
  setIsAnimationRun = _useState6[1];
76
+ console.log('innerValue', innerValue);
76
77
  var innerWidth = width ? getSizeValueFromProp(width) : '100%';
77
78
  var actionIconSize = size === 'xs' ? 'xs' : 's';
78
79
  var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
@@ -1,4 +1,4 @@
1
- var _excluded = ["target", "children", "animated", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
1
+ var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -35,7 +35,6 @@ export var popoverRoot = function popoverRoot(Root) {
35
35
  var _placement$;
36
36
  var target = _ref.target,
37
37
  children = _ref.children,
38
- animated = _ref.animated,
39
38
  isOpen = _ref.isOpen,
40
39
  opened = _ref.opened,
41
40
  _ref$trigger = _ref.trigger,
@@ -75,15 +74,13 @@ export var popoverRoot = function popoverRoot(Root) {
75
74
  var _useState3 = useState(false),
76
75
  _useState4 = _slicedToArray(_useState3, 2),
77
76
  forceRender = _useState4[1];
78
- var _useState5 = useState(innerIsOpen),
79
- _useState6 = _slicedToArray(_useState5, 2),
80
- shouldRender = _useState6[0],
81
- setShouldRender = _useState6[1];
82
77
  var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
83
78
  var isAutoArray = Array.isArray(placement);
84
79
  var isAuto = isAutoArray || placement.startsWith('auto');
85
- var openClass = innerIsOpen && shouldRender ? classes.open : undefined;
86
- var animatedClass = animated ? classes.animate : undefined;
80
+ var initialStyles = {
81
+ visibility: innerIsOpen ? 'visible' : 'hidden',
82
+ opacity: innerIsOpen ? 1 : 0
83
+ };
87
84
  var _usePopper = usePopper(rootRef.current, popoverRef.current, {
88
85
  // TODO: #1121
89
86
  // eslint-disable-next-line no-nested-ternary
@@ -211,16 +208,6 @@ export var popoverRoot = function popoverRoot(Root) {
211
208
  */
212
209
  Promise.resolve().then(forceUpdate);
213
210
  }, [innerIsOpen, children, forceUpdate]);
214
- var handleTransitionEnd = function handleTransitionEnd() {
215
- if (!innerIsOpen) {
216
- setShouldRender(false);
217
- }
218
- };
219
- useEffect(function () {
220
- if (innerIsOpen) {
221
- setShouldRender(true);
222
- }
223
- }, [innerIsOpen]);
224
211
  return /*#__PURE__*/React.createElement(Portal, {
225
212
  container: portalContainer,
226
213
  disabled: /*#__PURE__*/isValidElement(target)
@@ -240,12 +227,11 @@ export var popoverRoot = function popoverRoot(Root) {
240
227
  view: view,
241
228
  className: className
242
229
  }, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
243
- onTransitionEnd: handleTransitionEnd,
244
- className: cx(classes.root, openClass, animatedClass),
230
+ className: classes.root,
245
231
  ref: popoverForkRef,
246
- style: _objectSpread(_objectSpread({}, styles.popper), {}, {
247
- display: shouldRender || innerIsOpen ? 'block' : 'none'
248
- }),
232
+ style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
233
+ display: innerIsOpen ? 'block' : 'none'
234
+ }), initialStyles),
249
235
  zIndex: zIndex
250
236
  }), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
251
237
  className: classes.arrow,
@@ -12,7 +12,7 @@ export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
12
12
  })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskImage), /*#__PURE__*/String(tokens.arrowBackground));
13
13
  export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
14
14
  componentId: "plasma-new-hope__sc-tnpyex-3"
15
- })(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
15
+ })(["position:absolute;z-index:", ";&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
16
16
  var zIndex = _ref.zIndex;
17
17
  return zIndex || DEFAULT_Z_INDEX;
18
- }, classes.animate, classes.open, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight));
18
+ }, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight));
@@ -3,9 +3,7 @@ export var classes = {
3
3
  root: 'popover-root',
4
4
  target: 'popover-target',
5
5
  arrow: 'popover-arrow',
6
- targetAsRef: 'popover-target-as-ref',
7
- open: 'popover-open',
8
- animate: 'popover-animate'
6
+ targetAsRef: 'popover-target-as-ref'
9
7
  };
10
8
  export var tokens = {
11
9
  arrowMaskWidth: '--plasma-popover-arrow-mask-width',
@@ -11,12 +11,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
11
11
  import React, { useEffect, forwardRef, useState, useRef } from 'react';
12
12
  import styled from 'styled-components';
13
13
  import { component } from '../../engines';
14
- import { popoverConfig, popoverTokens } from '../Popover';
14
+ import { popoverClasses, popoverConfig, popoverTokens } from '../Popover';
15
15
  import { cx } from '../../utils';
16
16
  import { StyledContentLeft, TooltipRoot } from './Tooltip.styles';
17
17
  import { base as viewCSS } from './variations/_view/base';
18
18
  import { base as sizeCSS } from './variations/_size/base';
19
- import { tokens } from './Tooltip.tokens';
19
+ import { classes, tokens } from './Tooltip.tokens';
20
20
  var ESCAPE_KEYCODE = 27;
21
21
  var getStringValue = function getStringValue(value) {
22
22
  return typeof value === 'number' ? "".concat(value, "rem") : value;
@@ -24,7 +24,7 @@ var getStringValue = function getStringValue(value) {
24
24
  var Popover = /*#__PURE__*/component(popoverConfig);
25
25
  var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
26
26
  componentId: "plasma-new-hope__sc-dj06kz-0"
27
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], popoverTokens.arrowMaskWidth, tokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, tokens.arrowMaskHeight, popoverTokens.arrowMaskImage, tokens.arrowMaskImage, popoverTokens.arrowBackground, tokens.arrowBackground, popoverTokens.arrowHeight, tokens.arrowHeight, popoverTokens.arrowEdgeMargin, tokens.arrowEdgeMargin);
27
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", " .", "{transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}"], popoverTokens.arrowMaskWidth, tokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, tokens.arrowMaskHeight, popoverTokens.arrowMaskImage, tokens.arrowMaskImage, popoverTokens.arrowBackground, tokens.arrowBackground, popoverTokens.arrowHeight, tokens.arrowHeight, popoverTokens.arrowEdgeMargin, tokens.arrowEdgeMargin, classes.animated, popoverClasses.root);
28
28
 
29
29
  /**
30
30
  * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.
@@ -81,6 +81,7 @@ export var tooltipRoot = function tooltipRoot(Root) {
81
81
  var innerIsOpen = Boolean(isVisible || isOpen || opened);
82
82
  var innerHasArrow = arrow || hasArrow;
83
83
  var showTooltip = innerIsOpen && Boolean(text);
84
+ var animatedClass = animated ? classes.animated : undefined;
84
85
  useEffect(function () {
85
86
  var onKeyDown = function onKeyDown(event) {
86
87
  if (event.keyCode === ESCAPE_KEYCODE) {
@@ -131,8 +132,7 @@ export var tooltipRoot = function tooltipRoot(Root) {
131
132
  "aria-hidden": !innerIsOpen,
132
133
  "aria-live": "polite",
133
134
  role: "tooltip",
134
- animated: animated,
135
- className: cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString())
135
+ className: cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString(), animatedClass)
136
136
  }, (trigger === 'hover' || trigger === 'click') && {
137
137
  trigger: trigger,
138
138
  onToggle: onToggle
@@ -67,7 +67,6 @@ const meta: Meta<typeof Popover> = {
67
67
  skidding: 0,
68
68
  distance: 6,
69
69
  hasArrow: true,
70
- animated: true,
71
70
  },
72
71
  };
73
72
 
@@ -66,7 +66,6 @@ const meta: Meta<typeof Popover> = {
66
66
  isFocusTrapped: true,
67
67
  skidding: 0,
68
68
  distance: 6,
69
- animated: true,
70
69
  },
71
70
  };
72
71
 
@@ -25,9 +25,6 @@ export declare const tokens: {
25
25
  accordionItemBorderBottom: string;
26
26
  accordionItemIconColor: string;
27
27
  accordionItemIconSize: string;
28
- accordionItemHeaderLeftGap: string;
29
- accordionItemHeaderLeftGapDefault: string;
30
- accordionItemHeaderLeftGapClear: string;
31
28
  accordionItemTitleColor: string;
32
29
  accordionItemTitleFontFamily: string;
33
30
  accordionItemTitleFontSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClB,CAAC"}
1
+ {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAwHzB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAuHzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAYlF,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC,8FAsLhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAxLQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwNpF,CAAC"}
1
+ {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAYlF,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC,8FAwLhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA1LQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0NpF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAgRpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAlRQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA+RxE,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAKpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAoQpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAtQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAmRxE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAmJzB,CAAC"}
1
+ {"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAuIzB,CAAC"}
@@ -4,8 +4,6 @@ export declare const classes: {
4
4
  target: string;
5
5
  arrow: string;
6
6
  targetAsRef: string;
7
- open: string;
8
- animate: string;
9
7
  };
10
8
  export declare const tokens: {
11
9
  arrowMaskWidth: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
1
+ {"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
@@ -79,10 +79,6 @@ export declare type CustomPopoverProps = {
79
79
  * false
80
80
  */
81
81
  usePortal?: boolean;
82
- /**
83
- * Анимированное появление Popover
84
- */
85
- animated?: boolean;
86
82
  view?: string;
87
83
  };
88
84
  export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps;
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
1
+ {"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuB/C;;GAEG;AAEH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,wFA4H7F,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA9HQ,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;CA+IjG,CAAC"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA2B/C;;GAEG;AAEH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,wFA6H7F,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA/HQ,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;CAgJjG,CAAC"}
@@ -1,4 +0,0 @@
1
- .s1g1xbt5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
2
- .s12xwbyh{display:inline-block;}.s12xwbyh.popover-target-as-ref{position:absolute;top:0;left:0;width:100%;height:100%;}.s12xwbyh.popover-target-as-ref .s1g1xbt5{width:100%;height:100%;display:block;}
3
- .s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .s16xlixz{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.s16xlixz.popover-animate{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.s16xlixz.popover-open{opacity:1;visibility:visible;}.s16xlixz:before{content:'';display:block;position:absolute;background:transparent;}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left-start'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-start'] > .popover-arrow{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='left-end'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-end'] > .popover-arrow{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top']:before,.s16xlixz[data-popper-placement^='top-start']:before,.s16xlixz[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom']:before,.s16xlixz[data-popper-placement^='bottom-start']:before,.s16xlixz[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.s16xlixz[data-popper-placement^='left']:before,.s16xlixz[data-popper-placement^='left-start']:before,.s16xlixz[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.s16xlixz[data-popper-placement^='right']:before,.s16xlixz[data-popper-placement^='right-start']:before,.s16xlixz[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
@@ -1,4 +0,0 @@
1
- .s1g1xbt5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
2
- .s12xwbyh{display:inline-block;}.s12xwbyh.popover-target-as-ref{position:absolute;top:0;left:0;width:100%;height:100%;}.s12xwbyh.popover-target-as-ref .s1g1xbt5{width:100%;height:100%;display:block;}
3
- .s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .s16xlixz{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.s16xlixz.popover-animate{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.s16xlixz.popover-open{opacity:1;visibility:visible;}.s16xlixz:before{content:'';display:block;position:absolute;background:transparent;}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left-start'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-start'] > .popover-arrow{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='left-end'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-end'] > .popover-arrow{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top']:before,.s16xlixz[data-popper-placement^='top-start']:before,.s16xlixz[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom']:before,.s16xlixz[data-popper-placement^='bottom-start']:before,.s16xlixz[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.s16xlixz[data-popper-placement^='left']:before,.s16xlixz[data-popper-placement^='left-start']:before,.s16xlixz[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.s16xlixz[data-popper-placement^='right']:before,.s16xlixz[data-popper-placement^='right-start']:before,.s16xlixz[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}