@hh.ru/magritte-ui-action-bar 2.2.13 → 2.2.14
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.
- package/ActionBar.js +1 -1
- package/index.css +36 -36
- package/package.json +5 -5
package/ActionBar.js
CHANGED
|
@@ -10,7 +10,7 @@ import { STRETCHED_WRAPPER_CLASS } from '@hh.ru/magritte-ui-button';
|
|
|
10
10
|
import { Divider } from '@hh.ru/magritte-ui-divider';
|
|
11
11
|
import { Layer } from '@hh.ru/magritte-ui-layer';
|
|
12
12
|
|
|
13
|
-
var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-
|
|
13
|
+
var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-14","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-2-14","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-2-14","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-2-14","progress-bar":"magritte-progress-bar___tSTjx_2-2-14","progressBar":"magritte-progress-bar___tSTjx_2-2-14","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-14","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-14","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-2-14","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-2-14","actions-wrapper_modal-vertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-14","actionsWrapperModalVertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-14","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-2-14","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-2-14","actions-stack":"magritte-actions-stack___12VkP_2-2-14","actionsStack":"magritte-actions-stack___12VkP_2-2-14","right-only-actions":"magritte-right-only-actions___84fc8_2-2-14","rightOnlyActions":"magritte-right-only-actions___84fc8_2-2-14","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-14","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-14","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-14","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-14","additional-content-container":"magritte-additional-content-container___N4Q-l_2-2-14","additionalContentContainer":"magritte-additional-content-container___N4Q-l_2-2-14","additional-content-mobile":"magritte-additional-content-mobile___nbfvk_2-2-14","additionalContentMobile":"magritte-additional-content-mobile___nbfvk_2-2-14","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-14","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-14","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_2-2-14","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_2-2-14","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-14","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-14","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_2-2-14","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_2-2-14","vertical-actions-container":"magritte-vertical-actions-container___j1toG_2-2-14","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_2-2-14","actions-stack-modal":"magritte-actions-stack-modal___LzxwQ_2-2-14","actionsStackModal":"magritte-actions-stack-modal___LzxwQ_2-2-14","actions-stack-modal-vertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-14","actionsStackModalVertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-14","actions-stack-wrapper":"magritte-actions-stack-wrapper___OKREs_2-2-14","actionsStackWrapper":"magritte-actions-stack-wrapper___OKREs_2-2-14","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_2-2-14","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_2-2-14"};
|
|
14
14
|
|
|
15
15
|
const SCROLL_HANDLER_THROTTLE_MS = 50;
|
|
16
16
|
const ActionBar = ({ type = 'page', showDivider, showProgress = false, primaryActions, secondaryActions, additionalContent, wrapperRef, }) => {
|
package/index.css
CHANGED
|
@@ -536,119 +536,119 @@
|
|
|
536
536
|
--magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
|
|
537
537
|
--magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
|
|
538
538
|
}
|
|
539
|
-
.magritte-action-bar-fixed___Ts-0i_2-2-
|
|
539
|
+
.magritte-action-bar-fixed___Ts-0i_2-2-14{
|
|
540
540
|
background-color:var(--magritte-color-background-primary-v20-1-0);
|
|
541
541
|
position:fixed;
|
|
542
542
|
bottom:0;
|
|
543
543
|
left:0;
|
|
544
544
|
width:100%;
|
|
545
545
|
}
|
|
546
|
-
.magritte-action-bar-with-progress-bar___mprqw_2-2-
|
|
546
|
+
.magritte-action-bar-with-progress-bar___mprqw_2-2-14{
|
|
547
547
|
border-radius:8px 8px 0 0;
|
|
548
548
|
}
|
|
549
|
-
.magritte-progress-bar___tSTjx_2-2-
|
|
549
|
+
.magritte-progress-bar___tSTjx_2-2-14{
|
|
550
550
|
padding:4px 4px 0;
|
|
551
551
|
}
|
|
552
|
-
.magritte-actions-wrapper_mobile___DWgfU_2-2-
|
|
552
|
+
.magritte-actions-wrapper_mobile___DWgfU_2-2-14{
|
|
553
553
|
padding:16px;
|
|
554
554
|
}
|
|
555
|
-
.magritte-actions-wrapper_modal___aQs2b_2-2-
|
|
555
|
+
.magritte-actions-wrapper_modal___aQs2b_2-2-14{
|
|
556
556
|
padding:24px;
|
|
557
557
|
}
|
|
558
|
-
.magritte-actions-wrapper_modal-vertical___eQt6U_2-2-
|
|
558
|
+
.magritte-actions-wrapper_modal-vertical___eQt6U_2-2-14{
|
|
559
559
|
padding:24px;
|
|
560
560
|
}
|
|
561
|
-
.magritte-actions-wrapper_page___NuaNO_2-2-
|
|
561
|
+
.magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
562
562
|
padding:16px;
|
|
563
563
|
}
|
|
564
564
|
@media (min-width: 1020px){
|
|
565
|
-
body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
565
|
+
body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
566
566
|
padding:16px 68px;
|
|
567
567
|
}
|
|
568
568
|
}
|
|
569
569
|
@media (min-width: 1024px){
|
|
570
|
-
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
570
|
+
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
571
571
|
padding:16px 68px;
|
|
572
572
|
}
|
|
573
573
|
}
|
|
574
574
|
@media (min-width: 1340px){
|
|
575
|
-
body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
575
|
+
body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
576
576
|
padding:16px 76px;
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
579
|
@media (min-width: 1280px){
|
|
580
|
-
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
580
|
+
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
581
581
|
padding:16px 76px;
|
|
582
582
|
}
|
|
583
583
|
}
|
|
584
584
|
@media (min-width: 1440px){
|
|
585
|
-
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
585
|
+
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
586
586
|
padding:16px 108px;
|
|
587
587
|
}
|
|
588
588
|
}
|
|
589
589
|
@media (min-width: 1920px){
|
|
590
|
-
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-
|
|
590
|
+
body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-14{
|
|
591
591
|
padding:16px 252px;
|
|
592
592
|
}
|
|
593
593
|
}
|
|
594
|
-
.magritte-actions-stack___12VkP_2-2-
|
|
594
|
+
.magritte-actions-stack___12VkP_2-2-14{
|
|
595
595
|
display:none;
|
|
596
596
|
width:100%;
|
|
597
597
|
}
|
|
598
|
-
.magritte-actions-stack___12VkP_2-2-
|
|
598
|
+
.magritte-actions-stack___12VkP_2-2-14.magritte-right-only-actions___84fc8_2-2-14{
|
|
599
599
|
justify-content:flex-end;
|
|
600
600
|
}
|
|
601
|
-
.magritte-actions-stack-vertical-on-mobile___82xhC_2-2-
|
|
601
|
+
.magritte-actions-stack-vertical-on-mobile___82xhC_2-2-14{
|
|
602
602
|
display:flex;
|
|
603
603
|
flex-direction:column;
|
|
604
604
|
gap:12px;
|
|
605
605
|
}
|
|
606
606
|
@media (min-width: 1020px){
|
|
607
|
-
body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-
|
|
607
|
+
body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-14{
|
|
608
608
|
display:none;
|
|
609
609
|
}
|
|
610
610
|
}
|
|
611
611
|
@media (min-width: 1024px){
|
|
612
|
-
body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-
|
|
612
|
+
body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-14{
|
|
613
613
|
display:none;
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
|
-
.magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-
|
|
616
|
+
.magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-14{
|
|
617
617
|
display:flex;
|
|
618
618
|
flex-direction:column;
|
|
619
619
|
gap:16px;
|
|
620
620
|
}
|
|
621
621
|
@media (min-width: 700px){
|
|
622
|
-
body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-
|
|
622
|
+
body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-14{
|
|
623
623
|
display:none;
|
|
624
624
|
}
|
|
625
625
|
}
|
|
626
626
|
@media (min-width: 600px){
|
|
627
|
-
body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-
|
|
627
|
+
body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-14{
|
|
628
628
|
display:none;
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
|
-
.magritte-additional-content-container___N4Q-l_2-2-
|
|
631
|
+
.magritte-additional-content-container___N4Q-l_2-2-14{
|
|
632
632
|
display:flex;
|
|
633
633
|
flex:1 1 100%;
|
|
634
634
|
overflow:hidden;
|
|
635
635
|
position:relative;
|
|
636
636
|
}
|
|
637
|
-
.magritte-additional-content-container___N4Q-l_2-2-
|
|
637
|
+
.magritte-additional-content-container___N4Q-l_2-2-14.magritte-additional-content-mobile___nbfvk_2-2-14{
|
|
638
638
|
margin-bottom:2px;
|
|
639
639
|
}
|
|
640
|
-
.magritte-additional-content-overflow-wrapper___hpCEQ_2-2-
|
|
640
|
+
.magritte-additional-content-overflow-wrapper___hpCEQ_2-2-14{
|
|
641
641
|
position:absolute;
|
|
642
642
|
inset:0;
|
|
643
643
|
}
|
|
644
|
-
.magritte-additional-content-wrapper___dpdp5_2-2-
|
|
644
|
+
.magritte-additional-content-wrapper___dpdp5_2-2-14{
|
|
645
645
|
width:100%;
|
|
646
646
|
}
|
|
647
|
-
.magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-
|
|
647
|
+
.magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-14{
|
|
648
648
|
display:none;
|
|
649
649
|
}
|
|
650
650
|
@media (min-width: 700px){
|
|
651
|
-
body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-
|
|
651
|
+
body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-14{
|
|
652
652
|
display:flex;
|
|
653
653
|
flex-direction:row;
|
|
654
654
|
justify-content:space-between;
|
|
@@ -657,7 +657,7 @@
|
|
|
657
657
|
}
|
|
658
658
|
}
|
|
659
659
|
@media (min-width: 600px){
|
|
660
|
-
body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-
|
|
660
|
+
body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-14{
|
|
661
661
|
display:flex;
|
|
662
662
|
flex-direction:row;
|
|
663
663
|
justify-content:space-between;
|
|
@@ -665,37 +665,37 @@
|
|
|
665
665
|
gap:12px;
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
|
-
.magritte-horizontal-actions-container___dKSH8_2-2-
|
|
668
|
+
.magritte-horizontal-actions-container___dKSH8_2-2-14{
|
|
669
669
|
display:flex;
|
|
670
670
|
flex:0 0 auto;
|
|
671
671
|
gap:12px;
|
|
672
672
|
align-items:center;
|
|
673
673
|
}
|
|
674
|
-
.magritte-vertical-actions-container___j1toG_2-2-
|
|
674
|
+
.magritte-vertical-actions-container___j1toG_2-2-14{
|
|
675
675
|
display:flex;
|
|
676
676
|
gap:12px;
|
|
677
677
|
flex-direction:column-reverse;
|
|
678
678
|
align-items:center;
|
|
679
679
|
}
|
|
680
|
-
.magritte-actions-stack-modal___LzxwQ_2-2-
|
|
680
|
+
.magritte-actions-stack-modal___LzxwQ_2-2-14{
|
|
681
681
|
display:flex;
|
|
682
682
|
flex-direction:row;
|
|
683
683
|
justify-content:space-between;
|
|
684
684
|
gap:12px;
|
|
685
685
|
}
|
|
686
|
-
.magritte-actions-stack-modal___LzxwQ_2-2-
|
|
686
|
+
.magritte-actions-stack-modal___LzxwQ_2-2-14.magritte-actions-stack-modal-vertical___93z-V_2-2-14{
|
|
687
687
|
flex-direction:column-reverse;
|
|
688
688
|
}
|
|
689
|
-
.magritte-actions-stack-modal___LzxwQ_2-2-
|
|
689
|
+
.magritte-actions-stack-modal___LzxwQ_2-2-14.magritte-actions-stack-modal-vertical___93z-V_2-2-14 .magritte-additional-content-container___N4Q-l_2-2-14{
|
|
690
690
|
order:2;
|
|
691
691
|
}
|
|
692
|
-
.magritte-actions-stack-modal___LzxwQ_2-2-
|
|
692
|
+
.magritte-actions-stack-modal___LzxwQ_2-2-14.magritte-actions-stack-modal-vertical___93z-V_2-2-14 .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-14{
|
|
693
693
|
position:static;
|
|
694
694
|
}
|
|
695
|
-
.magritte-actions-stack-wrapper___OKREs_2-2-
|
|
695
|
+
.magritte-actions-stack-wrapper___OKREs_2-2-14{
|
|
696
696
|
width:100%;
|
|
697
697
|
}
|
|
698
|
-
.magritte-additional-content-dimensions___yEIwY_2-2-
|
|
698
|
+
.magritte-additional-content-dimensions___yEIwY_2-2-14{
|
|
699
699
|
display:flex;
|
|
700
700
|
align-items:center;
|
|
701
701
|
width:100%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-action-bar",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.14",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@hh.ru/magritte-common-func-utils": "1.3.9",
|
|
24
24
|
"@hh.ru/magritte-internal-layer-name": "2.2.0",
|
|
25
|
-
"@hh.ru/magritte-types": "5.0.
|
|
25
|
+
"@hh.ru/magritte-types": "5.0.1",
|
|
26
26
|
"@hh.ru/magritte-ui-breakpoint": "4.1.1",
|
|
27
|
-
"@hh.ru/magritte-ui-button": "5.2.
|
|
27
|
+
"@hh.ru/magritte-ui-button": "5.2.13",
|
|
28
28
|
"@hh.ru/magritte-ui-divider": "1.1.39",
|
|
29
|
-
"@hh.ru/magritte-ui-layer": "2.1.
|
|
29
|
+
"@hh.ru/magritte-ui-layer": "2.1.2",
|
|
30
30
|
"@hh.ru/magritte-ui-mock-component": "1.0.12"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "57867dfe289f03cc69932c1de56a3eba0e25a9b4"
|
|
40
40
|
}
|