@hh.ru/magritte-ui-tooltip 8.0.9 → 8.0.10

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 (3) hide show
  1. package/Tooltip.js +1 -1
  2. package/index.css +36 -36
  3. package/package.json +5 -5
package/Tooltip.js CHANGED
@@ -13,7 +13,7 @@ import { TooltipArrow } from './TooltipArrow.js';
13
13
  import { Text } from '@hh.ru/magritte-ui-typography';
14
14
  import { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';
15
15
 
16
- var styles = {"tooltip":"magritte-tooltip___Hxyh2_8-0-9","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_8-0-9","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_8-0-9","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_8-0-9","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_8-0-9","tooltip-small":"magritte-tooltip-small___W1eTg_8-0-9","tooltipSmall":"magritte-tooltip-small___W1eTg_8-0-9","tooltip-title":"magritte-tooltip-title___s-ekd_8-0-9","tooltipTitle":"magritte-tooltip-title___s-ekd_8-0-9","tooltip-close":"magritte-tooltip-close___B1qWh_8-0-9","tooltipClose":"magritte-tooltip-close___B1qWh_8-0-9","tooltip-enter":"magritte-tooltip-enter___cnped_8-0-9","tooltipEnter":"magritte-tooltip-enter___cnped_8-0-9","css-variables-element":"magritte-css-variables-element___yRnOI_8-0-9","cssVariablesElement":"magritte-css-variables-element___yRnOI_8-0-9","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_8-0-9","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_8-0-9","tooltip-exit":"magritte-tooltip-exit___IXkNp_8-0-9","tooltipExit":"magritte-tooltip-exit___IXkNp_8-0-9","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_8-0-9","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_8-0-9","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_8-0-9","tooltipButtons":"magritte-tooltip-buttons___kNN5e_8-0-9","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_8-0-9","tooltipArrow":"magritte-tooltip-arrow___7OOYT_8-0-9"};
16
+ var styles = {"tooltip":"magritte-tooltip___Hxyh2_8-0-10","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_8-0-10","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_8-0-10","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_8-0-10","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_8-0-10","tooltip-small":"magritte-tooltip-small___W1eTg_8-0-10","tooltipSmall":"magritte-tooltip-small___W1eTg_8-0-10","tooltip-title":"magritte-tooltip-title___s-ekd_8-0-10","tooltipTitle":"magritte-tooltip-title___s-ekd_8-0-10","tooltip-close":"magritte-tooltip-close___B1qWh_8-0-10","tooltipClose":"magritte-tooltip-close___B1qWh_8-0-10","tooltip-enter":"magritte-tooltip-enter___cnped_8-0-10","tooltipEnter":"magritte-tooltip-enter___cnped_8-0-10","css-variables-element":"magritte-css-variables-element___yRnOI_8-0-10","cssVariablesElement":"magritte-css-variables-element___yRnOI_8-0-10","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_8-0-10","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_8-0-10","tooltip-exit":"magritte-tooltip-exit___IXkNp_8-0-10","tooltipExit":"magritte-tooltip-exit___IXkNp_8-0-10","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_8-0-10","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_8-0-10","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_8-0-10","tooltipButtons":"magritte-tooltip-buttons___kNN5e_8-0-10","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_8-0-10","tooltipArrow":"magritte-tooltip-arrow___7OOYT_8-0-10"};
17
17
 
18
18
  const CSS_CLASSES = {
19
19
  enter: styles.tooltipEnter,
package/index.css CHANGED
@@ -545,7 +545,7 @@
545
545
  --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
546
546
  --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
547
547
  }
548
- .magritte-tooltip___Hxyh2_8-0-9{
548
+ .magritte-tooltip___Hxyh2_8-0-10{
549
549
  position:relative;
550
550
  padding:16px;
551
551
  background:var(--magritte-color-component-tooltip-background-content-v20-0-1);
@@ -562,17 +562,17 @@
562
562
  --magritte-tooltip-arrow-width:28px;
563
563
  --magritte-tooltip-arrow-height:12px;
564
564
  }
565
- .magritte-tooltip-with-buttons___pQzdt_8-0-9{
565
+ .magritte-tooltip-with-buttons___pQzdt_8-0-10{
566
566
  padding:24px 24px 12px;
567
567
  --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v20-0-1) + 28px / 2 - 12px / 2 - 1px);
568
568
  --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v20-0-1);
569
569
  --magritte-tooltip-arrow-width:28px;
570
570
  --magritte-tooltip-arrow-height:12px;
571
571
  }
572
- .magritte-tooltip-with-close___2iNPt_8-0-9{
572
+ .magritte-tooltip-with-close___2iNPt_8-0-10{
573
573
  padding-right:56px;
574
574
  }
575
- .magritte-tooltip-small___W1eTg_8-0-9{
575
+ .magritte-tooltip-small___W1eTg_8-0-10{
576
576
  padding:8px 12px;
577
577
  min-height:0;
578
578
  --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v20-0-1) + 18px / 2 - 12px / 2 - 1px);
@@ -580,103 +580,103 @@
580
580
  --magritte-tooltip-arrow-width:18px;
581
581
  --magritte-tooltip-arrow-height:12px;
582
582
  }
583
- .magritte-tooltip-title___s-ekd_8-0-9{
583
+ .magritte-tooltip-title___s-ekd_8-0-10{
584
584
  margin-bottom:4px;
585
585
  }
586
- .magritte-tooltip-close___B1qWh_8-0-9{
586
+ .magritte-tooltip-close___B1qWh_8-0-10{
587
587
  position:absolute;
588
588
  right:9px;
589
589
  top:9px;
590
590
  }
591
- .magritte-tooltip-with-buttons___pQzdt_8-0-9 .magritte-tooltip-close___B1qWh_8-0-9{
591
+ .magritte-tooltip-with-buttons___pQzdt_8-0-10 .magritte-tooltip-close___B1qWh_8-0-10{
592
592
  right:15px;
593
593
  top:15px;
594
594
  }
595
595
  @media (prefers-reduced-motion: no-preference){
596
- .magritte-tooltip-enter___cnped_8-0-9 .magritte-tooltip___Hxyh2_8-0-9{
596
+ .magritte-tooltip-enter___cnped_8-0-10 .magritte-tooltip___Hxyh2_8-0-10{
597
597
  opacity:0;
598
598
  }
599
- .magritte-css-variables-element___yRnOI_8-0-9,
600
- .magritte-tooltip-enter-active___M8qsm_8-0-9 .magritte-tooltip___Hxyh2_8-0-9{
599
+ .magritte-css-variables-element___yRnOI_8-0-10,
600
+ .magritte-tooltip-enter-active___M8qsm_8-0-10 .magritte-tooltip___Hxyh2_8-0-10{
601
601
  opacity:1;
602
602
  transition-property:opacity, transform;
603
603
  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-0-1);
604
604
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-0-1);
605
605
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-0-1);
606
606
  }
607
- .magritte-tooltip-exit___IXkNp_8-0-9 .magritte-tooltip___Hxyh2_8-0-9{
607
+ .magritte-tooltip-exit___IXkNp_8-0-10 .magritte-tooltip___Hxyh2_8-0-10{
608
608
  opacity:1;
609
609
  }
610
- .magritte-tooltip-exit-active___QllYr_8-0-9 .magritte-tooltip___Hxyh2_8-0-9{
610
+ .magritte-tooltip-exit-active___QllYr_8-0-10 .magritte-tooltip___Hxyh2_8-0-10{
611
611
  opacity:0;
612
612
  transition-property:opacity, transform;
613
613
  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-0-1);
614
614
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-0-1);
615
615
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-0-1);
616
616
  }
617
- .magritte-tooltip-exit-active___QllYr_8-0-9[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-9,
618
- .magritte-tooltip-enter___cnped_8-0-9[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-9{
617
+ .magritte-tooltip-exit-active___QllYr_8-0-10[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-10,
618
+ .magritte-tooltip-enter___cnped_8-0-10[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-10{
619
619
  transform:translateY(4px);
620
620
  }
621
- .magritte-tooltip-exit-active___QllYr_8-0-9[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-9,
622
- .magritte-tooltip-enter___cnped_8-0-9[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-9{
621
+ .magritte-tooltip-exit-active___QllYr_8-0-10[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-10,
622
+ .magritte-tooltip-enter___cnped_8-0-10[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-10{
623
623
  transform:translateY(-4px);
624
624
  }
625
- .magritte-tooltip-exit-active___QllYr_8-0-9[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-9,
626
- .magritte-tooltip-enter___cnped_8-0-9[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-9{
625
+ .magritte-tooltip-exit-active___QllYr_8-0-10[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-10,
626
+ .magritte-tooltip-enter___cnped_8-0-10[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-10{
627
627
  transform:translateX(-4px);
628
628
  }
629
- .magritte-tooltip-exit-active___QllYr_8-0-9[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-9,
630
- .magritte-tooltip-enter___cnped_8-0-9[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-9{
629
+ .magritte-tooltip-exit-active___QllYr_8-0-10[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-10,
630
+ .magritte-tooltip-enter___cnped_8-0-10[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-10{
631
631
  transform:translateX(4px);
632
632
  }
633
- .magritte-tooltip-enter-active___M8qsm_8-0-9[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_8-0-9{
633
+ .magritte-tooltip-enter-active___M8qsm_8-0-10[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_8-0-10{
634
634
  transform:translate(0, 0);
635
635
  }
636
636
  }
637
- .magritte-tooltip-buttons___kNN5e_8-0-9{
637
+ .magritte-tooltip-buttons___kNN5e_8-0-10{
638
638
  display:flex;
639
639
  gap:12px;
640
640
  margin:24px -12px 0;
641
641
  }
642
- .magritte-tooltip-with-close___2iNPt_8-0-9 .magritte-tooltip-buttons___kNN5e_8-0-9{
642
+ .magritte-tooltip-with-close___2iNPt_8-0-10 .magritte-tooltip-buttons___kNN5e_8-0-10{
643
643
  margin-right:-44px;
644
644
  }
645
- .magritte-tooltip-arrow___7OOYT_8-0-9{
645
+ .magritte-tooltip-arrow___7OOYT_8-0-10{
646
646
  position:absolute;
647
647
  }
648
- [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-9{
648
+ [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-10{
649
649
  top:calc(var(--magritte-tooltip-arrow-height) * -1);
650
650
  }
651
- [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_8-0-9{
651
+ [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_8-0-10{
652
652
  bottom:calc(var(--magritte-tooltip-arrow-height) * -1);
653
653
  transform:rotate(180deg);
654
654
  }
655
- [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_8-0-9{
655
+ [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_8-0-10{
656
656
  left:var(--magritte-tooltip-border-radius);
657
657
  }
658
- [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-9,
659
- [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-9{
658
+ [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-10,
659
+ [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-10{
660
660
  left:calc(50% - var(--magritte-tooltip-arrow-width) / 2);
661
661
  }
662
- [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_8-0-9{
662
+ [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_8-0-10{
663
663
  right:var(--magritte-tooltip-border-radius);
664
664
  }
665
- [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_8-0-9{
665
+ [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_8-0-10{
666
666
  right:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
667
667
  transform:rotate(90deg);
668
668
  }
669
- [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_8-0-9{
669
+ [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_8-0-10{
670
670
  left:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
671
671
  transform:rotate(-90deg);
672
672
  }
673
- [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_8-0-9{
673
+ [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_8-0-10{
674
674
  top:var(--magritte-tooltip-arrow-vertical-gap);
675
675
  }
676
- [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-9,
677
- [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-9{
676
+ [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-10,
677
+ [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-10{
678
678
  top:calc(50% - var(--magritte-tooltip-arrow-height) / 2);
679
679
  }
680
- [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-9{
680
+ [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-10{
681
681
  bottom:var(--magritte-tooltip-arrow-vertical-gap);
682
682
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tooltip",
3
- "version": "8.0.9",
3
+ "version": "8.0.10",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,10 +24,10 @@
24
24
  "@hh.ru/magritte-design-tokens": "20.0.1",
25
25
  "@hh.ru/magritte-internal-drop-base": "7.0.9",
26
26
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
27
- "@hh.ru/magritte-ui-action": "4.4.17",
27
+ "@hh.ru/magritte-ui-action": "4.4.18",
28
28
  "@hh.ru/magritte-ui-breakpoint": "4.1.0",
29
- "@hh.ru/magritte-ui-button": "5.2.9",
30
- "@hh.ru/magritte-ui-icon": "7.9.6",
29
+ "@hh.ru/magritte-ui-button": "5.2.10",
30
+ "@hh.ru/magritte-ui-icon": "7.9.7",
31
31
  "@hh.ru/magritte-ui-layer": "2.1.0",
32
32
  "@hh.ru/magritte-ui-theme-provider": "1.1.33",
33
33
  "@hh.ru/magritte-ui-typography": "3.0.22"
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "5e39c82ca3c8af74be5ac205406e44df626adcc6"
42
+ "gitHead": "0cba1a0b8d618df338719bc996e2f5535af80e79"
43
43
  }