@alfalab/core-components 26.10.0 → 26.11.0

package/toast/component.js

@@ -55,7 +55,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_b4pl0","popoverInner":"toast__popoverInner_b4pl0","block":"toast__block_b4pl0","fixed":"toast__fixed_b4pl0","enter":"toast__enter_b4pl0","enterActive":"toast__enterActive_b4pl0","exit":"toast__exit_b4pl0","exitActive":"toast__exitActive_b4pl0"};
+var styles = {"toastPlate":"toast__toastPlate_1abtd","popoverInner":"toast__popoverInner_1abtd","block":"toast__block_1abtd","fixed":"toast__fixed_1abtd","enter":"toast__enter_1abtd","enterActive":"toast__enterActive_1abtd","exit":"toast__exit_1abtd","exitActive":"toast__exitActive_1abtd"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_b4pl0","popoverInner":"toast__popoverInner_b4pl0","block":"toast__block_b4pl0","fixed":"toast__fixed_b4pl0","enter":"toast__enter_b4pl0","enterActive":"toast__enterActive_b4pl0","exit":"toast__exit_b4pl0","exitActive":"toast__exitActive_b4pl0"};
+var styles = {"toastPlate":"toast__toastPlate_1abtd","popoverInner":"toast__popoverInner_1abtd","block":"toast__block_1abtd","fixed":"toast__fixed_1abtd","enter":"toast__enter_1abtd","enterActive":"toast__enterActive_1abtd","exit":"toast__exit_1abtd","exitActive":"toast__exitActive_1abtd"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kzx2 */
+/* hash: 1xbvx */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,37 +14,37 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_b4pl0 {
+.toast__toastPlate_1abtd {
     box-shadow: var(--toast-box-shadow);
     word-break: break-all;
 }
-.toast__popoverInner_b4pl0 {
+.toast__popoverInner_1abtd {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_b4pl0 {
+.toast__block_1abtd {
     width: 100%;
 }
-.toast__fixed_b4pl0 {
+.toast__fixed_1abtd {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_b4pl0.toast__enter_b4pl0 {
+.toast__fixed_1abtd.toast__enter_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_b4pl0.toast__enterActive_b4pl0 {
+.toast__fixed_1abtd.toast__enterActive_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exit_b4pl0 {
+.toast__fixed_1abtd.toast__exit_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exitActive_b4pl0 {
+.toast__fixed_1abtd.toast__exitActive_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kzx2 */
+/* hash: 1xbvx */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,37 +14,37 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_b4pl0 {
+.toast__toastPlate_1abtd {
     box-shadow: var(--toast-box-shadow);
     word-break: break-all;
 }
-.toast__popoverInner_b4pl0 {
+.toast__popoverInner_1abtd {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_b4pl0 {
+.toast__block_1abtd {
     width: 100%;
 }
-.toast__fixed_b4pl0 {
+.toast__fixed_1abtd {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_b4pl0.toast__enter_b4pl0 {
+.toast__fixed_1abtd.toast__enter_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_b4pl0.toast__enterActive_b4pl0 {
+.toast__fixed_1abtd.toast__enterActive_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exit_b4pl0 {
+.toast__fixed_1abtd.toast__exit_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exitActive_b4pl0 {
+.toast__fixed_1abtd.toast__exitActive_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/modern/component.js

@@ -8,7 +8,7 @@ import { Popover } from '../../popover/modern';
 import { Portal } from '../../portal/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
 
-var styles = {"toastPlate":"toast__toastPlate_b4pl0","popoverInner":"toast__popoverInner_b4pl0","block":"toast__block_b4pl0","fixed":"toast__fixed_b4pl0","enter":"toast__enter_b4pl0","enterActive":"toast__enterActive_b4pl0","exit":"toast__exit_b4pl0","exitActive":"toast__exitActive_b4pl0"};
+var styles = {"toastPlate":"toast__toastPlate_1abtd","popoverInner":"toast__popoverInner_1abtd","block":"toast__block_1abtd","fixed":"toast__fixed_1abtd","enter":"toast__enter_1abtd","enterActive":"toast__enterActive_1abtd","exit":"toast__exit_1abtd","exitActive":"toast__exitActive_1abtd"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kzx2 */
+/* hash: 1xbvx */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,37 +14,37 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_b4pl0 {
+.toast__toastPlate_1abtd {
     box-shadow: var(--toast-box-shadow);
     word-break: break-all;
 }
-.toast__popoverInner_b4pl0 {
+.toast__popoverInner_1abtd {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_b4pl0 {
+.toast__block_1abtd {
     width: 100%;
 }
-.toast__fixed_b4pl0 {
+.toast__fixed_1abtd {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_b4pl0.toast__enter_b4pl0 {
+.toast__fixed_1abtd.toast__enter_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_b4pl0.toast__enterActive_b4pl0 {
+.toast__fixed_1abtd.toast__enterActive_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exit_b4pl0 {
+.toast__fixed_1abtd.toast__exit_1abtd {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_b4pl0.toast__exitActive_b4pl0 {
+.toast__fixed_1abtd.toast__exitActive_1abtd {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast-plate/component.js

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_18kki","hasCloser":"toast-plate__hasCloser_18kki","contentWrap":"toast-plate__contentWrap_18kki","block":"toast-plate__block_18kki","content":"toast-plate__content_18kki","actionSection":"toast-plate__actionSection_18kki","leftAddons":"toast-plate__leftAddons_18kki","title":"toast-plate__title_18kki","children":"toast-plate__children_18kki","closeButton":"toast-plate__closeButton_18kki"};
+var styles = {"component":"toast-plate__component_1u62c","hasCloser":"toast-plate__hasCloser_1u62c","contentWrap":"toast-plate__contentWrap_1u62c","block":"toast-plate__block_1u62c","content":"toast-plate__content_1u62c","actionSection":"toast-plate__actionSection_1u62c","leftAddons":"toast-plate__leftAddons_1u62c","title":"toast-plate__title_1u62c","children":"toast-plate__children_1u62c","closeButton":"toast-plate__closeButton_1u62c"};
 require('./index.css');
 
 var iconDefaultComponents = {

package/toast-plate/esm/component.js

@@ -46,7 +46,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_18kki","hasCloser":"toast-plate__hasCloser_18kki","contentWrap":"toast-plate__contentWrap_18kki","block":"toast-plate__block_18kki","content":"toast-plate__content_18kki","actionSection":"toast-plate__actionSection_18kki","leftAddons":"toast-plate__leftAddons_18kki","title":"toast-plate__title_18kki","children":"toast-plate__children_18kki","closeButton":"toast-plate__closeButton_18kki"};
+var styles = {"component":"toast-plate__component_1u62c","hasCloser":"toast-plate__hasCloser_1u62c","contentWrap":"toast-plate__contentWrap_1u62c","block":"toast-plate__block_1u62c","content":"toast-plate__content_1u62c","actionSection":"toast-plate__actionSection_1u62c","leftAddons":"toast-plate__leftAddons_1u62c","title":"toast-plate__title_1u62c","children":"toast-plate__children_1u62c","closeButton":"toast-plate__closeButton_1u62c"};
 require('./index.css');
 
 var iconDefaultComponents = {

package/toast-plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1emas */
+/* hash: 1tobq */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -607,7 +607,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_18kki {
+.toast-plate__component_1u62c {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -618,55 +618,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_18kki.toast-plate__hasCloser_18kki {
+.toast-plate__component_1u62c.toast-plate__hasCloser_1u62c {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_18kki {
+.toast-plate__contentWrap_1u62c {
     display: flex;
 }
-.toast-plate__block_18kki {
+.toast-plate__block_1u62c {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_18kki {
+.toast-plate__content_1u62c {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_18kki {
+.toast-plate__actionSection_1u62c {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--gap-3xs) 0;
     padding: var(--toast-plate-action-padding)
 }
-.toast-plate__actionSection_18kki:last-child {
+.toast-plate__actionSection_1u62c:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_18kki {
+.toast-plate__leftAddons_1u62c {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_18kki {
+.toast-plate__title_1u62c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_18kki {
+.toast-plate__children_1u62c {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_18kki + .toast-plate__children_18kki {
+.toast-plate__title_1u62c + .toast-plate__children_1u62c {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_18kki {
+.toast-plate__closeButton_1u62c {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -675,10 +675,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki:before {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 1emas */
+/* hash: 1tobq */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -607,7 +607,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_18kki {
+.toast-plate__component_1u62c {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -618,55 +618,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_18kki.toast-plate__hasCloser_18kki {
+.toast-plate__component_1u62c.toast-plate__hasCloser_1u62c {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_18kki {
+.toast-plate__contentWrap_1u62c {
     display: flex;
 }
-.toast-plate__block_18kki {
+.toast-plate__block_1u62c {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_18kki {
+.toast-plate__content_1u62c {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_18kki {
+.toast-plate__actionSection_1u62c {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--gap-3xs) 0;
     padding: var(--toast-plate-action-padding)
 }
-.toast-plate__actionSection_18kki:last-child {
+.toast-plate__actionSection_1u62c:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_18kki {
+.toast-plate__leftAddons_1u62c {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_18kki {
+.toast-plate__title_1u62c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_18kki {
+.toast-plate__children_1u62c {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_18kki + .toast-plate__children_18kki {
+.toast-plate__title_1u62c + .toast-plate__children_1u62c {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_18kki {
+.toast-plate__closeButton_1u62c {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -675,10 +675,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki:before {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/toast-plate/modern/component.js

@@ -7,7 +7,7 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { Button } from '../../button/modern';
 import { Badge } from '../../badge/modern';
 
-var styles = {"component":"toast-plate__component_18kki","hasCloser":"toast-plate__hasCloser_18kki","contentWrap":"toast-plate__contentWrap_18kki","block":"toast-plate__block_18kki","content":"toast-plate__content_18kki","actionSection":"toast-plate__actionSection_18kki","leftAddons":"toast-plate__leftAddons_18kki","title":"toast-plate__title_18kki","children":"toast-plate__children_18kki","closeButton":"toast-plate__closeButton_18kki"};
+var styles = {"component":"toast-plate__component_1u62c","hasCloser":"toast-plate__hasCloser_1u62c","contentWrap":"toast-plate__contentWrap_1u62c","block":"toast-plate__block_1u62c","content":"toast-plate__content_1u62c","actionSection":"toast-plate__actionSection_1u62c","leftAddons":"toast-plate__leftAddons_1u62c","title":"toast-plate__title_1u62c","children":"toast-plate__children_1u62c","closeButton":"toast-plate__closeButton_1u62c"};
 require('./index.css');
 
 const iconDefaultComponents = {

package/toast-plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1emas */
+/* hash: 1tobq */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -607,7 +607,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_18kki {
+.toast-plate__component_1u62c {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -618,55 +618,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_18kki.toast-plate__hasCloser_18kki {
+.toast-plate__component_1u62c.toast-plate__hasCloser_1u62c {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_18kki {
+.toast-plate__contentWrap_1u62c {
     display: flex;
 }
-.toast-plate__block_18kki {
+.toast-plate__block_1u62c {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_18kki {
+.toast-plate__content_1u62c {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_18kki {
+.toast-plate__actionSection_1u62c {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--gap-3xs) 0;
     padding: var(--toast-plate-action-padding)
 }
-.toast-plate__actionSection_18kki:last-child {
+.toast-plate__actionSection_1u62c:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_18kki {
+.toast-plate__leftAddons_1u62c {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_18kki {
+.toast-plate__title_1u62c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_18kki {
+.toast-plate__children_1u62c {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_18kki + .toast-plate__children_18kki {
+.toast-plate__title_1u62c + .toast-plate__children_1u62c {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_18kki {
+.toast-plate__closeButton_1u62c {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -675,10 +675,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_18kki + .toast-plate__closeButton_18kki:before {
+.toast-plate__actionSection_1u62c + .toast-plate__closeButton_1u62c:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/tooltip/{Component-a05df689.d.ts → Component-78921b3e.d.ts}

@@ -132,6 +132,10 @@ type TooltipProps = {
      *  Элемент, относительно которого будет позиционировать тултип.
      */
     anchor?: PopoverProps['anchorElement'];
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
 };
 declare const Tooltip: FC<TooltipProps>;
 export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, TooltipProps, Tooltip };

package/tooltip/{Component-a05df689.js → Component-78921b3e.js}

@@ -48,13 +48,23 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_jfryz","popper":"tooltip__popper_jfryz","hint":"tooltip__hint_jfryz","arrow":"tooltip__arrow_jfryz","target":"tooltip__target_jfryz","overlap":"tooltip__overlap_jfryz"};
+var styles = {"component":"tooltip__component_ugl2y","popper":"tooltip__popper_ugl2y","hint":"tooltip__hint_ugl2y","target":"tooltip__target_ugl2y","overlap":"tooltip__overlap_ugl2y"};
 require('./index.css');
 
+var defaultColors = {"hint":"tooltip__hint_xty0u","arrow":"tooltip__arrow_xty0u"};
+require('./default.css');
+
+var invertedColors = {"tooltip":"tooltip__tooltip_1o0o3","arrow":"tooltip__arrow_1o0o3","hint":"tooltip__hint_1o0o3"};
+require('./inverted.css');
+
+var colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
+};
 var Tooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k;
-    var _l = React.useState(!!forcedOpen), visible = _l[0], setVisible = _l[1];
-    var _m = React.useState(null), target = _m[0], setTarget = _m[1];
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k, _l = _a.colors, colors = _l === void 0 ? 'default' : _l;
+    var _m = React.useState(!!forcedOpen), visible = _m[0], setVisible = _m[1];
+    var _o = React.useState(null), target = _o[0], setTarget = _o[1];
     var contentRef = React.useRef(null);
     var timer = React.useRef(0);
     var show = forcedOpen === undefined ? visible : forcedOpen;
@@ -167,7 +177,7 @@ var Tooltip = function (_a) {
         React__default['default'].createElement("div", exports.__assign({ ref: mergeRefs__default['default']([targetRef, setTarget]) }, getTargetProps()),
             children.props.disabled && React__default['default'].createElement("div", { className: styles.overlap }),
             children),
-        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles.arrow), popperClassName: cn__default['default'](styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
+        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles.arrow, colorStyles[colors].arrow), popperClassName: cn__default['default'](styles.popper, styles[view], colorStyles[colors][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
             React__default['default'].createElement("div", exports.__assign({}, getContentProps()), content))));
 };
 

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a05df689.js');
+var Component = require('./Component-78921b3e.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a05df689.js');
+var Component = require('./Component-78921b3e.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"target":"tooltip__target_19ix5","overlap":"tooltip__overlap_19ix5"};
+var styles = {"target":"tooltip__target_14pms","overlap":"tooltip__overlap_14pms"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/cssm/{Component-c1f568b7.d.ts → Component-ef3b0e1c.d.ts}

@@ -132,6 +132,10 @@ type TooltipProps = {
      *  Элемент, относительно которого будет позиционировать тултип.
      */
     anchor?: PopoverProps['anchorElement'];
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
 };
 declare const Tooltip: FC<TooltipProps>;
 export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, TooltipProps, Tooltip };

package/tooltip/cssm/{Component-c1f568b7.js → Component-ef3b0e1c.js}

@@ -3,6 +3,8 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var coreComponentsPopover = require('../../popover/cssm');
 var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,6 +12,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,10 +54,14 @@ function __rest(s, e) {
     return t;
 }
 
+var colorStyles = {
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
+};
 var Tooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k;
-    var _l = React.useState(!!forcedOpen), visible = _l[0], setVisible = _l[1];
-    var _m = React.useState(null), target = _m[0], setTarget = _m[1];
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k, _l = _a.colors, colors = _l === void 0 ? 'default' : _l;
+    var _m = React.useState(!!forcedOpen), visible = _m[0], setVisible = _m[1];
+    var _o = React.useState(null), target = _o[0], setTarget = _o[1];
     var contentRef = React.useRef(null);
     var timer = React.useRef(0);
     var show = forcedOpen === undefined ? visible : forcedOpen;
@@ -166,7 +174,7 @@ var Tooltip = function (_a) {
         React__default['default'].createElement("div", exports.__assign({ ref: mergeRefs__default['default']([targetRef, setTarget]) }, getTargetProps()),
             children.props.disabled && React__default['default'].createElement("div", { className: styles__default['default'].overlap }),
             children),
-        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles__default['default'].arrow), popperClassName: cn__default['default'](styles__default['default'].popper, styles__default['default'][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
+        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles__default['default'].arrow, colorStyles[colors].arrow), popperClassName: cn__default['default'](styles__default['default'].popper, styles__default['default'][view], colorStyles[colors][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
             React__default['default'].createElement("div", exports.__assign({}, getContentProps()), content))));
 };