@megafon/ui-core 6.0.0-beta.4 → 6.0.1

package/dist/lib/components/Tooltip/Tooltip.css

@@ -1 +1,335 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow,.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--reflexBlue80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--reflexBlue80)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}
+.mfui-tooltip {
+  z-index: 100;
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  -webkit-transition-property: opacity, visibility;
+  transition-property: opacity, visibility;
+  pointer-events: none;
+}
+.mfui-tooltip_open {
+  visibility: visible;
+  opacity: 1;
+  pointer-events: all;
+}
+.mfui-tooltip_paddings_small .mfui-tooltip__content {
+  padding: 16px;
+}
+.mfui-tooltip_paddings_medium .mfui-tooltip__content {
+  padding: 24px;
+}
+.mfui-tooltip__content {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.mfui-tooltip__content-shadow {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+}
+.mfui-tooltip__arrow-container {
+  position: absolute;
+}
+.mfui-tooltip__arrow-wrap {
+  width: 33px;
+  height: 13px;
+}
+.mfui-tooltip__arrow {
+  width: 33px;
+  height: 13px;
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.mfui-tooltip__arrow svg {
+  position: absolute;
+}
+.mfui-tooltip__arrow-inner {
+  -webkit-filter: drop-shadow(0 2px 9px rgba(0, 0, 0, 0.15));
+          filter: drop-shadow(0 2px 9px rgba(0, 0, 0, 0.15));
+  fill: var(--base);
+}
+.mfui-tooltip__text {
+  font-size: 15px;
+  line-height: 24px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-tooltip__text {
+    font-size: 12px;
+    line-height: 18px;
+  }
+}
+.mfui-tooltip__text_margin {
+  margin-top: 8px;
+}
+.mfui-tooltip__button,
+.mfui-tooltip__close-button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  border: none;
+  cursor: pointer;
+}
+.mfui-tooltip__button {
+  font-family: inherit;
+  color: var(--brandGreen);
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 18px;
+  background-color: transparent;
+  -webkit-transition: 300ms;
+  transition: 300ms;
+}
+@media screen and (max-width: 767px) {
+  .mfui-tooltip__button {
+    font-size: 12px;
+    line-height: 14px;
+  }
+}
+.mfui-tooltip__button_margin {
+  margin-top: 8px;
+}
+.mfui-tooltip__button:hover {
+  color: var(--buttonHoverGreen);
+}
+.mfui-tooltip__button:hover .mfui-tooltip__button-arrow {
+  fill: var(--buttonHoverGreen);
+}
+.mfui-tooltip__button:active {
+  color: var(--buttonDown);
+}
+.mfui-tooltip__button:active .mfui-tooltip__button-arrow {
+  fill: var(--buttonDown);
+}
+.mfui-tooltip__close-button {
+  position: relative;
+  top: -6px;
+  right: -6px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  float: right;
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  background-color: var(--spbSky0);
+  -webkit-transition: 300ms;
+  transition: 300ms;
+}
+.mfui-tooltip__close-button:hover {
+  background-color: var(--spbSky1);
+}
+.mfui-tooltip__close-button:active {
+  background-color: var(--spbSky2);
+}
+.mfui-tooltip__close-icon {
+  display: block;
+  width: 20px;
+  height: 20px;
+  opacity: 0.5;
+  fill: var(--content);
+}
+.mfui-tooltip__button-arrow {
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  margin-bottom: -2px;
+  -webkit-transition: 300ms;
+  transition: 300ms;
+  fill: var(--brandGreen);
+}
+.mfui-tooltip__addititonal-content_margin {
+  margin-top: 16px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-tooltip__addititonal-content_margin {
+    margin-top: 12px;
+  }
+}
+.mfui-tooltip_small .mfui-tooltip__content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+  gap: 18px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.mfui-tooltip_small .mfui-tooltip__text {
+  font-weight: 500;
+}
+.mfui-tooltip_small .mfui-tooltip__close-button {
+  top: auto;
+}
+.mfui-tooltip_theme_white .mfui-tooltip__content {
+  border: 1px solid var(--stcWhite10);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__content,
+.mfui-tooltip_theme_blue .mfui-tooltip__content,
+.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,
+.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,
+.mfui-tooltip_theme_red .mfui-tooltip__title,
+.mfui-tooltip_theme_blue .mfui-tooltip__title,
+.mfui-tooltip_theme_red .mfui-tooltip__button,
+.mfui-tooltip_theme_blue .mfui-tooltip__button {
+  color: var(--stcWhite);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__button-arrow,
+.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow {
+  fill: var(--stcWhite);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__button:hover,
+.mfui-tooltip_theme_blue .mfui-tooltip__button:hover {
+  color: var(--buttonHoverGrey);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,
+.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow {
+  fill: var(--buttonHoverGrey);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__button:active,
+.mfui-tooltip_theme_blue .mfui-tooltip__button:active {
+  color: var(--buttonDown);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow,
+.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow {
+  fill: var(--buttonDown);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__close-button,
+.mfui-tooltip_theme_blue .mfui-tooltip__close-button {
+  background-color: var(--stcWhite10);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover,
+.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover {
+  background-color: var(--stcWhite20);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__close-button:active,
+.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active {
+  background-color: var(--stcWhite50);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__close-icon,
+.mfui-tooltip_theme_blue .mfui-tooltip__close-icon {
+  opacity: 1;
+  fill: var(--stcWhite);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__content,
+.mfui-tooltip_theme_red .mfui-tooltip__content-shadow,
+.mfui-tooltip_theme_red .mfui-tooltip__arrow:before {
+  background-color: var(--fury80);
+}
+.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner {
+  fill: var(--fury80);
+}
+.mfui-tooltip_theme_blue .mfui-tooltip__content,
+.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow,
+.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before {
+  background-color: var(--reflexBlue80);
+}
+.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner {
+  fill: var(--reflexBlue80);
+}
+.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__content-shadow {
+  -webkit-transform: translateX(24px);
+          transform: translateX(24px);
+}
+.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow-wrap {
+  left: 3px;
+}
+.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow-shadow {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
+.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__content-shadow {
+  -webkit-transform: translateX(-24px);
+          transform: translateX(-24px);
+}
+.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow-wrap {
+  right: 3px;
+}
+.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow-shadow {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__content-shadow {
+  -webkit-transform: translateY(-24px);
+          transform: translateY(-24px);
+}
+.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow-wrap {
+  bottom: 13px;
+}
+.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow,
+.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow-shadow,
+.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow-shadow {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__content,
+.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__content-shadow,
+.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__content-shadow {
+  -webkit-transform: translateY(24px);
+          transform: translateY(24px);
+}
+.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__arrow-wrap,
+.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__arrow-wrap {
+  top: 13px;
+}
+.mfui-tooltip[data-popper-escaped='true'].mfui-tooltip_has-escape {
+  visibility: hidden;
+  pointer-events: none;
+}

package/dist/lib/components/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import { AccessibilityEventType } from '@megafon/ui-helpers';
 import type { AccessibilityEventTypeNative } from '@megafon/ui-helpers';
-import './Tooltip.scss';
+import './Tooltip.less';
 export declare const Placement: {
     readonly LEFT: "left";
     readonly LEFT_START: "left-start";
@@ -16,30 +16,30 @@ export declare const Placement: {
     readonly BOTTOM_START: "bottom-start";
     readonly BOTTOM_END: "bottom-end";
 };
-type PlacementType = (typeof Placement)[keyof typeof Placement];
+declare type PlacementType = typeof Placement[keyof typeof Placement];
 export declare const Paddings: {
     readonly NONE: "none";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-type PaddingsType = (typeof Paddings)[keyof typeof Paddings];
+declare type PaddingsType = typeof Paddings[keyof typeof Paddings];
 export declare const TriggerEvent: {
     readonly HOVER: "hover";
     readonly CLICK: "click";
     readonly CONTROLLED: "controlled";
 };
-type TriggerEventType = (typeof TriggerEvent)[keyof typeof TriggerEvent];
+declare type TriggerEventType = typeof TriggerEvent[keyof typeof TriggerEvent];
 export declare const ColorTheme: {
     readonly WHITE: "white";
     readonly BLUE: "blue";
     readonly RED: "red";
 };
-type ColorThemeType = (typeof ColorTheme)[keyof typeof ColorTheme];
+declare type ColorThemeType = typeof ColorTheme[keyof typeof ColorTheme];
 export declare const Size: {
     readonly SMALL: "small";
     readonly BIG: "big";
 };
-type SizeType = (typeof Size)[keyof typeof Size];
+declare type SizeType = typeof Size[keyof typeof Size];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -89,9 +89,8 @@ export interface ITooltipProps {
         button?: Record<string, string>;
         content?: Record<string, string>;
     };
-    children?: React.ReactNode;
     /** Обработчик на открытие */
-    onOpen?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
+    onOpen?: (e: AccessibilityEventTypeNative) => void;
     /** Обработчик на закрытие */
     onClose?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
     /** Обработчик на клик по кнопке закрытия */