@hh.ru/magritte-ui-nav-bar 1.3.27 → 1.3.29

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 (17) hide show
  1. package/index.css +99 -99
  2. package/index.js +2 -1
  3. package/index.js.map +1 -1
  4. package/nav-bar-BFd5MVDE.js +5 -0
  5. package/nav-bar-BFd5MVDE.js.map +1 -0
  6. package/package.json +4 -3
  7. package/public/Actions.js +1 -1
  8. package/public/LayoutMorph.js +1 -1
  9. package/public/LayoutStage.js +1 -1
  10. package/public/Morph.js +1 -1
  11. package/public/NavBar.js +1 -1
  12. package/public/Pane.js +1 -1
  13. package/public/Stage.js +1 -1
  14. package/public/TitleContainer.js +5 -2
  15. package/public/TitleContainer.js.map +1 -1
  16. package/nav-bar-BOTcQpSW.js +0 -5
  17. package/nav-bar-BOTcQpSW.js.map +0 -1
package/index.css CHANGED
@@ -9,94 +9,94 @@
9
9
  --magritte-color-text-primary-v24-7-0:#ffffff;
10
10
  --magritte-color-text-secondary-v24-7-0:#ABABAB;
11
11
  }
12
- .magritte-actions-container___CBgYW_1-3-27{
12
+ .magritte-actions-container___CBgYW_1-3-29{
13
13
  display:flex;
14
14
  flex-direction:row;
15
15
  gap:12px;
16
16
  min-height:40px;
17
17
  }
18
- .magritte-actions-no-children___rgJUl_1-3-27{
18
+ .magritte-actions-no-children___rgJUl_1-3-29{
19
19
  justify-content:space-between;
20
20
  }
21
- .magritte-actions-left-slot___DNOj0_1-3-27,
22
- .magritte-actions-right-slot___aodtj_1-3-27{
21
+ .magritte-actions-left-slot___DNOj0_1-3-29,
22
+ .magritte-actions-right-slot___aodtj_1-3-29{
23
23
  display:grid;
24
24
  flex:0 0 auto;
25
25
  --magritte-ui-icon-margin-not-transparent:var(--magritte-ui-navbar-actions-icon-margin-not-transparent-override, -8px);
26
26
  --magritte-ui-icon-margin-transparent:var(--magritte-ui-navbar-actions-icon-margin-transparent-override, 0);
27
27
  --magritte-ui-icon-margin-delta:calc(var(--magritte-ui-icon-margin-not-transparent) - var(--magritte-ui-icon-margin-transparent));
28
28
  }
29
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
30
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
31
- .magritte-navbar-not-transparent___5KZNp_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
32
- .magritte-navbar-not-transparent___5KZNp_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child{
29
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
30
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
31
+ .magritte-navbar-not-transparent___5KZNp_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
32
+ .magritte-navbar-not-transparent___5KZNp_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child{
33
33
  margin-left:var(--magritte-ui-icon-margin-not-transparent);
34
34
  }
35
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
36
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
37
- .magritte-navbar-not-transparent___5KZNp_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
38
- .magritte-navbar-not-transparent___5KZNp_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child{
35
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
36
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
37
+ .magritte-navbar-not-transparent___5KZNp_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
38
+ .magritte-navbar-not-transparent___5KZNp_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child{
39
39
  margin-right:var(--magritte-ui-icon-margin-not-transparent);
40
40
  }
41
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
42
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
43
- .magritte-navbar-transparent___ULEh8_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
44
- .magritte-navbar-transparent___ULEh8_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child{
41
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
42
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
43
+ .magritte-navbar-transparent___ULEh8_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
44
+ .magritte-navbar-transparent___ULEh8_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child{
45
45
  margin-left:var(--magritte-ui-icon-margin-transparent);
46
46
  }
47
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
48
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
49
- .magritte-navbar-transparent___ULEh8_1-3-27 .magritte-actions-start-stage___MJ67a_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
50
- .magritte-navbar-transparent___ULEh8_1-3-27 .magritte-actions-end-stage___qHtTV_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child{
47
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
48
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
49
+ .magritte-navbar-transparent___ULEh8_1-3-29 .magritte-actions-start-stage___MJ67a_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
50
+ .magritte-navbar-transparent___ULEh8_1-3-29 .magritte-actions-end-stage___qHtTV_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child{
51
51
  margin-right:var(--magritte-ui-icon-margin-transparent);
52
52
  }
53
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
54
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child{
53
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
54
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child{
55
55
  margin-left:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
56
56
  }
57
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
58
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child{
57
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
58
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child{
59
59
  margin-right:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
60
60
  }
61
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child,
62
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:first-child{
61
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child,
62
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:first-child{
63
63
  margin-left:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
64
64
  }
65
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-right-slot___aodtj_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child,
66
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-actions-only-stage___cg10A_1-3-27 .magritte-actions-left-slot___DNOj0_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27 > .magritte-actions-icon-morph___-nNgW_1-3-27:last-child{
65
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-right-slot___aodtj_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child,
66
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-actions-only-stage___cg10A_1-3-29 .magritte-actions-left-slot___DNOj0_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29 > .magritte-actions-icon-morph___-nNgW_1-3-29:last-child{
67
67
  margin-right:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
68
68
  }
69
- .magritte-actions-center-slot___hLAy6_1-3-27{
69
+ .magritte-actions-center-slot___hLAy6_1-3-29{
70
70
  display:flex;
71
71
  flex:1 1 auto;
72
72
  min-width:0;
73
73
  }
74
- .magritte-actions-center-slot___hLAy6_1-3-27.magritte-actions-center-slot-centered___merXQ_1-3-27{
74
+ .magritte-actions-center-slot___hLAy6_1-3-29.magritte-actions-center-slot-centered___merXQ_1-3-29{
75
75
  justify-content:center;
76
76
  }
77
- .magritte-actions-side-slot-content___TlHrX_1-3-27,
78
- .magritte-actions-side-slot-content-clone___jDxVm_1-3-27{
77
+ .magritte-actions-side-slot-content___TlHrX_1-3-29,
78
+ .magritte-actions-side-slot-content-clone___jDxVm_1-3-29{
79
79
  grid-area:1 / 1;
80
80
  display:flex;
81
81
  align-items:center;
82
82
  gap:4px;
83
83
  }
84
- .magritte-align-top___-QSFW_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27,
85
- .magritte-align-top___-QSFW_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27{
84
+ .magritte-align-top___-QSFW_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29,
85
+ .magritte-align-top___-QSFW_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29{
86
86
  align-items:start;
87
87
  }
88
- .magritte-align-bottom___FliHI_1-3-27 .magritte-actions-side-slot-content___TlHrX_1-3-27,
89
- .magritte-align-bottom___FliHI_1-3-27 .magritte-actions-side-slot-content-clone___jDxVm_1-3-27{
88
+ .magritte-align-bottom___FliHI_1-3-29 .magritte-actions-side-slot-content___TlHrX_1-3-29,
89
+ .magritte-align-bottom___FliHI_1-3-29 .magritte-actions-side-slot-content-clone___jDxVm_1-3-29{
90
90
  align-items:end;
91
91
  }
92
- .magritte-actions-side-slot-content-clone___jDxVm_1-3-27{
92
+ .magritte-actions-side-slot-content-clone___jDxVm_1-3-29{
93
93
  visibility:hidden;
94
94
  z-index:0;
95
95
  pointer-events:none;
96
96
  user-select:none;
97
97
  contain:style layout;
98
98
  }
99
- .magritte-title-container-wrapper___DQUcj_1-3-27{
99
+ .magritte-title-container-wrapper___DQUcj_1-3-29{
100
100
  display:flex;
101
101
  flex-direction:row;
102
102
  align-items:center;
@@ -104,28 +104,28 @@
104
104
  min-width:0;
105
105
  gap:12px;
106
106
  }
107
- .magritte-title-main-part___npoHN_1-3-27{
107
+ .magritte-title-main-part___npoHN_1-3-29{
108
108
  display:flex;
109
109
  flex-direction:column;
110
110
  flex:0 1 auto;
111
111
  min-width:0;
112
112
  }
113
- .magritte-title-left-slot___HTE7h_1-3-27{
113
+ .magritte-title-left-slot___HTE7h_1-3-29{
114
114
  display:flex;
115
115
  align-items:center;
116
116
  flex:0 0 auto;
117
117
  }
118
- .magritte-title-container___y9AIx_1-3-27{
118
+ .magritte-title-container___y9AIx_1-3-29{
119
119
  display:flex;
120
120
  flex-direction:row;
121
121
  align-items:center;
122
122
  gap:5px;
123
123
  min-height:var(--magritte-ui-navbar-title-container-min-height-small-override, 0);
124
124
  }
125
- .magritte-subtitle-container___nVUBu_1-3-27{
125
+ .magritte-subtitle-container___nVUBu_1-3-29{
126
126
  display:flex;
127
127
  }
128
- .magritte-subtitle-container___nVUBu_1-3-27 .magritte-text-morph-item___-vXru_1-3-27{
128
+ .magritte-subtitle-container___nVUBu_1-3-29 .magritte-text-morph-item___-vXru_1-3-29{
129
129
  color:var(--magritte-color-text-secondary-v24-7-0);
130
130
  font-family:"hh sans";
131
131
  font-weight:400;
@@ -136,20 +136,20 @@
136
136
  text-transform:none;
137
137
  text-decoration:none;
138
138
  }
139
- .magritte-centered___Y2mlP_1-3-27 .magritte-subtitle-container___nVUBu_1-3-27,
140
- .magritte-centered___Y2mlP_1-3-27 .magritte-title-container___y9AIx_1-3-27{
139
+ .magritte-centered___Y2mlP_1-3-29 .magritte-subtitle-container___nVUBu_1-3-29,
140
+ .magritte-centered___Y2mlP_1-3-29 .magritte-title-container___y9AIx_1-3-29{
141
141
  justify-content:center;
142
142
  }
143
- .magritte-title-morph-item___t7Wf3_1-3-27{
143
+ .magritte-title-morph-item___t7Wf3_1-3-29{
144
144
  display:flex;
145
145
  min-width:0;
146
146
  }
147
- .magritte-title___ZbLgP_1-3-27{
147
+ .magritte-title___ZbLgP_1-3-29{
148
148
  display:flex;
149
149
  flex:0 1 auto;
150
150
  min-width:0;
151
151
  }
152
- .magritte-title___ZbLgP_1-3-27 .magritte-text-morph-item___-vXru_1-3-27{
152
+ .magritte-title___ZbLgP_1-3-29 .magritte-text-morph-item___-vXru_1-3-29{
153
153
  color:var(--magritte-color-text-primary-v24-7-0);
154
154
  font-family:"hh sans";
155
155
  font-weight:500;
@@ -160,13 +160,13 @@
160
160
  text-transform:none;
161
161
  text-decoration:none;
162
162
  }
163
- .magritte-size-large___ISXfH_1-3-27 .magritte-title-main-part___npoHN_1-3-27{
163
+ .magritte-size-large___ISXfH_1-3-29 .magritte-title-main-part___npoHN_1-3-29{
164
164
  gap:4px;
165
165
  }
166
- .magritte-size-large___ISXfH_1-3-27 .magritte-title-container___y9AIx_1-3-27{
166
+ .magritte-size-large___ISXfH_1-3-29 .magritte-title-container___y9AIx_1-3-29{
167
167
  min-height:var(--magritte-ui-navbar-title-container-min-height-large-override, 0);
168
168
  }
169
- .magritte-size-large___ISXfH_1-3-27 .magritte-title___ZbLgP_1-3-27 .magritte-text-morph-item___-vXru_1-3-27{
169
+ .magritte-size-large___ISXfH_1-3-29 .magritte-title___ZbLgP_1-3-29 .magritte-text-morph-item___-vXru_1-3-29{
170
170
  font-family:"hh sans";
171
171
  font-weight:500;
172
172
  line-height:32px;
@@ -176,7 +176,7 @@
176
176
  text-transform:none;
177
177
  text-decoration:none;
178
178
  }
179
- .magritte-size-large___ISXfH_1-3-27 .magritte-subtitle-container___nVUBu_1-3-27 .magritte-text-morph-item___-vXru_1-3-27{
179
+ .magritte-size-large___ISXfH_1-3-29 .magritte-subtitle-container___nVUBu_1-3-29 .magritte-text-morph-item___-vXru_1-3-29{
180
180
  font-family:"hh sans";
181
181
  font-weight:400;
182
182
  line-height:22px;
@@ -186,12 +186,12 @@
186
186
  text-transform:none;
187
187
  text-decoration:none;
188
188
  }
189
- .magritte-pane-content___UVmC6_1-3-27{
189
+ .magritte-pane-content___UVmC6_1-3-29{
190
190
  position:relative;
191
191
  pointer-events:none;
192
192
  z-index:2;
193
193
  }
194
- .magritte-pane-background___PDZAX_1-3-27{
194
+ .magritte-pane-background___PDZAX_1-3-29{
195
195
  position:absolute;
196
196
  background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-7-0)));
197
197
  opacity:0;
@@ -199,43 +199,43 @@
199
199
  z-index:-1;
200
200
  transform-origin:0 0;
201
201
  }
202
- .magritte-navbar-transparent-start___wysv0_1-3-27 .magritte-pane-background___PDZAX_1-3-27{
202
+ .magritte-navbar-transparent-start___wysv0_1-3-29 .magritte-pane-background___PDZAX_1-3-29{
203
203
  opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
204
204
  }
205
- .magritte-navbar-transparent-end___6KqLR_1-3-27 .magritte-pane-background___PDZAX_1-3-27{
205
+ .magritte-navbar-transparent-end___6KqLR_1-3-29 .magritte-pane-background___PDZAX_1-3-29{
206
206
  opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
207
207
  }
208
- .magritte-navbar-not-transparent___5KZNp_1-3-27 .magritte-pane-background___PDZAX_1-3-27{
208
+ .magritte-navbar-not-transparent___5KZNp_1-3-29 .magritte-pane-background___PDZAX_1-3-29{
209
209
  opacity:0.95;
210
210
  }
211
- .magritte-morph-item___8kF46_1-3-27{
211
+ .magritte-morph-item___8kF46_1-3-29{
212
212
  line-height:0;
213
213
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
214
214
  }
215
- .magritte-morph-item-top___WPEkn_1-3-27{
215
+ .magritte-morph-item-top___WPEkn_1-3-29{
216
216
  --magritte-ui-morph-item-transform-origin-y:top;
217
217
  }
218
- .magritte-morph-item-bottom___zNbsF_1-3-27{
218
+ .magritte-morph-item-bottom___zNbsF_1-3-29{
219
219
  --magritte-ui-morph-item-transform-origin-y:bottom;
220
220
  }
221
- .magritte-morph-item-left___T6AMW_1-3-27{
221
+ .magritte-morph-item-left___T6AMW_1-3-29{
222
222
  --magritte-ui-morph-item-transform-origin-x:left;
223
223
  }
224
- .magritte-morph-item-right___EuT1E_1-3-27{
224
+ .magritte-morph-item-right___EuT1E_1-3-29{
225
225
  --magritte-ui-morph-item-transform-origin-x:right;
226
226
  }
227
- .magritte-pane___f8eFC_1-3-27{
227
+ .magritte-pane___f8eFC_1-3-29{
228
228
  position:relative;
229
229
  overflow:hidden;
230
230
  pointer-events:none;
231
231
  }
232
- .magritte-start-state-container___giBVb_1-3-27{
232
+ .magritte-start-state-container___giBVb_1-3-29{
233
233
  position:relative;
234
234
  z-index:1;
235
235
  box-sizing:border-box;
236
236
  pointer-events:auto;
237
237
  }
238
- .magritte-end-state-container___uiW8Q_1-3-27{
238
+ .magritte-end-state-container___uiW8Q_1-3-29{
239
239
  position:absolute;
240
240
  z-index:0;
241
241
  top:0;
@@ -244,66 +244,66 @@
244
244
  pointer-events:none;
245
245
  opacity:0;
246
246
  }
247
- .magritte-content-container___7s7vv_1-3-27{
247
+ .magritte-content-container___7s7vv_1-3-29{
248
248
  box-sizing:border-box;
249
249
  }
250
- .magritte-next-pane___H2oxQ_1-3-27{
250
+ .magritte-next-pane___H2oxQ_1-3-29{
251
251
  position:relative;
252
252
  }
253
- .magritte-nav-bar___RRGe0_1-3-27{
253
+ .magritte-nav-bar___RRGe0_1-3-29{
254
254
  top:0;
255
255
  position:sticky;
256
256
  pointer-events:none;
257
257
  overflow-anchor:none;
258
258
  z-index:10;
259
259
  }
260
- .magritte-nav-bar-overlay___Mq5ZD_1-3-27 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-27{
260
+ .magritte-nav-bar-overlay___Mq5ZD_1-3-29 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-29{
261
261
  position:absolute;
262
262
  inset:0;
263
263
  }
264
- .magritte-nav-bar-content-container___H-WMO_1-3-27{
264
+ .magritte-nav-bar-content-container___H-WMO_1-3-29{
265
265
  display:grid;
266
266
  position:relative;
267
267
  }
268
- .magritte-nav-bar-panes-container___5ZDLa_1-3-27{
268
+ .magritte-nav-bar-panes-container___5ZDLa_1-3-29{
269
269
  position:relative;
270
270
  z-index:1;
271
271
  grid-area:1 / 1;
272
272
  min-width:0;
273
273
  }
274
- .magritte-nav-bar-progressive-blur___qyeUV_1-3-27{
274
+ .magritte-nav-bar-progressive-blur___qyeUV_1-3-29{
275
275
  position:relative;
276
276
  z-index:0;
277
277
  transform-origin:0 0;
278
278
  grid-area:1 / 1;
279
279
  min-width:0;
280
280
  }
281
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .magritte-nav-bar-stage___amDz7_1-3-27,
282
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .nav-bar-layout-animation-stage-start,
283
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .nav-bar-layout-animation-stage-end{
281
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .magritte-nav-bar-stage___amDz7_1-3-29,
282
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .nav-bar-layout-animation-stage-start,
283
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .nav-bar-layout-animation-stage-end{
284
284
  padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
285
285
  }
286
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .magritte-next-pane___H2oxQ_1-3-27 .magritte-nav-bar-stage___amDz7_1-3-27,
287
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .magritte-next-pane___H2oxQ_1-3-27 .nav-bar-layout-animation-stage-start,
288
- .magritte-nav-bar-content-container___H-WMO_1-3-27 .magritte-next-pane___H2oxQ_1-3-27 .nav-bar-layout-animation-stage-end{
286
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .magritte-next-pane___H2oxQ_1-3-29 .magritte-nav-bar-stage___amDz7_1-3-29,
287
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .magritte-next-pane___H2oxQ_1-3-29 .nav-bar-layout-animation-stage-start,
288
+ .magritte-nav-bar-content-container___H-WMO_1-3-29 .magritte-next-pane___H2oxQ_1-3-29 .nav-bar-layout-animation-stage-end{
289
289
  padding-top:8px;
290
290
  }
291
- .magritte-last-pane___Hf2No_1-3-27 .magritte-nav-bar-stage___amDz7_1-3-27,
292
- .magritte-last-pane___Hf2No_1-3-27 .nav-bar-layout-animation-stage-start,
293
- .magritte-last-pane___Hf2No_1-3-27 .nav-bar-layout-animation-stage-end{
291
+ .magritte-last-pane___Hf2No_1-3-29 .magritte-nav-bar-stage___amDz7_1-3-29,
292
+ .magritte-last-pane___Hf2No_1-3-29 .nav-bar-layout-animation-stage-start,
293
+ .magritte-last-pane___Hf2No_1-3-29 .nav-bar-layout-animation-stage-end{
294
294
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 8px);
295
295
  }
296
- .magritte-next-pane___H2oxQ_1-3-27 .magritte-last-pane___Hf2No_1-3-27 .magritte-nav-bar-stage___amDz7_1-3-27,
297
- .magritte-next-pane___H2oxQ_1-3-27 .magritte-last-pane___Hf2No_1-3-27 .nav-bar-layout-animation-stage-start,
298
- .magritte-next-pane___H2oxQ_1-3-27 .magritte-last-pane___Hf2No_1-3-27 .nav-bar-layout-animation-stage-end{
296
+ .magritte-next-pane___H2oxQ_1-3-29 .magritte-last-pane___Hf2No_1-3-29 .magritte-nav-bar-stage___amDz7_1-3-29,
297
+ .magritte-next-pane___H2oxQ_1-3-29 .magritte-last-pane___Hf2No_1-3-29 .nav-bar-layout-animation-stage-start,
298
+ .magritte-next-pane___H2oxQ_1-3-29 .magritte-last-pane___Hf2No_1-3-29 .nav-bar-layout-animation-stage-end{
299
299
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 16px);
300
300
  }
301
- .magritte-nav-bar-stage___amDz7_1-3-27{
301
+ .magritte-nav-bar-stage___amDz7_1-3-29{
302
302
  padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
303
303
  }
304
- .magritte-metrics-mode___h38aX_1-3-27 .magritte-morph-item___8kF46_1-3-27,
305
- .magritte-metrics-mode___h38aX_1-3-27 .magritte-pane___f8eFC_1-3-27,
306
- .magritte-metrics-mode___h38aX_1-3-27 .magritte-next-pane___H2oxQ_1-3-27{
304
+ .magritte-metrics-mode___h38aX_1-3-29 .magritte-morph-item___8kF46_1-3-29,
305
+ .magritte-metrics-mode___h38aX_1-3-29 .magritte-pane___f8eFC_1-3-29,
306
+ .magritte-metrics-mode___h38aX_1-3-29 .magritte-next-pane___H2oxQ_1-3-29{
307
307
  transform:none !important;
308
308
  }
309
309
  .nav-bar-layout-animation-stage-end,
@@ -314,41 +314,41 @@
314
314
  height:auto !important;
315
315
  transform:none !important;
316
316
  }
317
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-27,
318
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-27{
317
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-29,
318
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-29{
319
319
  position:static !important;
320
320
  width:auto !important;
321
321
  height:auto !important;
322
322
  transform:none !important;
323
323
  }
324
- .magritte-layout-morph___I3SPy_1-3-27{
324
+ .magritte-layout-morph___I3SPy_1-3-29{
325
325
  display:block;
326
326
  position:absolute;
327
327
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
328
328
  z-index:3;
329
329
  }
330
- .magritte-animation-stage-progress___5FthT_1-3-27 .magritte-layout-morph___I3SPy_1-3-27 > *{
330
+ .magritte-animation-stage-progress___5FthT_1-3-29 .magritte-layout-morph___I3SPy_1-3-29 > *{
331
331
  margin:0 !important;
332
332
  }
333
- .magritte-layout-morph-start___9-krP_1-3-27{
333
+ .magritte-layout-morph-start___9-krP_1-3-29{
334
334
  z-index:2;
335
335
  }
336
- .magritte-layout-morph-end___LIg4d_1-3-27{
336
+ .magritte-layout-morph-end___LIg4d_1-3-29{
337
337
  z-index:1;
338
338
  }
339
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-27{
339
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-29{
340
340
  display:contents;
341
341
  }
342
- .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-27{
342
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-29{
343
343
  display:none;
344
344
  }
345
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-27{
345
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-29{
346
346
  display:contents;
347
347
  }
348
- .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-27{
348
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-29{
349
349
  display:none;
350
350
  }
351
- .magritte-divider-container___-NdWi_1-3-27{
351
+ .magritte-divider-container___-NdWi_1-3-29{
352
352
  position:absolute;
353
353
  width:100%;
354
354
  bottom:0;
package/index.js CHANGED
@@ -15,7 +15,7 @@ import 'react/jsx-runtime';
15
15
  import 'react';
16
16
  import 'classnames';
17
17
  import '@hh.ru/magritte-ui-icon';
18
- import './nav-bar-BOTcQpSW.js';
18
+ import './nav-bar-BFd5MVDE.js';
19
19
  import './internal/MetricsProvider.js';
20
20
  import './internal/utils.js';
21
21
  import 'motion';
@@ -37,6 +37,7 @@ import './internal/useScrollAdapter.js';
37
37
  import '@hh.ru/magritte-internal-custom-scroll';
38
38
  import './internal/useSnapScroll.js';
39
39
  import './internal/useSyncMotionValue.js';
40
+ import '@hh.ru/magritte-internal-accessible-region';
40
41
  import '@hh.ru/magritte-ui-typography';
41
42
  import '@hh.ru/magritte-internal-slot-registry';
42
43
  import '@hh.ru/magritte-internal-default-props-context';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["src/index.ts"],"sourcesContent":["import { Actions, type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';\nimport {\n EnvironmentFingerprintNode,\n type EnvironmentFingerprintNodeProps,\n} from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\nimport { LayoutMorph, type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';\nimport { LayoutStage } from '@hh.ru/magritte-ui-nav-bar/public/LayoutStage';\nimport { Morph, type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { NavBar as NavBarBase, type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\nimport { ExternalPane as Pane, type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nimport { ExternalStage as Stage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';\nimport { TitleContainer, type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';\nimport { Trigger } from '@hh.ru/magritte-ui-nav-bar/public/Trigger';\nimport { TriggerProvider } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\nimport {\n NavBarDefaultPropsContext,\n type NavBarDefaultPropsContextProps,\n} from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\n/**\n * Compound-API: все подкомпоненты доступны как статические члены `NavBar.*`.\n * Плоские экспорты ниже сохранены для обратной совместимости. Компоненты, добавленные позже\n * (`Trigger`, `TriggerProvider`), доступны **только** через `NavBar.*`, чтобы не занимать имена в\n * сводном бандле `@hh.ru/magritte-ui` (имя `Trigger` уже занято пакетом `@hh.ru/magritte-ui-trigger`).\n */\nconst NavBar = Object.assign(NavBarBase, {\n Trigger,\n TriggerProvider,\n Pane,\n Stage,\n Morph,\n Actions,\n TitleContainer,\n LayoutStage,\n LayoutMorph,\n EnvironmentFingerprintNode,\n DefaultPropsContext: NavBarDefaultPropsContext,\n});\n\nexport { NavBar, type NavBarProps };\nexport { Actions, type ActionsProps };\nexport { NavBarDefaultPropsContext, type NavBarDefaultPropsContextProps };\nexport { Pane, type PaneProps };\nexport { Stage };\nexport { Morph, type MorphProps };\nexport { TitleContainer, type TitleContainerProps };\nexport { LayoutStage };\nexport { LayoutMorph, type LayoutMorphProps };\nexport { EnvironmentFingerprintNode, type EnvironmentFingerprintNodeProps };\n"],"names":["NavBarBase","Pane","Stage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;;;;AAKG;AACH,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,QAAU,EAAE;IACrC,OAAO;IACP,eAAe;UACfC,YAAI;WACJC,aAAK;IACL,KAAK;IACL,OAAO;IACP,cAAc;IACd,WAAW;IACX,WAAW;IACX,0BAA0B;AAC1B,IAAA,mBAAmB,EAAE,yBAAyB;AACjD,CAAA;;;;"}
1
+ {"version":3,"file":"index.js","sources":["src/index.ts"],"sourcesContent":["import { Actions, type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';\nimport {\n EnvironmentFingerprintNode,\n type EnvironmentFingerprintNodeProps,\n} from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\nimport { LayoutMorph, type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';\nimport { LayoutStage } from '@hh.ru/magritte-ui-nav-bar/public/LayoutStage';\nimport { Morph, type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { NavBar as NavBarBase, type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\nimport { ExternalPane as Pane, type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nimport { ExternalStage as Stage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';\nimport { TitleContainer, type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';\nimport { Trigger } from '@hh.ru/magritte-ui-nav-bar/public/Trigger';\nimport { TriggerProvider } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\nimport {\n NavBarDefaultPropsContext,\n type NavBarDefaultPropsContextProps,\n} from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\n/**\n * Compound-API: все подкомпоненты доступны как статические члены `NavBar.*`.\n * Плоские экспорты ниже сохранены для обратной совместимости. Компоненты, добавленные позже\n * (`Trigger`, `TriggerProvider`), доступны **только** через `NavBar.*`, чтобы не занимать имена в\n * сводном бандле `@hh.ru/magritte-ui` (имя `Trigger` уже занято пакетом `@hh.ru/magritte-ui-trigger`).\n */\nconst NavBar = Object.assign(NavBarBase, {\n Trigger,\n TriggerProvider,\n Pane,\n Stage,\n Morph,\n Actions,\n TitleContainer,\n LayoutStage,\n LayoutMorph,\n EnvironmentFingerprintNode,\n DefaultPropsContext: NavBarDefaultPropsContext,\n});\n\nexport { NavBar, type NavBarProps };\nexport { Actions, type ActionsProps };\nexport { NavBarDefaultPropsContext, type NavBarDefaultPropsContextProps };\nexport { Pane, type PaneProps };\nexport { Stage };\nexport { Morph, type MorphProps };\nexport { TitleContainer, type TitleContainerProps };\nexport { LayoutStage };\nexport { LayoutMorph, type LayoutMorphProps };\nexport { EnvironmentFingerprintNode, type EnvironmentFingerprintNodeProps };\n"],"names":["NavBarBase","Pane","Stage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;;;;AAKG;AACH,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,QAAU,EAAE;IACrC,OAAO;IACP,eAAe;UACfC,YAAI;WACJC,aAAK;IACL,KAAK;IACL,OAAO;IACP,cAAc;IACd,WAAW;IACX,WAAW;IACX,0BAA0B;AAC1B,IAAA,mBAAmB,EAAE,yBAAyB;AACjD,CAAA;;;;"}
package/nav-bar-BFd5MVDE.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-29","actionsContainer":"magritte-actions-container___CBgYW_1-3-29","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-29","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-29","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-29","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-29","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-29","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-29","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-29","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-29","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-29","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-29","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-29","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-29","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-29","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-29","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-29","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-29","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-29","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-29","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-29","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-29","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-3-29","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-3-29","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-29","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-29","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-29","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-29","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-29","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-29","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-29","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-29","align-top":"magritte-align-top___-QSFW_1-3-29","alignTop":"magritte-align-top___-QSFW_1-3-29","align-bottom":"magritte-align-bottom___FliHI_1-3-29","alignBottom":"magritte-align-bottom___FliHI_1-3-29","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-29","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-29","title-main-part":"magritte-title-main-part___npoHN_1-3-29","titleMainPart":"magritte-title-main-part___npoHN_1-3-29","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-29","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-29","title-container":"magritte-title-container___y9AIx_1-3-29","titleContainer":"magritte-title-container___y9AIx_1-3-29","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-29","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-29","text-morph-item":"magritte-text-morph-item___-vXru_1-3-29","textMorphItem":"magritte-text-morph-item___-vXru_1-3-29","centered":"magritte-centered___Y2mlP_1-3-29","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-29","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-29","title":"magritte-title___ZbLgP_1-3-29","size-large":"magritte-size-large___ISXfH_1-3-29","sizeLarge":"magritte-size-large___ISXfH_1-3-29","pane-content":"magritte-pane-content___UVmC6_1-3-29","paneContent":"magritte-pane-content___UVmC6_1-3-29","pane-background":"magritte-pane-background___PDZAX_1-3-29","paneBackground":"magritte-pane-background___PDZAX_1-3-29","morph-item":"magritte-morph-item___8kF46_1-3-29","morphItem":"magritte-morph-item___8kF46_1-3-29","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-29","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-29","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-29","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-29","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-29","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-29","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-29","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-29","pane":"magritte-pane___f8eFC_1-3-29","start-state-container":"magritte-start-state-container___giBVb_1-3-29","startStateContainer":"magritte-start-state-container___giBVb_1-3-29","end-state-container":"magritte-end-state-container___uiW8Q_1-3-29","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-29","content-container":"magritte-content-container___7s7vv_1-3-29","contentContainer":"magritte-content-container___7s7vv_1-3-29","next-pane":"magritte-next-pane___H2oxQ_1-3-29","nextPane":"magritte-next-pane___H2oxQ_1-3-29","nav-bar":"magritte-nav-bar___RRGe0_1-3-29","navBar":"magritte-nav-bar___RRGe0_1-3-29","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-29","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-29","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-29","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-29","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-29","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-29","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-29","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-29","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-29","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-29","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-29","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-29","last-pane":"magritte-last-pane___Hf2No_1-3-29","lastPane":"magritte-last-pane___Hf2No_1-3-29","metrics-mode":"magritte-metrics-mode___h38aX_1-3-29","metricsMode":"magritte-metrics-mode___h38aX_1-3-29","layout-morph":"magritte-layout-morph___I3SPy_1-3-29","layoutMorph":"magritte-layout-morph___I3SPy_1-3-29","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-29","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-29","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-29","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-29","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-29","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-29","divider-container":"magritte-divider-container___-NdWi_1-3-29","dividerContainer":"magritte-divider-container___-NdWi_1-3-29"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=nav-bar-BFd5MVDE.js.map
package/nav-bar-BFd5MVDE.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-bar-BFd5MVDE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-nav-bar",
3
- "version": "1.3.27",
3
+ "version": "1.3.29",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,14 +30,15 @@
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
31
31
  "@hh.ru/magritte-common-use-when-font-loaded": "1.0.14",
32
32
  "@hh.ru/magritte-design-tokens": "24.7.0",
33
+ "@hh.ru/magritte-internal-accessible-region": "1.0.1",
33
34
  "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
34
35
  "@hh.ru/magritte-internal-default-props-context": "1.0.2",
35
- "@hh.ru/magritte-internal-slot-registry": "1.0.1",
36
+ "@hh.ru/magritte-internal-slot-registry": "1.1.0",
36
37
  "@hh.ru/magritte-ui-divider": "3.1.3",
37
38
  "@hh.ru/magritte-ui-icon": "14.2.9",
38
39
  "@hh.ru/magritte-ui-layer": "3.2.4",
39
40
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
40
41
  "@hh.ru/magritte-ui-typography": "5.3.3"
41
42
  },
42
- "gitHead": "3c26365f57a95f757052bd79a78a7ba2c0b34e49"
43
+ "gitHead": "19a8301c2c8aab5d6eff3d1311e08dc34c2a81d9"
43
44
  }
package/public/Actions.js CHANGED
@@ -7,7 +7,7 @@ import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
7
7
  import { Morph } from './Morph.js';
8
8
  import { useAnimationStage } from './Stage.js';
9
9
  import { useActionsDefaultProps, useActionsIconsDefaultProps } from './defaultProps.js';
10
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
10
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
11
11
  import '../internal/MetricsProvider.js';
12
12
  import '../internal/utils.js';
13
13
  import 'motion';
package/public/LayoutMorph.js CHANGED
@@ -10,7 +10,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
10
10
  import { useInert } from '../internal/useInert.js';
11
11
  import { useActualRef, useStoreSyncedTransform, lerp, calcMorphParams } from '../internal/utils.js';
12
12
  import { AnimationStageContext } from './LayoutStage.js';
13
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
13
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
14
14
  import '../internal/KeyedSubscriptions.js';
15
15
  import 'motion';
16
16
  import '../internal/NavBarContext.js';
package/public/LayoutStage.js CHANGED
@@ -9,7 +9,7 @@ import { MorphStoreProvider, useMorphStore } from '../internal/MorphStore.js';
9
9
  import { usePaneStore } from '../internal/PaneStore.js';
10
10
  import { useInitOnce } from '../internal/utils.js';
11
11
  import { EnvironmentFingerprintNode, useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
12
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
12
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
13
13
  import '../internal/KeyedSubscriptions.js';
14
14
  import 'motion';
15
15
  import '../internal/NavBarContext.js';
package/public/Morph.js CHANGED
@@ -9,7 +9,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
9
9
  import { useStoreSyncedTransform, calcMorphParams, lerp } from '../internal/utils.js';
10
10
  import { useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
11
11
  import { useAnimationStage } from './Stage.js';
12
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
12
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
13
13
  import '../internal/KeyedSubscriptions.js';
14
14
  import 'motion';
15
15
  import '../internal/NavBarContext.js';
package/public/NavBar.js CHANGED
@@ -18,7 +18,7 @@ import { useInitOnce, scheduleMicro, scheduleMacro, remap } from '../internal/ut
18
18
  import { isPaneElement, ExternalPane } from './Pane.js';
19
19
  import { useTriggerSlot } from './TriggerContext.js';
20
20
  import { useNavBarRootDefaultProps } from './defaultProps.js';
21
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
21
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
22
22
  import '@hh.ru/magritte-internal-custom-scroll';
23
23
  import 'motion';
24
24
  import '../internal/MorphStore.js';
package/public/Pane.js CHANGED
@@ -10,7 +10,7 @@ import { useInitOnce, useStoreSyncedTransform, lerp } from '../internal/utils.js
10
10
  import { EnvironmentFingerprintProvider } from './EnvironmentFingerprintNode.js';
11
11
  import { LayoutStage } from './LayoutStage.js';
12
12
  import { Stage } from './Stage.js';
13
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
13
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
14
14
  import '../internal/KeyedSubscriptions.js';
15
15
  import 'motion';
16
16
  import '../internal/NavBarContext.js';
package/public/Stage.js CHANGED
@@ -7,7 +7,7 @@ import { useMeasureAuto } from '../internal/MetricsProvider.js';
7
7
  import { usePaneStore } from '../internal/PaneStore.js';
8
8
  import { useInert } from '../internal/useInert.js';
9
9
  import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
10
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
10
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
11
11
  import '../internal/utils.js';
12
12
  import 'motion';
13
13
  import '../internal/KeyedSubscriptions.js';
package/public/TitleContainer.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import './../index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classNames from 'classnames';
4
+ import { useRegisterRegionLabel, useRegisterRegionDescription } from '@hh.ru/magritte-internal-accessible-region';
4
5
  import { Morph } from './Morph.js';
5
6
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
6
- import { s as styles } from '../nav-bar-BOTcQpSW.js';
7
+ import { s as styles } from '../nav-bar-BFd5MVDE.js';
7
8
  import 'react';
8
9
  import 'motion/react';
9
10
  import '../internal/MetricsProvider.js';
@@ -38,9 +39,11 @@ const TEXT_DEFAULT_PROPS_SUBTITLE = {
38
39
  },
39
40
  };
40
41
  const TitleContainer = ({ left, title, icon, subtitle, size = 'small', centered = false, }) => {
42
+ const { id: labelId } = useRegisterRegionLabel(!!title);
43
+ const { id: descriptionId } = useRegisterRegionDescription(!!subtitle);
41
44
  return (jsxs("div", { className: classNames(styles.titleContainerWrapper, {
42
45
  [styles.sizeLarge]: size === 'large',
43
- }), children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, children: !!title && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_TITLE[size], children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, children: !!subtitle && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_SUBTITLE[size], children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
46
+ }), children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, id: labelId, suppressHydrationWarning: true, children: !!title && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_TITLE[size], children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, id: descriptionId, suppressHydrationWarning: true, children: !!subtitle && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_SUBTITLE[size], children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
44
47
  };
45
48
 
46
49
  export { TitleContainer };
package/public/TitleContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\n\nconst TEXT_DEFAULT_PROPS_TITLE = {\n small: {\n typography: 'subtitle-1-semibold',\n style: 'primary',\n },\n large: {\n typography: 'title-4-semibold',\n style: 'primary',\n },\n} as const;\n\nconst TEXT_DEFAULT_PROPS_SUBTITLE = {\n small: {\n typography: 'label-4-regular',\n style: 'secondary',\n },\n large: {\n typography: 'label-2-regular',\n style: 'secondary',\n },\n} as const;\n\nexport interface TitleContainerProps {\n /**\n * Контент левого слота\n */\n left?: ReactNode;\n /**\n * Контент слота для заголовка\n */\n title?: ReactNode;\n /**\n * Контент слота для подзаголовка\n */\n subtitle?: ReactNode;\n /**\n * Контент слота справа от заголовка\n */\n icon?: ReactNode;\n /**\n * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n */\n centered?: boolean;\n size?: 'large' | 'small';\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n left,\n title,\n icon,\n subtitle,\n size = 'small',\n centered = false,\n}) => {\n return (\n <div\n className={classNames(styles.titleContainerWrapper, {\n [styles.sizeLarge]: size === 'large',\n })}\n >\n {!!left && (\n <div className={styles.titleLeftSlot}>\n <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n {left}\n </Morph>\n </div>\n )}\n <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n <div className={styles.titleContainer}>\n <div className={styles.title}>\n {!!title && (\n <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_TITLE[size]}>\n <Morph\n id=\"title-component-title\"\n className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n horizontalPositionAlign=\"left\"\n >\n {title}\n </Morph>\n </TextDefaultPropsContext>\n )}\n </div>\n <div className={styles.titleInlineContainer}>\n {!!icon && (\n <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n {icon}\n </Morph>\n )}\n </div>\n </div>\n <div className={styles.subtitleContainer}>\n {!!subtitle && (\n <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_SUBTITLE[size]}>\n <Morph\n id=\"title-component-subtitle\"\n className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n horizontalPositionAlign=\"left\"\n >\n {subtitle}\n </Morph>\n </TextDefaultPropsContext>\n )}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,wBAAwB,GAAG;AAC7B,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,qBAAqB;AACjC,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,kBAAkB;AAC9B,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;CACK,CAAC;AAEX,MAAM,2BAA2B,GAAG;AAChC,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;CACK,CAAC;MA0BE,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,GACnB,KAAI;IACD,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,EAAE;AAChD,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA,QAAA,EAAA,CAED,CAAC,CAAC,IAAI,KACHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAChCA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACjE,IAAI,EAAA,CACD,GACN,CACT,EACDD,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,aAC7EA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EACjC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACvB,CAAC,CAAC,KAAK,KACJA,GAAC,CAAA,uBAAuB,IAAC,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,EAC1D,QAAA,EAAAA,GAAA,CAAC,KAAK,EACF,EAAA,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,YAE7B,KAAK,EAAA,CACF,GACc,CAC7B,EAAA,CACC,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,EACtC,QAAA,EAAA,CAAC,CAAC,IAAI,KACHA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACnE,IAAI,EAAA,CACD,CACX,EACC,CAAA,CAAA,EAAA,CACJ,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACnC,CAAC,CAAC,QAAQ,KACPA,IAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,2BAA2B,CAAC,IAAI,CAAC,YAC7DA,GAAC,CAAA,KAAK,IACF,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,EAAA,QAAA,EAE7B,QAAQ,EACL,CAAA,EAAA,CACc,CAC7B,EACC,CAAA,CAAA,EAAA,CACJ,CACJ,EAAA,CAAA,EACR;AACN;;;;"}
1
+ {"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useRegisterRegionDescription, useRegisterRegionLabel } from '@hh.ru/magritte-internal-accessible-region';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\n\nconst TEXT_DEFAULT_PROPS_TITLE = {\n small: {\n typography: 'subtitle-1-semibold',\n style: 'primary',\n },\n large: {\n typography: 'title-4-semibold',\n style: 'primary',\n },\n} as const;\n\nconst TEXT_DEFAULT_PROPS_SUBTITLE = {\n small: {\n typography: 'label-4-regular',\n style: 'secondary',\n },\n large: {\n typography: 'label-2-regular',\n style: 'secondary',\n },\n} as const;\n\nexport interface TitleContainerProps {\n /**\n * Контент левого слота\n */\n left?: ReactNode;\n /**\n * Контент слота для заголовка\n */\n title?: ReactNode;\n /**\n * Контент слота для подзаголовка\n */\n subtitle?: ReactNode;\n /**\n * Контент слота справа от заголовка\n */\n icon?: ReactNode;\n /**\n * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n */\n centered?: boolean;\n size?: 'large' | 'small';\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n left,\n title,\n icon,\n subtitle,\n size = 'small',\n centered = false,\n}) => {\n const { id: labelId } = useRegisterRegionLabel(!!title);\n const { id: descriptionId } = useRegisterRegionDescription(!!subtitle);\n\n return (\n <div\n className={classNames(styles.titleContainerWrapper, {\n [styles.sizeLarge]: size === 'large',\n })}\n >\n {!!left && (\n <div className={styles.titleLeftSlot}>\n <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n {left}\n </Morph>\n </div>\n )}\n <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n <div className={styles.titleContainer}>\n <div className={styles.title} id={labelId} suppressHydrationWarning>\n {!!title && (\n <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_TITLE[size]}>\n <Morph\n id=\"title-component-title\"\n className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n horizontalPositionAlign=\"left\"\n >\n {title}\n </Morph>\n </TextDefaultPropsContext>\n )}\n </div>\n <div className={styles.titleInlineContainer}>\n {!!icon && (\n <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n {icon}\n </Morph>\n )}\n </div>\n </div>\n <div className={styles.subtitleContainer} id={descriptionId} suppressHydrationWarning>\n {!!subtitle && (\n <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_SUBTITLE[size]}>\n <Morph\n id=\"title-component-subtitle\"\n className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n horizontalPositionAlign=\"left\"\n >\n {subtitle}\n </Morph>\n </TextDefaultPropsContext>\n )}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwB,GAAG;AAC7B,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,qBAAqB;AACjC,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,kBAAkB;AAC9B,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;CACK,CAAC;AAEX,MAAM,2BAA2B,GAAG;AAChC,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;CACK,CAAC;MA0BE,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,GACnB,KAAI;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACxD,IAAA,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEvE,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,EAAE;AAChD,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA,QAAA,EAAA,CAED,CAAC,CAAC,IAAI,KACHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAChC,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAC,EAAA,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EACjE,QAAA,EAAA,IAAI,GACD,EACN,CAAA,CACT,EACDD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,aAC7EA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EACjC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAC9D,IAAA,EAAA,QAAA,EAAA,CAAC,CAAC,KAAK,KACJA,IAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,EAC1D,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAA,EACF,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,YAE7B,KAAK,EAAA,CACF,EACc,CAAA,CAC7B,EACC,CAAA,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACtC,CAAC,CAAC,IAAI,KACHA,GAAA,CAAC,KAAK,EAAC,EAAA,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EACnE,QAAA,EAAA,IAAI,GACD,CACX,EAAA,CACC,CACJ,EAAA,CAAA,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,wBAAwB,kBAChF,CAAC,CAAC,QAAQ,KACPA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,2BAA2B,CAAC,IAAI,CAAC,EAAA,QAAA,EAC7DA,IAAC,KAAK,EAAA,EACF,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,EAE7B,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACc,CAC7B,EACC,CAAA,CAAA,EAAA,CACJ,CACJ,EAAA,CAAA,EACR;AACN;;;;"}
package/nav-bar-BOTcQpSW.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-27","actionsContainer":"magritte-actions-container___CBgYW_1-3-27","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-27","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-27","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-27","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-27","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-27","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-27","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-27","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-27","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-27","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-27","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-27","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-27","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-27","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-27","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-27","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-27","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-27","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-27","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-27","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-27","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-3-27","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-3-27","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-27","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-27","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-27","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-27","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-27","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-27","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-27","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-27","align-top":"magritte-align-top___-QSFW_1-3-27","alignTop":"magritte-align-top___-QSFW_1-3-27","align-bottom":"magritte-align-bottom___FliHI_1-3-27","alignBottom":"magritte-align-bottom___FliHI_1-3-27","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-27","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-27","title-main-part":"magritte-title-main-part___npoHN_1-3-27","titleMainPart":"magritte-title-main-part___npoHN_1-3-27","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-27","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-27","title-container":"magritte-title-container___y9AIx_1-3-27","titleContainer":"magritte-title-container___y9AIx_1-3-27","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-27","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-27","text-morph-item":"magritte-text-morph-item___-vXru_1-3-27","textMorphItem":"magritte-text-morph-item___-vXru_1-3-27","centered":"magritte-centered___Y2mlP_1-3-27","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-27","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-27","title":"magritte-title___ZbLgP_1-3-27","size-large":"magritte-size-large___ISXfH_1-3-27","sizeLarge":"magritte-size-large___ISXfH_1-3-27","pane-content":"magritte-pane-content___UVmC6_1-3-27","paneContent":"magritte-pane-content___UVmC6_1-3-27","pane-background":"magritte-pane-background___PDZAX_1-3-27","paneBackground":"magritte-pane-background___PDZAX_1-3-27","morph-item":"magritte-morph-item___8kF46_1-3-27","morphItem":"magritte-morph-item___8kF46_1-3-27","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-27","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-27","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-27","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-27","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-27","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-27","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-27","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-27","pane":"magritte-pane___f8eFC_1-3-27","start-state-container":"magritte-start-state-container___giBVb_1-3-27","startStateContainer":"magritte-start-state-container___giBVb_1-3-27","end-state-container":"magritte-end-state-container___uiW8Q_1-3-27","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-27","content-container":"magritte-content-container___7s7vv_1-3-27","contentContainer":"magritte-content-container___7s7vv_1-3-27","next-pane":"magritte-next-pane___H2oxQ_1-3-27","nextPane":"magritte-next-pane___H2oxQ_1-3-27","nav-bar":"magritte-nav-bar___RRGe0_1-3-27","navBar":"magritte-nav-bar___RRGe0_1-3-27","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-27","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-27","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-27","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-27","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-27","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-27","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-27","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-27","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-27","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-27","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-27","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-27","last-pane":"magritte-last-pane___Hf2No_1-3-27","lastPane":"magritte-last-pane___Hf2No_1-3-27","metrics-mode":"magritte-metrics-mode___h38aX_1-3-27","metricsMode":"magritte-metrics-mode___h38aX_1-3-27","layout-morph":"magritte-layout-morph___I3SPy_1-3-27","layoutMorph":"magritte-layout-morph___I3SPy_1-3-27","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-27","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-27","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-27","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-27","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-27","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-27","divider-container":"magritte-divider-container___-NdWi_1-3-27","dividerContainer":"magritte-divider-container___-NdWi_1-3-27"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=nav-bar-BOTcQpSW.js.map
package/nav-bar-BOTcQpSW.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"nav-bar-BOTcQpSW.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}