@salutejs/plasma-new-hope 0.336.0-dev.0 → 0.336.1-canary.2007.18029413747.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 (121) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +2 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -2
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
  6. package/cjs/components/InformationWrapper/InformationWrapper.css +2 -2
  7. package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -2
  8. package/cjs/components/Modal/Modal.js +4 -2
  9. package/cjs/components/Modal/Modal.js.map +1 -1
  10. package/cjs/components/Note/Note.css +1 -1
  11. package/cjs/components/Note/Note.js +1 -1
  12. package/cjs/components/Note/Note.js.map +1 -1
  13. package/cjs/components/Note/variations/_size/base.js +1 -1
  14. package/cjs/components/Note/variations/_size/base.js.map +1 -1
  15. package/cjs/components/Note/variations/_size/{base_111wwzs.css → base_12cn7f7.css} +1 -1
  16. package/cjs/components/Pagination/Pagination.css +2 -2
  17. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  18. package/cjs/components/Range/Range.css +2 -2
  19. package/cjs/components/Select/Select.css +2 -2
  20. package/cjs/components/Select/ui/Target/Target.css +2 -2
  21. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  22. package/cjs/components/Slider/Slider.css +2 -2
  23. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  24. package/cjs/components/Table/Table.css +2 -2
  25. package/cjs/components/Table/ui/Cell/Cell.css +2 -2
  26. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
  27. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
  28. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  29. package/cjs/components/TextArea/ui/Hint/Hint.css +2 -2
  30. package/cjs/components/TextField/ui/Hint/Hint.css +2 -2
  31. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
  32. package/cjs/components/Tooltip/Tooltip.styles.js +5 -5
  33. package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
  34. package/cjs/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
  35. package/cjs/hooks/useFocusTrap.js +11 -5
  36. package/cjs/hooks/useFocusTrap.js.map +1 -1
  37. package/cjs/index.css +3 -3
  38. package/cjs/utils/scopeTab.js +2 -2
  39. package/cjs/utils/scopeTab.js.map +1 -1
  40. package/emotion/cjs/components/Modal/Modal.js +3 -2
  41. package/emotion/cjs/components/Note/Note.js +1 -1
  42. package/emotion/cjs/components/Note/variations/_size/base.js +1 -1
  43. package/emotion/cjs/components/Tooltip/Tooltip.styles.js +5 -5
  44. package/emotion/cjs/hooks/useFocusTrap.js +12 -5
  45. package/emotion/cjs/utils/scopeTab.js +2 -2
  46. package/emotion/es/components/Modal/Modal.js +3 -2
  47. package/emotion/es/components/Note/Note.js +1 -1
  48. package/emotion/es/components/Note/variations/_size/base.js +1 -1
  49. package/emotion/es/components/Tooltip/Tooltip.styles.js +5 -5
  50. package/emotion/es/hooks/useFocusTrap.js +12 -5
  51. package/emotion/es/utils/scopeTab.js +2 -2
  52. package/es/components/Autocomplete/Autocomplete.css +2 -2
  53. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -2
  54. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  55. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  56. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  57. package/es/components/InformationWrapper/InformationWrapper.css +2 -2
  58. package/es/components/InformationWrapper/ui/Label/Label.css +2 -2
  59. package/es/components/Modal/Modal.js +4 -2
  60. package/es/components/Modal/Modal.js.map +1 -1
  61. package/es/components/Note/Note.css +1 -1
  62. package/es/components/Note/Note.js +1 -1
  63. package/es/components/Note/Note.js.map +1 -1
  64. package/es/components/Note/variations/_size/base.js +1 -1
  65. package/es/components/Note/variations/_size/base.js.map +1 -1
  66. package/es/components/Note/variations/_size/{base_111wwzs.css → base_12cn7f7.css} +1 -1
  67. package/es/components/Pagination/Pagination.css +2 -2
  68. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  69. package/es/components/Range/Range.css +2 -2
  70. package/es/components/Select/Select.css +2 -2
  71. package/es/components/Select/ui/Target/Target.css +2 -2
  72. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  73. package/es/components/Slider/Slider.css +2 -2
  74. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  75. package/es/components/Table/Table.css +2 -2
  76. package/es/components/Table/ui/Cell/Cell.css +2 -2
  77. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
  78. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
  79. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  80. package/es/components/TextArea/ui/Hint/Hint.css +2 -2
  81. package/es/components/TextField/ui/Hint/Hint.css +2 -2
  82. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
  83. package/es/components/Tooltip/Tooltip.styles.js +5 -5
  84. package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
  85. package/es/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
  86. package/es/hooks/useFocusTrap.js +11 -5
  87. package/es/hooks/useFocusTrap.js.map +1 -1
  88. package/es/index.css +3 -3
  89. package/es/utils/scopeTab.js +2 -2
  90. package/es/utils/scopeTab.js.map +1 -1
  91. package/package.json +5 -5
  92. package/styled-components/cjs/components/Modal/Modal.js +3 -2
  93. package/styled-components/cjs/components/Note/Note.js +1 -1
  94. package/styled-components/cjs/components/Note/variations/_size/base.js +1 -1
  95. package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +9 -9
  96. package/styled-components/cjs/hooks/useFocusTrap.js +12 -5
  97. package/styled-components/cjs/utils/scopeTab.js +2 -2
  98. package/styled-components/es/components/Modal/Modal.js +3 -2
  99. package/styled-components/es/components/Note/Note.js +1 -1
  100. package/styled-components/es/components/Note/variations/_size/base.js +1 -1
  101. package/styled-components/es/components/Tooltip/Tooltip.styles.js +9 -9
  102. package/styled-components/es/hooks/useFocusTrap.js +12 -5
  103. package/styled-components/es/utils/scopeTab.js +2 -2
  104. package/types/components/Avatar/Avatar.types.d.ts +26 -1
  105. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  106. package/types/components/Modal/Modal.d.ts.map +1 -1
  107. package/types/components/Modal/Modal.types.d.ts +5 -0
  108. package/types/components/Modal/Modal.types.d.ts.map +1 -1
  109. package/types/components/Note/Note.d.ts +4 -4
  110. package/types/components/Note/Note.d.ts.map +1 -1
  111. package/types/components/Note/Note.types.d.ts +2 -2
  112. package/types/components/Note/Note.types.d.ts.map +1 -1
  113. package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  114. package/types/examples/components/Avatar/Avatar.d.ts +4 -4
  115. package/types/examples/components/Note/Note.d.ts +2 -2
  116. package/types/hooks/useFocusTrap.d.ts +1 -1
  117. package/types/hooks/useFocusTrap.d.ts.map +1 -1
  118. package/types/utils/scopeTab.d.ts +1 -1
  119. package/types/utils/scopeTab.d.ts.map +1 -1
  120. package/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
  121. package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.336.0-dev.0",
3
+ "version": "0.336.1-canary.2007.18029413747.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,8 +79,8 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.208.0-dev.0",
83
- "@salutejs/plasma-themes": "0.38.0-dev.0",
82
+ "@salutejs/plasma-sb-utils": "0.208.0",
83
+ "@salutejs/plasma-themes": "0.38.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
86
86
  "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.208.0-dev.0",
120
+ "@salutejs/plasma-core": "1.208.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "0970b1354a662c44c6ba728d7d5a7c34b4a1f00a"
140
+ "gitHead": "b47ed46802fe2c1a87d7193edeeac25df0499b13"
141
141
  }
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
130
130
  var Popup = (0, _engines.component)(_Popup.popupConfig);
131
131
  var modalRoot = function(Root) {
132
132
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
133
- var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
133
+ var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
134
134
  "id",
135
135
  "withAnimation",
136
136
  "onClose",
@@ -139,6 +139,7 @@ var modalRoot = function(Root) {
139
139
  "closeOnEsc",
140
140
  "closeOnOverlayClick",
141
141
  "withBlur",
142
+ "isFocusTrapped",
142
143
  "initialFocusRef",
143
144
  "focusAfterRef",
144
145
  "zIndex",
@@ -154,7 +155,7 @@ var modalRoot = function(Root) {
154
155
  ]);
155
156
  var innerIsOpen = Boolean(isOpen || opened);
156
157
  var innerHasClose = hasClose === undefined && hasBody || hasClose;
157
- var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
158
+ var trapRef = (0, _hooks.useFocusTrap)(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
158
159
  var popupController = (0, _Popup.usePopupContext)();
159
160
  var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
160
161
  var uniqId = (0, _utils.safeUseId)();
@@ -219,7 +219,7 @@ var noteRoot = function(Root) {
219
219
  var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
220
220
  var setTruncatedText = function() {
221
221
  var _titleHelperRef_current;
222
- if (!_utils.canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
222
+ if (!_utils.canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
223
223
  return;
224
224
  }
225
225
  var contentHeight = contentWrapperRef.current.offsetHeight;
@@ -46,5 +46,5 @@ var base = (0, _styledcomponents.css)([
46
46
  ");font-weight:var(",
47
47
  ");letter-spacing:var(",
48
48
  ");line-height:var(",
49
- ");word-break:break-all;}"
49
+ ");overflow-wrap:break-word;}"
50
50
  ], _Notetokens.tokens.padding, _Notetokens.tokens.borderRadius, _Notetokens.privateTokens.height, _Notetokens.privateTokens.width, _Notetokens.tokens.gap, _Notetokens.classes.stretch, _Notestyles.ContentBefore, _Notetokens.tokens.fixedContentBeforeWidth, _Notetokens.tokens.fixedContentBeforeHeight, _Notetokens.tokens.fixedContentBeforePadding, _Notetokens.classes.contentAlignCenter, _Notetokens.tokens.paddingScalable, _Notetokens.tokens.gapScalable, _Notestyles.ContentBefore, _Notestyles.ContentWrapper, _Notetokens.privateTokens.contentWidthWithOffset, _Notetokens.tokens.contentGap, _Notestyles.Title, _Notestyles.TitleHelper, _Notetokens.tokens.titleLineHeight, _Notetokens.tokens.titleFontFamily, _Notetokens.tokens.titleFontSize, _Notetokens.tokens.titleFontStyle, _Notetokens.tokens.titleFontWeight, _Notetokens.tokens.titleLetterSpacing, _Notetokens.tokens.titleLineHeight, _Notestyles.Text, _Notestyles.TextHelper, _Notetokens.tokens.textFontFamily, _Notetokens.tokens.textFontSize, _Notetokens.tokens.textFontStyle, _Notetokens.tokens.textFontWeight, _Notetokens.tokens.textLetterSpacing, _Notetokens.tokens.textLineHeight);
@@ -25,14 +25,16 @@ function _interop_require_default(obj) {
25
25
  }
26
26
  var TooltipRoot = _styledcomponents.default.div.withConfig({
27
27
  displayName: "Tooltip.styles__TooltipRoot",
28
- componentId: "sc-e6446bfb-0"
28
+ componentId: "sc-7a496a90-0"
29
29
  })([
30
- "padding:var(",
30
+ "display:flex;align-items:center;padding:var(",
31
31
  ") var(",
32
32
  ") var(",
33
33
  ") var(",
34
34
  ");min-height:var(",
35
- ");box-sizing:border-box;background-color:var(",
35
+ ");max-width:",
36
+ ";min-width:",
37
+ ";width:max-content;background-color:var(",
36
38
  ");border-radius:var(",
37
39
  ");box-shadow:var(",
38
40
  ");color:var(",
@@ -42,19 +44,17 @@ var TooltipRoot = _styledcomponents.default.div.withConfig({
42
44
  ");font-weight:var(",
43
45
  ");letter-spacing:var(",
44
46
  ");line-height:var(",
45
- ");max-width:",
46
- ";min-width:",
47
- ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
48
- ], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight, function(param) {
47
+ ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
48
+ ], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, function(param) {
49
49
  var maxWidth = param.maxWidth;
50
50
  return maxWidth || 'unset';
51
51
  }, function(param) {
52
52
  var minWidth = param.minWidth;
53
53
  return minWidth || 'unset';
54
- });
54
+ }, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight);
55
55
  var StyledContentLeft = _styledcomponents.default.div.withConfig({
56
56
  displayName: "Tooltip.styles__StyledContentLeft",
57
- componentId: "sc-e6446bfb-1"
57
+ componentId: "sc-7a496a90-1"
58
58
  })([
59
59
  "display:flex;align-items:center;margin-right:var(",
60
60
  ");height:var(",
@@ -47,14 +47,14 @@ var processNode = function(node, firstFocusSelector, ref) {
47
47
  };
48
48
  var focusManager = new _focusManager.FocusManager();
49
49
  var useFocusTrap = function() {
50
- var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
50
+ var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
51
51
  var ref = (0, _react.useRef)();
52
52
  var setRef = (0, _react.useCallback)(function(node) {
53
53
  if (ref.current) {
54
54
  focusManager.teardownScopedFocus();
55
55
  focusManager.returnFocus();
56
56
  }
57
- if (active && node) {
57
+ if ((active || enableOnFirstMount) && node) {
58
58
  focusManager.setupScopedFocus(node);
59
59
  focusManager.markForFocusAfter(focusAfterNode);
60
60
  // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -73,15 +73,21 @@ var useFocusTrap = function() {
73
73
  ref.current = null;
74
74
  }, [
75
75
  active,
76
+ enableOnFirstMount,
76
77
  firstFocusSelector
77
78
  ]);
78
79
  (0, _react.useEffect)(function() {
79
- if (!active) {
80
+ if (!active && !enableOnFirstMount) {
80
81
  return;
81
82
  }
82
83
  var handleKeyDown = function(event) {
83
84
  if (event.key === 'Tab' && ref.current) {
84
- (0, _scopeTab.scopeTab)(ref.current, event);
85
+ (0, _scopeTab.scopeTab)(ref.current, event, active);
86
+ if (enableOnFirstMount) {
87
+ setTimeout(function() {
88
+ focusManager.teardownScopedFocus();
89
+ });
90
+ }
85
91
  }
86
92
  };
87
93
  document.addEventListener('keydown', handleKeyDown);
@@ -89,7 +95,8 @@ var useFocusTrap = function() {
89
95
  document.removeEventListener('keydown', handleKeyDown);
90
96
  };
91
97
  }, [
92
- active
98
+ active,
99
+ enableOnFirstMount
93
100
  ]);
94
101
  return setRef;
95
102
  };
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "scopeTab", {
9
9
  }
10
10
  });
11
11
  var _tabbable = require("./tabbable");
12
- var scopeTab = function(node, event) {
12
+ var scopeTab = function(node, event, activeFocusTrap) {
13
13
  var tabbable = (0, _tabbable.findTabbableDescendants)(node);
14
14
  if (!tabbable.length) {
15
15
  event.preventDefault();
@@ -19,7 +19,7 @@ var scopeTab = function(node, event) {
19
19
  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
20
20
  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
21
21
  // если не является, то передаем обработку таба самому браузеру
22
- if (!leavingFinalTabbable) {
22
+ if (!leavingFinalTabbable || !activeFocusTrap) {
23
23
  return;
24
24
  }
25
25
  // иначе зацкливаемся
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
74
74
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
75
75
  */ export var modalRoot = function(Root) {
76
76
  return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
77
- var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
77
+ var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
78
78
  "id",
79
79
  "withAnimation",
80
80
  "onClose",
@@ -83,6 +83,7 @@ var Popup = component(popupConfig);
83
83
  "closeOnEsc",
84
84
  "closeOnOverlayClick",
85
85
  "withBlur",
86
+ "isFocusTrapped",
86
87
  "initialFocusRef",
87
88
  "focusAfterRef",
88
89
  "zIndex",
@@ -98,7 +99,7 @@ var Popup = component(popupConfig);
98
99
  ]);
99
100
  var innerIsOpen = Boolean(isOpen || opened);
100
101
  var innerHasClose = hasClose === undefined && hasBody || hasClose;
101
- var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
102
+ var trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
102
103
  var popupController = usePopupContext();
103
104
  var innerRef = useForkRef(trapRef, outerRootRef);
104
105
  var uniqId = safeUseId();
@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
160
160
  var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
161
161
  var setTruncatedText = function() {
162
162
  var _titleHelperRef_current;
163
- if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
163
+ if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
164
164
  return;
165
165
  }
166
166
  var contentHeight = contentWrapperRef.current.offsetHeight;
@@ -36,5 +36,5 @@ export var base = css([
36
36
  ");font-weight:var(",
37
37
  ");letter-spacing:var(",
38
38
  ");line-height:var(",
39
- ");word-break:break-all;}"
39
+ ");overflow-wrap:break-word;}"
40
40
  ], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, tokens.gap, classes.stretch, ContentBefore, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, classes.contentAlignCenter, tokens.paddingScalable, tokens.gapScalable, ContentBefore, ContentWrapper, privateTokens.contentWidthWithOffset, tokens.contentGap, Title, TitleHelper, tokens.titleLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Text, TextHelper, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight);
@@ -2,14 +2,16 @@ import styled from "styled-components";
2
2
  import { tokens } from "./Tooltip.tokens";
3
3
  export var TooltipRoot = styled.div.withConfig({
4
4
  displayName: "Tooltip.styles__TooltipRoot",
5
- componentId: "sc-e6446bfb-0"
5
+ componentId: "sc-7a496a90-0"
6
6
  })([
7
- "padding:var(",
7
+ "display:flex;align-items:center;padding:var(",
8
8
  ") var(",
9
9
  ") var(",
10
10
  ") var(",
11
11
  ");min-height:var(",
12
- ");box-sizing:border-box;background-color:var(",
12
+ ");max-width:",
13
+ ";min-width:",
14
+ ";width:max-content;background-color:var(",
13
15
  ");border-radius:var(",
14
16
  ");box-shadow:var(",
15
17
  ");color:var(",
@@ -19,19 +21,17 @@ export var TooltipRoot = styled.div.withConfig({
19
21
  ");font-weight:var(",
20
22
  ");letter-spacing:var(",
21
23
  ");line-height:var(",
22
- ");max-width:",
23
- ";min-width:",
24
- ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
25
- ], tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, tokens.minHeight, tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textFontLetterSpacing, tokens.textFontLineHeight, function(param) {
24
+ ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
25
+ ], tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, tokens.minHeight, function(param) {
26
26
  var maxWidth = param.maxWidth;
27
27
  return maxWidth || 'unset';
28
28
  }, function(param) {
29
29
  var minWidth = param.minWidth;
30
30
  return minWidth || 'unset';
31
- });
31
+ }, tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textFontLetterSpacing, tokens.textFontLineHeight);
32
32
  export var StyledContentLeft = styled.div.withConfig({
33
33
  displayName: "Tooltip.styles__StyledContentLeft",
34
- componentId: "sc-e6446bfb-1"
34
+ componentId: "sc-7a496a90-1"
35
35
  })([
36
36
  "display:flex;align-items:center;margin-right:var(",
37
37
  ");height:var(",
@@ -39,14 +39,14 @@ var focusManager = new FocusManager();
39
39
  /**
40
40
  * Захватывает фокус внутри DOM node.
41
41
  * */ export var useFocusTrap = function() {
42
- var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
42
+ var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
43
43
  var ref = useRef();
44
44
  var setRef = useCallback(function(node) {
45
45
  if (ref.current) {
46
46
  focusManager.teardownScopedFocus();
47
47
  focusManager.returnFocus();
48
48
  }
49
- if (active && node) {
49
+ if ((active || enableOnFirstMount) && node) {
50
50
  focusManager.setupScopedFocus(node);
51
51
  focusManager.markForFocusAfter(focusAfterNode);
52
52
  // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -65,15 +65,21 @@ var focusManager = new FocusManager();
65
65
  ref.current = null;
66
66
  }, [
67
67
  active,
68
+ enableOnFirstMount,
68
69
  firstFocusSelector
69
70
  ]);
70
71
  useEffect(function() {
71
- if (!active) {
72
+ if (!active && !enableOnFirstMount) {
72
73
  return;
73
74
  }
74
75
  var handleKeyDown = function(event) {
75
76
  if (event.key === 'Tab' && ref.current) {
76
- scopeTab(ref.current, event);
77
+ scopeTab(ref.current, event, active);
78
+ if (enableOnFirstMount) {
79
+ setTimeout(function() {
80
+ focusManager.teardownScopedFocus();
81
+ });
82
+ }
77
83
  }
78
84
  };
79
85
  document.addEventListener('keydown', handleKeyDown);
@@ -81,7 +87,8 @@ var focusManager = new FocusManager();
81
87
  document.removeEventListener('keydown', handleKeyDown);
82
88
  };
83
89
  }, [
84
- active
90
+ active,
91
+ enableOnFirstMount
85
92
  ]);
86
93
  return setRef;
87
94
  };
@@ -3,7 +3,7 @@ import { findTabbableDescendants } from "./tabbable";
3
3
  * Управлление фокусом лишь внутри ноды через tab
4
4
  * @param node
5
5
  * @param event
6
- */ export var scopeTab = function(node, event) {
6
+ */ export var scopeTab = function(node, event, activeFocusTrap) {
7
7
  var tabbable = findTabbableDescendants(node);
8
8
  if (!tabbable.length) {
9
9
  event.preventDefault();
@@ -13,7 +13,7 @@ import { findTabbableDescendants } from "./tabbable";
13
13
  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
14
14
  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
15
15
  // если не является, то передаем обработку таба самому браузеру
16
- if (!leavingFinalTabbable) {
16
+ if (!leavingFinalTabbable || !activeFocusTrap) {
17
17
  return;
18
18
  }
19
19
  // иначе зацкливаемся
@@ -33,13 +33,38 @@ type ExtraCounterProps = {
33
33
  } & Omit<CustomCounterProps, 'size' | 'view' | 'count'>;
34
34
  type ExtraProps = OneOf<ExtraBadgeProps, ExtraCounterProps>;
35
35
  type CustomAvatarProps = {
36
- shape?: 'string';
36
+ /**
37
+ * Форма аватара. Возможные значения: 'circled', 'rounded'.
38
+ * @default circled
39
+ */
40
+ shape?: string;
41
+ /**
42
+ * Размер аватара
43
+ */
37
44
  size?: string;
45
+ /**
46
+ * ФИО человека
47
+ */
38
48
  name?: string;
49
+ /**
50
+ * Ссылка на фотографию
51
+ */
39
52
  url?: string;
53
+ /**
54
+ * Кастомный текст вместо фотографии
55
+ */
40
56
  customText?: string;
57
+ /**
58
+ * Статус профиля
59
+ */
41
60
  status?: 'active' | 'inactive';
61
+ /**
62
+ * Масштабируемый при наведении
63
+ */
42
64
  isScalable?: boolean;
65
+ /**
66
+ * Фокус
67
+ */
43
68
  focused?: boolean;
44
69
  /**
45
70
  * Словарь для озвучивания значений свойства status [a11y]
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IAErB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAiHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgIpE,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAkHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiIpE,CAAC"}
@@ -33,6 +33,11 @@ export interface CommonModalProps extends PopupProps {
33
33
  * Обработчик клика при нажатии вне области модального окна(если не передан, то при нажатии используется onClose).
34
34
  */
35
35
  onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
36
+ /**
37
+ * Фокус элементов будет происходить только внутри модального окна
38
+ * @default true
39
+ */
40
+ isFocusTrapped?: boolean;
36
41
  /**
37
42
  * Первый элемент для фокуса внутри модального окна.
38
43
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
1
+ {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import type { RootProps } from '../../engines';
3
3
  import type { NoteProps } from './Note.types';
4
4
  export declare const noteRoot: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
5
- title?: string;
6
- text?: string;
5
+ title?: React.ReactNode;
6
+ text?: React.ReactNode;
7
7
  contentBefore?: React.ReactNode;
8
8
  contentBeforeSizing?: "fixed" | "scalable";
9
9
  stretch?: boolean;
@@ -18,8 +18,8 @@ export declare const noteConfig: {
18
18
  name: string;
19
19
  tag: string;
20
20
  layout: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
21
- title?: string;
22
- text?: string;
21
+ title?: React.ReactNode;
22
+ text?: React.ReactNode;
23
23
  contentBefore?: React.ReactNode;
24
24
  contentBeforeSizing?: "fixed" | "scalable";
25
25
  stretch?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAwJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1JQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KlE,CAAC"}
1
+ {"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAyJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA3JQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KlE,CAAC"}
@@ -3,11 +3,11 @@ export type NoteProps = {
3
3
  /**
4
4
  * Заголовок к Note.
5
5
  */
6
- title?: string;
6
+ title?: ReactNode;
7
7
  /**
8
8
  * Текст к Note.
9
9
  */
10
- text?: string;
10
+ text?: ReactNode;
11
11
  /**
12
12
  * Слот под иконку слева от контента.
13
13
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,WAAW,0LA8BvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC"}
1
+ {"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,WAAW,0LA6BvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC"}
@@ -71,7 +71,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
71
71
  light: import("@linaria/core").LinariaClassName;
72
72
  };
73
73
  }>, (import("react").HTMLAttributes<HTMLDivElement> & {
74
- shape?: "string";
74
+ shape?: string;
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
@@ -96,7 +96,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
96
96
  count?: undefined;
97
97
  maxCount?: undefined;
98
98
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
99
- shape?: "string";
99
+ shape?: string;
100
100
  size?: string;
101
101
  name?: string;
102
102
  url?: string;
@@ -158,7 +158,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
158
158
  light: import("@linaria/core").LinariaClassName;
159
159
  };
160
160
  }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
161
- shape?: "string";
161
+ shape?: string;
162
162
  size?: string;
163
163
  name?: string;
164
164
  url?: string;
@@ -183,7 +183,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
183
183
  count?: undefined;
184
184
  maxCount?: undefined;
185
185
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
186
- shape?: "string";
186
+ shape?: string;
187
187
  size?: string;
188
188
  name?: string;
189
189
  url?: string;
@@ -13,8 +13,8 @@ export declare const Note: import("react").FunctionComponent<import("../../../en
13
13
  xs: import("@linaria/core").LinariaClassName;
14
14
  };
15
15
  }> & {
16
- title?: string;
17
- text?: string;
16
+ title?: import("react").ReactNode;
17
+ text?: import("react").ReactNode;
18
18
  contentBefore?: import("react").ReactNode;
19
19
  contentBeforeSizing?: "fixed" | "scalable";
20
20
  stretch?: boolean;
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Захватывает фокус внутри DOM node.
3
3
  * */
4
- export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean) => ((instance: HTMLElement | null) => void);
4
+ export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean, enableOnFirstMount?: boolean) => ((instance: HTMLElement | null) => void);
5
5
  //# sourceMappingURL=useFocusTrap.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,KAC9B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAoDzC,CAAC"}
1
+ {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,uBACR,OAAO,KAC7B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CA0DzC,CAAC"}
@@ -3,5 +3,5 @@
3
3
  * @param node
4
4
  * @param event
5
5
  */
6
- export declare const scopeTab: (node: HTMLElement, event: KeyboardEvent) => void;
6
+ export declare const scopeTab: (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => void;
7
7
  //# sourceMappingURL=scopeTab.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,SAsB/D,CAAC"}
1
+ {"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,oBAAoB,OAAO,SAsB1F,CAAC"}
@@ -1,2 +0,0 @@
1
- .teczcv4{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
2
- .s1j361h1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
@@ -1,2 +0,0 @@
1
- .teczcv4{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
2
- .s1j361h1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}