@hh.ru/magritte-ui-snackbar 4.3.3 → 4.3.5

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.
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useContext, useCallback, Fragment } from 'react';
4
4
  import { SnackbarContext } from './context.js';
5
- import { s as styles } from './snackbar-zQTkiNVD.js';
5
+ import { s as styles } from './snackbar-CkaOiQWL.js';
6
6
 
7
7
  const SnackbarContainer = ({ children, id, ...props }) => {
8
8
  const context = useContext(SnackbarContext);
@@ -5,7 +5,7 @@ import { createPortal } from 'react-dom';
5
5
  import { SnackbarRenderer } from './SnackbarRenderer.js';
6
6
  import { SnackbarContext } from './context.js';
7
7
  import { SnackbarTransitionName } from './types.js';
8
- import { s as styles } from './snackbar-zQTkiNVD.js';
8
+ import { s as styles } from './snackbar-CkaOiQWL.js';
9
9
  import 'react-transition-group';
10
10
  import 'classnames';
11
11
  import '@hh.ru/magritte-common-func-utils';
@@ -16,7 +16,7 @@ import { Link } from '@hh.ru/magritte-ui-link';
16
16
  import { SnackbarTransitionName, SnackbarLayout } from './types.js';
17
17
  import { useAriaSnackbar } from './useAriaSnackbar.js';
18
18
  import { useTimer, Timer } from '@hh.ru/magritte-ui-timer';
19
- import { s as styles } from './snackbar-zQTkiNVD.js';
19
+ import { s as styles } from './snackbar-CkaOiQWL.js';
20
20
 
21
21
  const CLASS_NAMES = {
22
22
  [SnackbarTransitionName.Show]: {
package/index.css CHANGED
@@ -556,13 +556,13 @@
556
556
  --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
557
557
  --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
558
558
  }
559
- .magritte-snackbar-container___SeRql_4-3-3{
559
+ .magritte-snackbar-container___SeRql_4-3-5{
560
560
  pointer-events:none;
561
561
  position:absolute;
562
562
  inset:0;
563
563
  }
564
- .magritte-snackbar-animation-timeout___EQLvG_4-3-3,
565
- .magritte-snackbar___jgq4H_4-3-3{
564
+ .magritte-snackbar-animation-timeout___EQLvG_4-3-5,
565
+ .magritte-snackbar___jgq4H_4-3-5{
566
566
  outline:none;
567
567
  --show-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v20-1-0);
568
568
  --hide-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v20-1-0);
@@ -575,8 +575,8 @@
575
575
  --magritte-color-component-action-icon-secondary-disabled-override:var(--magritte-color-component-snackbar-text-state-action-disabled-v20-1-0);
576
576
  }
577
577
  @media (prefers-reduced-motion){
578
- .magritte-snackbar-animation-timeout___EQLvG_4-3-3,
579
- .magritte-snackbar___jgq4H_4-3-3{
578
+ .magritte-snackbar-animation-timeout___EQLvG_4-3-5,
579
+ .magritte-snackbar___jgq4H_4-3-5{
580
580
  --show-animation-duration:0;
581
581
  --hide-animation-duration:0;
582
582
  --autohide-animation-duration:0;
@@ -584,88 +584,88 @@
584
584
  --removeImmediately-animation-duration:0;
585
585
  }
586
586
  }
587
- .magritte-snackbar-animation-timeout___EQLvG_4-3-3{
587
+ .magritte-snackbar-animation-timeout___EQLvG_4-3-5{
588
588
  display:none;
589
589
  }
590
- .magritte-snackbar___jgq4H_4-3-3{
590
+ .magritte-snackbar___jgq4H_4-3-5{
591
591
  background:var(--magritte-color-component-snackbar-background-content-v20-1-0);
592
592
  color:var(--magritte-color-component-snackbar-text-content-v20-1-0);
593
593
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-snackbar-stroke-content-v20-1-0);
594
594
  position:absolute;
595
595
  pointer-events:auto;
596
596
  }
597
- .magritte-snackbar_align-top___WWWbk_4-3-3{
597
+ .magritte-snackbar_align-top___WWWbk_4-3-5{
598
598
  inset:16px 16px auto;
599
599
  }
600
600
  @media (min-width: 1020px){
601
- body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_4-3-3{
601
+ body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_4-3-5{
602
602
  inset:0 0 auto;
603
603
  }
604
604
  }
605
605
  @media (min-width: 1024px){
606
- body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_4-3-3{
606
+ body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_4-3-5{
607
607
  inset:0 0 auto;
608
608
  }
609
609
  }
610
- .magritte-snackbar_align-bottom___tCBBP_4-3-3{
610
+ .magritte-snackbar_align-bottom___tCBBP_4-3-5{
611
611
  inset:auto 16px 16px;
612
612
  }
613
613
  @media (min-width: 1020px){
614
- body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_4-3-3{
614
+ body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_4-3-5{
615
615
  inset:auto 0 0;
616
616
  }
617
617
  }
618
618
  @media (min-width: 1024px){
619
- body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_4-3-3{
619
+ body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_4-3-5{
620
620
  inset:auto 0 0;
621
621
  }
622
622
  }
623
- .magritte-snackbar-in-body___Zer4o_4-3-3{
623
+ .magritte-snackbar-in-body___Zer4o_4-3-5{
624
624
  position:fixed;
625
625
  }
626
626
  @media (min-width: 1020px){
627
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-3{
627
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-5{
628
628
  box-sizing:border-box;
629
629
  margin:auto;
630
630
  max-width:600px;
631
631
  }
632
632
  }
633
633
  @media (min-width: 1024px){
634
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-3{
634
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-5{
635
635
  box-sizing:border-box;
636
636
  margin:auto;
637
637
  max-width:600px;
638
638
  }
639
639
  }
640
640
  @media (min-width: 1020px){
641
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-3.magritte-snackbar_align-top___WWWbk_4-3-3{
641
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-5.magritte-snackbar_align-top___WWWbk_4-3-5{
642
642
  inset:48px 16px auto 16px;
643
643
  }
644
644
  }
645
645
  @media (min-width: 1024px){
646
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-3.magritte-snackbar_align-top___WWWbk_4-3-3{
646
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-5.magritte-snackbar_align-top___WWWbk_4-3-5{
647
647
  inset:48px 16px auto 16px;
648
648
  }
649
649
  }
650
650
  @media (min-width: 1020px){
651
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-3.magritte-snackbar_align-bottom___tCBBP_4-3-3{
651
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-3-5.magritte-snackbar_align-bottom___tCBBP_4-3-5{
652
652
  inset:auto 16px 48px 16px;
653
653
  }
654
654
  }
655
655
  @media (min-width: 1024px){
656
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-3.magritte-snackbar_align-bottom___tCBBP_4-3-3{
656
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-3-5.magritte-snackbar_align-bottom___tCBBP_4-3-5{
657
657
  inset:auto 16px 48px 16px;
658
658
  }
659
659
  }
660
- .magritte-snackbar-content___MlP5J_4-3-3{
660
+ .magritte-snackbar-content___MlP5J_4-3-5{
661
661
  display:flex;
662
662
  }
663
- .magritte-snackbar-addon___-eJn7_4-3-3{
663
+ .magritte-snackbar-addon___-eJn7_4-3-5{
664
664
  margin-right:12px;
665
665
  width:24px;
666
666
  height:24px;
667
667
  }
668
- .magritte-snackbar-text___PCxnB_4-3-3{
668
+ .magritte-snackbar-text___PCxnB_4-3-5{
669
669
  font-family:var(--magritte-typography-label-2-regular-font-family-v20-1-0);
670
670
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v20-1-0);
671
671
  line-height:var(--magritte-typography-label-2-regular-line-height-v20-1-0);
@@ -676,71 +676,71 @@
676
676
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v20-1-0);
677
677
  margin-right:auto;
678
678
  }
679
- .magritte-snackbar-text-and-action___weegp_4-3-3{
679
+ .magritte-snackbar-text-and-action___weegp_4-3-5{
680
680
  display:flex;
681
681
  width:100%;
682
682
  }
683
- .magritte-snackbar-layout-horizontal___WrBPj_4-3-3{
683
+ .magritte-snackbar-layout-horizontal___WrBPj_4-3-5{
684
684
  padding:20px 24px;
685
685
  border-radius:calc((20px * 2 + calc(var(--magritte-core-line-heights-600-v20-1-0) * 1px)) / 2);
686
686
  }
687
- .magritte-snackbar-layout-horizontal___WrBPj_4-3-3 .magritte-snackbar-text___PCxnB_4-3-3{
687
+ .magritte-snackbar-layout-horizontal___WrBPj_4-3-5 .magritte-snackbar-text___PCxnB_4-3-5{
688
688
  line-height:calc(var(--magritte-core-line-heights-600-v20-1-0) * 1px);
689
689
  }
690
- .magritte-snackbar-layout-horizontal___WrBPj_4-3-3 .magritte-snackbar-content___MlP5J_4-3-3{
690
+ .magritte-snackbar-layout-horizontal___WrBPj_4-3-5 .magritte-snackbar-content___MlP5J_4-3-5{
691
691
  height:calc(var(--magritte-core-line-heights-600-v20-1-0) * 1px);
692
692
  align-items:center;
693
693
  }
694
- .magritte-snackbar-layout-horizontal___WrBPj_4-3-3 .magritte-snackbar-text-and-action___weegp_4-3-3{
694
+ .magritte-snackbar-layout-horizontal___WrBPj_4-3-5 .magritte-snackbar-text-and-action___weegp_4-3-5{
695
695
  align-items:center;
696
696
  gap:8px;
697
697
  flex-direction:row;
698
698
  justify-content:space-between;
699
699
  --magritte-ui-link-padding-override:11px;
700
700
  }
701
- .magritte-snackbar-layout-horizontal___WrBPj_4-3-3 .magritte-snackbar-close___U8YT5_4-3-3{
701
+ .magritte-snackbar-layout-horizontal___WrBPj_4-3-5 .magritte-snackbar-close___U8YT5_4-3-5{
702
702
  margin-left:4px;
703
703
  margin-right:-12px;
704
704
  }
705
- .magritte-snackbar-layout-vertical___aR52S_4-3-3{
705
+ .magritte-snackbar-layout-vertical___aR52S_4-3-5{
706
706
  border-radius:var(--magritte-static-border-radius-600-v20-1-0);
707
707
  padding:24px;
708
708
  }
709
- .magritte-snackbar-layout-vertical___aR52S_4-3-3 .magritte-snackbar-content___MlP5J_4-3-3{
709
+ .magritte-snackbar-layout-vertical___aR52S_4-3-5 .magritte-snackbar-content___MlP5J_4-3-5{
710
710
  height:auto;
711
711
  align-items:flex-start;
712
712
  }
713
- .magritte-snackbar-layout-vertical___aR52S_4-3-3 .magritte-snackbar-text-and-action___weegp_4-3-3{
713
+ .magritte-snackbar-layout-vertical___aR52S_4-3-5 .magritte-snackbar-text-and-action___weegp_4-3-5{
714
714
  gap:12px;
715
715
  flex-direction:column;
716
716
  align-items:flex-start;
717
717
  --magritte-ui-link-padding-override:3px;
718
718
  }
719
- .magritte-snackbar-layout-vertical___aR52S_4-3-3 .magritte-snackbar-close___U8YT5_4-3-3{
719
+ .magritte-snackbar-layout-vertical___aR52S_4-3-5 .magritte-snackbar-close___U8YT5_4-3-5{
720
720
  margin-top:-13px;
721
721
  margin-right:-13px;
722
722
  }
723
- .magritte-appear___aGbJS_4-3-3{
723
+ .magritte-appear___aGbJS_4-3-5{
724
724
  opacity:0;
725
725
  }
726
- .magritte-appear-active___Kl7by_4-3-3{
726
+ .magritte-appear-active___Kl7by_4-3-5{
727
727
  opacity:1;
728
728
  transition:opacity var(--show-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v20-1-0);
729
729
  }
730
- .magritte-appear-done___3g7bl_4-3-3{
730
+ .magritte-appear-done___3g7bl_4-3-5{
731
731
  opacity:1;
732
732
  }
733
- .magritte-exit___MsYCK_4-3-3{
733
+ .magritte-exit___MsYCK_4-3-5{
734
734
  opacity:1;
735
735
  }
736
- .magritte-exit-active___I4AYt_4-3-3{
736
+ .magritte-exit-active___I4AYt_4-3-5{
737
737
  opacity:0;
738
738
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v20-1-0);
739
739
  }
740
- .magritte-exit-active_autohide___jvdWc_4-3-3{
740
+ .magritte-exit-active_autohide___jvdWc_4-3-5{
741
741
  opacity:0;
742
742
  transition:opacity var(--autohide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v20-1-0);
743
743
  }
744
- .magritte-exit-done___DK8l2_4-3-3{
744
+ .magritte-exit-done___DK8l2_4-3-5{
745
745
  opacity:0;
746
746
  }
package/index.js CHANGED
@@ -7,7 +7,7 @@ import 'react';
7
7
  import './context.js';
8
8
  import './types.js';
9
9
  import 'react/jsx-runtime';
10
- import './snackbar-zQTkiNVD.js';
10
+ import './snackbar-CkaOiQWL.js';
11
11
  import 'react-dom';
12
12
  import './SnackbarRenderer.js';
13
13
  import 'react-transition-group';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-snackbar",
3
- "version": "4.3.3",
3
+ "version": "4.3.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -27,15 +27,15 @@
27
27
  "@hh.ru/magritte-common-use-swipe": "3.1.3",
28
28
  "@hh.ru/magritte-design-tokens": "20.1.0",
29
29
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
30
- "@hh.ru/magritte-ui-action": "4.4.20",
31
- "@hh.ru/magritte-ui-icon": "7.9.9",
32
- "@hh.ru/magritte-ui-layer": "2.1.1",
33
- "@hh.ru/magritte-ui-link": "4.3.19",
34
- "@hh.ru/magritte-ui-timer": "1.2.38",
35
- "@hh.ru/magritte-ui-typography": "3.0.24"
30
+ "@hh.ru/magritte-ui-action": "4.4.22",
31
+ "@hh.ru/magritte-ui-icon": "7.9.10",
32
+ "@hh.ru/magritte-ui-layer": "2.1.2",
33
+ "@hh.ru/magritte-ui-link": "4.3.20",
34
+ "@hh.ru/magritte-ui-timer": "1.2.39",
35
+ "@hh.ru/magritte-ui-typography": "3.0.25"
36
36
  },
37
37
  "devDependencies": {
38
- "@hh.ru/magritte-ui-breakpoint": "4.1.1"
38
+ "@hh.ru/magritte-ui-breakpoint": "5.0.0"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "classnames": ">=2.3.2",
@@ -46,5 +46,5 @@
46
46
  "publishConfig": {
47
47
  "access": "public"
48
48
  },
49
- "gitHead": "e7fdddfb173fef52fee57b97129483cf8663f8cf"
49
+ "gitHead": "1f85c1274063f28c68e856b26db4540e4f210fa1"
50
50
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_4-3-5","snackbarContainer":"magritte-snackbar-container___SeRql_4-3-5","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_4-3-5","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_4-3-5","snackbar":"magritte-snackbar___jgq4H_4-3-5","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_4-3-5","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_4-3-5","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_4-3-5","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_4-3-5","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_4-3-5","snackbarInBody":"magritte-snackbar-in-body___Zer4o_4-3-5","snackbar-content":"magritte-snackbar-content___MlP5J_4-3-5","snackbarContent":"magritte-snackbar-content___MlP5J_4-3-5","snackbar-addon":"magritte-snackbar-addon___-eJn7_4-3-5","snackbarAddon":"magritte-snackbar-addon___-eJn7_4-3-5","snackbar-text":"magritte-snackbar-text___PCxnB_4-3-5","snackbarText":"magritte-snackbar-text___PCxnB_4-3-5","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_4-3-5","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_4-3-5","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-3-5","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-3-5","snackbar-close":"magritte-snackbar-close___U8YT5_4-3-5","snackbarClose":"magritte-snackbar-close___U8YT5_4-3-5","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_4-3-5","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_4-3-5","appear":"magritte-appear___aGbJS_4-3-5","appear-active":"magritte-appear-active___Kl7by_4-3-5","appearActive":"magritte-appear-active___Kl7by_4-3-5","appear-done":"magritte-appear-done___3g7bl_4-3-5","appearDone":"magritte-appear-done___3g7bl_4-3-5","exit":"magritte-exit___MsYCK_4-3-5","exit-active":"magritte-exit-active___I4AYt_4-3-5","exitActive":"magritte-exit-active___I4AYt_4-3-5","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_4-3-5","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_4-3-5","exit-done":"magritte-exit-done___DK8l2_4-3-5","exitDone":"magritte-exit-done___DK8l2_4-3-5"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-CkaOiQWL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-CkaOiQWL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_4-3-3","snackbarContainer":"magritte-snackbar-container___SeRql_4-3-3","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_4-3-3","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_4-3-3","snackbar":"magritte-snackbar___jgq4H_4-3-3","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_4-3-3","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_4-3-3","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_4-3-3","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_4-3-3","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_4-3-3","snackbarInBody":"magritte-snackbar-in-body___Zer4o_4-3-3","snackbar-content":"magritte-snackbar-content___MlP5J_4-3-3","snackbarContent":"magritte-snackbar-content___MlP5J_4-3-3","snackbar-addon":"magritte-snackbar-addon___-eJn7_4-3-3","snackbarAddon":"magritte-snackbar-addon___-eJn7_4-3-3","snackbar-text":"magritte-snackbar-text___PCxnB_4-3-3","snackbarText":"magritte-snackbar-text___PCxnB_4-3-3","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_4-3-3","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_4-3-3","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-3-3","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-3-3","snackbar-close":"magritte-snackbar-close___U8YT5_4-3-3","snackbarClose":"magritte-snackbar-close___U8YT5_4-3-3","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_4-3-3","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_4-3-3","appear":"magritte-appear___aGbJS_4-3-3","appear-active":"magritte-appear-active___Kl7by_4-3-3","appearActive":"magritte-appear-active___Kl7by_4-3-3","appear-done":"magritte-appear-done___3g7bl_4-3-3","appearDone":"magritte-appear-done___3g7bl_4-3-3","exit":"magritte-exit___MsYCK_4-3-3","exit-active":"magritte-exit-active___I4AYt_4-3-3","exitActive":"magritte-exit-active___I4AYt_4-3-3","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_4-3-3","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_4-3-3","exit-done":"magritte-exit-done___DK8l2_4-3-3","exitDone":"magritte-exit-done___DK8l2_4-3-3"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=snackbar-zQTkiNVD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snackbar-zQTkiNVD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}