@hh.ru/magritte-ui-nav-bar 2.0.2 → 2.0.4

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 (16) hide show
  1. package/index.css +118 -118
  2. package/index.js +1 -1
  3. package/nav-bar-C6u5WnmS.js +5 -0
  4. package/nav-bar-C6u5WnmS.js.map +1 -0
  5. package/package.json +6 -6
  6. package/public/Actions.js +1 -1
  7. package/public/LayoutMorph.js +1 -1
  8. package/public/LayoutStage.js +1 -1
  9. package/public/Morph.js +1 -1
  10. package/public/NavBar.js +1 -1
  11. package/public/Pane.js +1 -1
  12. package/public/Stage.js +1 -1
  13. package/public/TitleContainer.js +2 -2
  14. package/public/TitleContainer.js.map +1 -1
  15. package/nav-bar-Cw3XHwYx.js +0 -5
  16. package/nav-bar-Cw3XHwYx.js.map +0 -1
package/index.css CHANGED
@@ -1,110 +1,110 @@
1
1
  :root{
2
- --magritte-color-background-body-v24-7-3:#ffffff;
3
- --magritte-color-text-primary-v24-7-3:#000000;
4
- --magritte-color-text-secondary-v24-7-3:#768694;
2
+ --magritte-color-background-body-v24-8-0:#ffffff;
3
+ --magritte-color-text-primary-v24-8-0:#000000;
4
+ --magritte-color-text-secondary-v24-8-0:#768694;
5
5
  }
6
6
 
7
7
  .magritte-night-theme{
8
- --magritte-color-background-body-v24-7-3:#000000;
9
- --magritte-color-text-primary-v24-7-3:#ffffff;
10
- --magritte-color-text-secondary-v24-7-3:#ABABAB;
8
+ --magritte-color-background-body-v24-8-0:#000000;
9
+ --magritte-color-text-primary-v24-8-0:#ffffff;
10
+ --magritte-color-text-secondary-v24-8-0:#ABABAB;
11
11
  }
12
- .magritte-actions-container___CBgYW_2-0-2{
12
+ .magritte-actions-container___CBgYW_2-0-4{
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_2-0-2{
18
+ .magritte-actions-no-children___rgJUl_2-0-4{
19
19
  justify-content:space-between;
20
20
  }
21
- .magritte-actions-left-slot___DNOj0_2-0-2,
22
- .magritte-actions-right-slot___aodtj_2-0-2{
21
+ .magritte-actions-left-slot___DNOj0_2-0-4,
22
+ .magritte-actions-right-slot___aodtj_2-0-4{
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_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
30
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
31
- .magritte-navbar-not-transparent___5KZNp_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
32
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
33
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
34
- .magritte-navbar-not-transparent___5KZNp_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child{
29
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
30
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
31
+ .magritte-navbar-not-transparent___5KZNp_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
32
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
33
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
34
+ .magritte-navbar-not-transparent___5KZNp_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child{
35
35
  margin-left:var(--magritte-ui-icon-margin-not-transparent);
36
36
  }
37
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
38
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
39
- .magritte-navbar-not-transparent___5KZNp_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
40
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
41
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
42
- .magritte-navbar-not-transparent___5KZNp_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child{
37
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
38
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
39
+ .magritte-navbar-not-transparent___5KZNp_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
40
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
41
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
42
+ .magritte-navbar-not-transparent___5KZNp_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child{
43
43
  margin-right:var(--magritte-ui-icon-margin-not-transparent);
44
44
  }
45
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
46
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
47
- .magritte-navbar-transparent___ULEh8_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
48
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
49
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
50
- .magritte-navbar-transparent___ULEh8_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child{
45
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
46
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
47
+ .magritte-navbar-transparent___ULEh8_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
48
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
49
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
50
+ .magritte-navbar-transparent___ULEh8_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child{
51
51
  margin-left:var(--magritte-ui-icon-margin-transparent);
52
52
  }
53
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
54
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
55
- .magritte-navbar-transparent___ULEh8_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
56
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-end-stage___qHtTV_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
57
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-start-stage___MJ67a_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
58
- .magritte-navbar-transparent___ULEh8_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child{
53
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
54
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
55
+ .magritte-navbar-transparent___ULEh8_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
56
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-end-stage___qHtTV_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
57
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-start-stage___MJ67a_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
58
+ .magritte-navbar-transparent___ULEh8_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child{
59
59
  margin-right:var(--magritte-ui-icon-margin-transparent);
60
60
  }
61
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
62
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child{
61
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
62
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child{
63
63
  margin-left:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
64
64
  }
65
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
66
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child{
65
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
66
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child{
67
67
  margin-right:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
68
68
  }
69
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child,
70
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:first-child{
69
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child,
70
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:first-child{
71
71
  margin-left:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
72
72
  }
73
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-right-slot___aodtj_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child,
74
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-actions-only-stage___cg10A_2-0-2 .magritte-actions-left-slot___DNOj0_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2 > .magritte-actions-icon-morph___-nNgW_2-0-2:last-child{
73
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-right-slot___aodtj_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child,
74
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-actions-only-stage___cg10A_2-0-4 .magritte-actions-left-slot___DNOj0_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4 > .magritte-actions-icon-morph___-nNgW_2-0-4:last-child{
75
75
  margin-right:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
76
76
  }
77
- .magritte-actions-center-slot___hLAy6_2-0-2{
77
+ .magritte-actions-center-slot___hLAy6_2-0-4{
78
78
  display:flex;
79
79
  flex:1 1 auto;
80
80
  min-width:0;
81
81
  }
82
- .magritte-actions-center-slot___hLAy6_2-0-2.magritte-actions-center-slot-centered___merXQ_2-0-2{
82
+ .magritte-actions-center-slot___hLAy6_2-0-4.magritte-actions-center-slot-centered___merXQ_2-0-4{
83
83
  justify-content:center;
84
84
  }
85
- .magritte-actions-side-slot-content___TlHrX_2-0-2,
86
- .magritte-actions-side-slot-content-clone___jDxVm_2-0-2{
85
+ .magritte-actions-side-slot-content___TlHrX_2-0-4,
86
+ .magritte-actions-side-slot-content-clone___jDxVm_2-0-4{
87
87
  grid-area:1 / 1;
88
88
  display:flex;
89
89
  align-items:center;
90
90
  gap:4px;
91
91
  }
92
- .magritte-align-top___-QSFW_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2,
93
- .magritte-align-top___-QSFW_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2{
92
+ .magritte-align-top___-QSFW_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4,
93
+ .magritte-align-top___-QSFW_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4{
94
94
  align-items:start;
95
95
  }
96
- .magritte-align-bottom___FliHI_2-0-2 .magritte-actions-side-slot-content___TlHrX_2-0-2,
97
- .magritte-align-bottom___FliHI_2-0-2 .magritte-actions-side-slot-content-clone___jDxVm_2-0-2{
96
+ .magritte-align-bottom___FliHI_2-0-4 .magritte-actions-side-slot-content___TlHrX_2-0-4,
97
+ .magritte-align-bottom___FliHI_2-0-4 .magritte-actions-side-slot-content-clone___jDxVm_2-0-4{
98
98
  align-items:end;
99
99
  }
100
- .magritte-actions-side-slot-content-clone___jDxVm_2-0-2{
100
+ .magritte-actions-side-slot-content-clone___jDxVm_2-0-4{
101
101
  visibility:hidden;
102
102
  z-index:0;
103
103
  pointer-events:none;
104
104
  user-select:none;
105
105
  contain:style layout;
106
106
  }
107
- .magritte-title-container-wrapper___DQUcj_2-0-2{
107
+ .magritte-title-container-wrapper___DQUcj_2-0-4{
108
108
  display:flex;
109
109
  flex-direction:row;
110
110
  align-items:center;
@@ -112,29 +112,29 @@
112
112
  min-width:0;
113
113
  gap:12px;
114
114
  }
115
- .magritte-title-main-part___npoHN_2-0-2{
115
+ .magritte-title-main-part___npoHN_2-0-4{
116
116
  display:flex;
117
117
  flex-direction:column;
118
118
  flex:0 1 auto;
119
119
  min-width:0;
120
120
  }
121
- .magritte-title-left-slot___HTE7h_2-0-2{
121
+ .magritte-title-left-slot___HTE7h_2-0-4{
122
122
  display:flex;
123
123
  align-items:center;
124
124
  flex:0 0 auto;
125
125
  }
126
- .magritte-title-container___y9AIx_2-0-2{
126
+ .magritte-title-container___y9AIx_2-0-4{
127
127
  display:flex;
128
128
  flex-direction:row;
129
129
  align-items:center;
130
130
  gap:5px;
131
131
  min-height:var(--magritte-ui-navbar-title-container-min-height-small-override, 0);
132
132
  }
133
- .magritte-subtitle-container___nVUBu_2-0-2{
133
+ .magritte-subtitle-container___nVUBu_2-0-4{
134
134
  display:flex;
135
135
  }
136
- .magritte-subtitle-container___nVUBu_2-0-2 .magritte-text-morph-item___-vXru_2-0-2{
137
- color:var(--magritte-ui-nav-bar-subtitle-color-override, var(--magritte-color-text-secondary-v24-7-3));
136
+ .magritte-subtitle-container___nVUBu_2-0-4 .magritte-text-morph-item___-vXru_2-0-4{
137
+ color:var(--magritte-ui-nav-bar-subtitle-color-override, var(--magritte-color-text-secondary-v24-8-0));
138
138
  font-family:"hh sans";
139
139
  font-weight:400;
140
140
  line-height:18px;
@@ -144,21 +144,21 @@
144
144
  text-transform:none;
145
145
  text-decoration:none;
146
146
  }
147
- .magritte-centered___Y2mlP_2-0-2 .magritte-subtitle-container___nVUBu_2-0-2,
148
- .magritte-centered___Y2mlP_2-0-2 .magritte-title-container___y9AIx_2-0-2{
147
+ .magritte-centered___Y2mlP_2-0-4 .magritte-subtitle-container___nVUBu_2-0-4,
148
+ .magritte-centered___Y2mlP_2-0-4 .magritte-title-container___y9AIx_2-0-4{
149
149
  justify-content:center;
150
150
  }
151
- .magritte-title-morph-item___t7Wf3_2-0-2{
151
+ .magritte-title-morph-item___t7Wf3_2-0-4{
152
152
  display:flex;
153
153
  min-width:0;
154
154
  }
155
- .magritte-title___ZbLgP_2-0-2{
155
+ .magritte-title___ZbLgP_2-0-4{
156
156
  display:flex;
157
157
  flex:0 1 auto;
158
158
  min-width:0;
159
159
  }
160
- .magritte-title___ZbLgP_2-0-2 .magritte-text-morph-item___-vXru_2-0-2{
161
- color:var(--magritte-ui-nav-bar-title-color-override, var(--magritte-color-text-primary-v24-7-3));
160
+ .magritte-title___ZbLgP_2-0-4 .magritte-text-morph-item___-vXru_2-0-4{
161
+ color:var(--magritte-ui-nav-bar-title-color-override, var(--magritte-color-text-primary-v24-8-0));
162
162
  font-family:"hh sans";
163
163
  font-weight:500;
164
164
  line-height:22px;
@@ -168,13 +168,13 @@
168
168
  text-transform:none;
169
169
  text-decoration:none;
170
170
  }
171
- .magritte-size-large___ISXfH_2-0-2 .magritte-title-main-part___npoHN_2-0-2{
171
+ .magritte-size-large___ISXfH_2-0-4 .magritte-title-main-part___npoHN_2-0-4{
172
172
  gap:4px;
173
173
  }
174
- .magritte-size-large___ISXfH_2-0-2 .magritte-title-container___y9AIx_2-0-2{
174
+ .magritte-size-large___ISXfH_2-0-4 .magritte-title-container___y9AIx_2-0-4{
175
175
  min-height:var(--magritte-ui-navbar-title-container-min-height-large-override, 0);
176
176
  }
177
- .magritte-size-large___ISXfH_2-0-2 .magritte-title___ZbLgP_2-0-2 .magritte-text-morph-item___-vXru_2-0-2{
177
+ .magritte-size-large___ISXfH_2-0-4 .magritte-title___ZbLgP_2-0-4 .magritte-text-morph-item___-vXru_2-0-4{
178
178
  font-family:"hh sans";
179
179
  font-weight:500;
180
180
  line-height:32px;
@@ -184,7 +184,7 @@
184
184
  text-transform:none;
185
185
  text-decoration:none;
186
186
  }
187
- .magritte-size-large___ISXfH_2-0-2 .magritte-subtitle-container___nVUBu_2-0-2 .magritte-text-morph-item___-vXru_2-0-2{
187
+ .magritte-size-large___ISXfH_2-0-4 .magritte-subtitle-container___nVUBu_2-0-4 .magritte-text-morph-item___-vXru_2-0-4{
188
188
  font-family:"hh sans";
189
189
  font-weight:400;
190
190
  line-height:22px;
@@ -194,56 +194,56 @@
194
194
  text-transform:none;
195
195
  text-decoration:none;
196
196
  }
197
- .magritte-pane-content___UVmC6_2-0-2{
197
+ .magritte-pane-content___UVmC6_2-0-4{
198
198
  position:relative;
199
199
  pointer-events:none;
200
200
  z-index:2;
201
201
  }
202
- .magritte-pane-background___PDZAX_2-0-2{
202
+ .magritte-pane-background___PDZAX_2-0-4{
203
203
  position:absolute;
204
- background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-7-3)));
204
+ background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-8-0)));
205
205
  opacity:0;
206
206
  inset:0;
207
207
  z-index:-1;
208
208
  transform-origin:0 0;
209
209
  }
210
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-pane-background___PDZAX_2-0-2{
210
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-pane-background___PDZAX_2-0-4{
211
211
  opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
212
212
  }
213
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-pane-background___PDZAX_2-0-2{
213
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-pane-background___PDZAX_2-0-4{
214
214
  opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
215
215
  }
216
- .magritte-navbar-not-transparent___5KZNp_2-0-2 .magritte-pane-background___PDZAX_2-0-2{
216
+ .magritte-navbar-not-transparent___5KZNp_2-0-4 .magritte-pane-background___PDZAX_2-0-4{
217
217
  opacity:0.95;
218
218
  }
219
- .magritte-morph-item___8kF46_2-0-2{
219
+ .magritte-morph-item___8kF46_2-0-4{
220
220
  line-height:0;
221
221
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
222
222
  }
223
- .magritte-morph-item-top___WPEkn_2-0-2{
223
+ .magritte-morph-item-top___WPEkn_2-0-4{
224
224
  --magritte-ui-morph-item-transform-origin-y:top;
225
225
  }
226
- .magritte-morph-item-bottom___zNbsF_2-0-2{
226
+ .magritte-morph-item-bottom___zNbsF_2-0-4{
227
227
  --magritte-ui-morph-item-transform-origin-y:bottom;
228
228
  }
229
- .magritte-morph-item-left___T6AMW_2-0-2{
229
+ .magritte-morph-item-left___T6AMW_2-0-4{
230
230
  --magritte-ui-morph-item-transform-origin-x:left;
231
231
  }
232
- .magritte-morph-item-right___EuT1E_2-0-2{
232
+ .magritte-morph-item-right___EuT1E_2-0-4{
233
233
  --magritte-ui-morph-item-transform-origin-x:right;
234
234
  }
235
- .magritte-pane___f8eFC_2-0-2{
235
+ .magritte-pane___f8eFC_2-0-4{
236
236
  position:relative;
237
237
  overflow:hidden;
238
238
  pointer-events:none;
239
239
  }
240
- .magritte-start-state-container___giBVb_2-0-2{
240
+ .magritte-start-state-container___giBVb_2-0-4{
241
241
  position:relative;
242
242
  z-index:1;
243
243
  box-sizing:border-box;
244
244
  pointer-events:auto;
245
245
  }
246
- .magritte-end-state-container___uiW8Q_2-0-2{
246
+ .magritte-end-state-container___uiW8Q_2-0-4{
247
247
  position:absolute;
248
248
  z-index:0;
249
249
  top:0;
@@ -252,66 +252,66 @@
252
252
  pointer-events:none;
253
253
  opacity:0;
254
254
  }
255
- .magritte-content-container___7s7vv_2-0-2{
255
+ .magritte-content-container___7s7vv_2-0-4{
256
256
  box-sizing:border-box;
257
257
  }
258
- .magritte-next-pane___H2oxQ_2-0-2{
258
+ .magritte-next-pane___H2oxQ_2-0-4{
259
259
  position:relative;
260
260
  }
261
- .magritte-nav-bar___RRGe0_2-0-2{
261
+ .magritte-nav-bar___RRGe0_2-0-4{
262
262
  top:0;
263
263
  position:sticky;
264
264
  pointer-events:none;
265
265
  overflow-anchor:none;
266
266
  z-index:10;
267
267
  }
268
- .magritte-nav-bar-overlay___Mq5ZD_2-0-2 .magritte-nav-bar-overlay-wrapper___y1VpY_2-0-2{
268
+ .magritte-nav-bar-overlay___Mq5ZD_2-0-4 .magritte-nav-bar-overlay-wrapper___y1VpY_2-0-4{
269
269
  position:absolute;
270
270
  inset:0;
271
271
  }
272
- .magritte-nav-bar-content-container___H-WMO_2-0-2{
272
+ .magritte-nav-bar-content-container___H-WMO_2-0-4{
273
273
  display:grid;
274
274
  position:relative;
275
275
  }
276
- .magritte-nav-bar-panes-container___5ZDLa_2-0-2{
276
+ .magritte-nav-bar-panes-container___5ZDLa_2-0-4{
277
277
  position:relative;
278
278
  z-index:1;
279
279
  grid-area:1 / 1;
280
280
  min-width:0;
281
281
  }
282
- .magritte-nav-bar-progressive-blur___qyeUV_2-0-2{
282
+ .magritte-nav-bar-progressive-blur___qyeUV_2-0-4{
283
283
  position:relative;
284
284
  z-index:0;
285
285
  transform-origin:0 0;
286
286
  grid-area:1 / 1;
287
287
  min-width:0;
288
288
  }
289
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .magritte-nav-bar-stage___amDz7_2-0-2,
290
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .nav-bar-layout-animation-stage-start,
291
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .nav-bar-layout-animation-stage-end{
289
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .magritte-nav-bar-stage___amDz7_2-0-4,
290
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .nav-bar-layout-animation-stage-start,
291
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .nav-bar-layout-animation-stage-end{
292
292
  padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
293
293
  }
294
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .magritte-next-pane___H2oxQ_2-0-2 .magritte-nav-bar-stage___amDz7_2-0-2,
295
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .magritte-next-pane___H2oxQ_2-0-2 .nav-bar-layout-animation-stage-start,
296
- .magritte-nav-bar-content-container___H-WMO_2-0-2 .magritte-next-pane___H2oxQ_2-0-2 .nav-bar-layout-animation-stage-end{
294
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .magritte-next-pane___H2oxQ_2-0-4 .magritte-nav-bar-stage___amDz7_2-0-4,
295
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .magritte-next-pane___H2oxQ_2-0-4 .nav-bar-layout-animation-stage-start,
296
+ .magritte-nav-bar-content-container___H-WMO_2-0-4 .magritte-next-pane___H2oxQ_2-0-4 .nav-bar-layout-animation-stage-end{
297
297
  padding-top:8px;
298
298
  }
299
- .magritte-last-pane___Hf2No_2-0-2 .magritte-nav-bar-stage___amDz7_2-0-2,
300
- .magritte-last-pane___Hf2No_2-0-2 .nav-bar-layout-animation-stage-start,
301
- .magritte-last-pane___Hf2No_2-0-2 .nav-bar-layout-animation-stage-end{
299
+ .magritte-last-pane___Hf2No_2-0-4 .magritte-nav-bar-stage___amDz7_2-0-4,
300
+ .magritte-last-pane___Hf2No_2-0-4 .nav-bar-layout-animation-stage-start,
301
+ .magritte-last-pane___Hf2No_2-0-4 .nav-bar-layout-animation-stage-end{
302
302
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 8px);
303
303
  }
304
- .magritte-next-pane___H2oxQ_2-0-2 .magritte-last-pane___Hf2No_2-0-2 .magritte-nav-bar-stage___amDz7_2-0-2,
305
- .magritte-next-pane___H2oxQ_2-0-2 .magritte-last-pane___Hf2No_2-0-2 .nav-bar-layout-animation-stage-start,
306
- .magritte-next-pane___H2oxQ_2-0-2 .magritte-last-pane___Hf2No_2-0-2 .nav-bar-layout-animation-stage-end{
304
+ .magritte-next-pane___H2oxQ_2-0-4 .magritte-last-pane___Hf2No_2-0-4 .magritte-nav-bar-stage___amDz7_2-0-4,
305
+ .magritte-next-pane___H2oxQ_2-0-4 .magritte-last-pane___Hf2No_2-0-4 .nav-bar-layout-animation-stage-start,
306
+ .magritte-next-pane___H2oxQ_2-0-4 .magritte-last-pane___Hf2No_2-0-4 .nav-bar-layout-animation-stage-end{
307
307
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 16px);
308
308
  }
309
- .magritte-nav-bar-stage___amDz7_2-0-2{
309
+ .magritte-nav-bar-stage___amDz7_2-0-4{
310
310
  padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
311
311
  }
312
- .magritte-metrics-mode___h38aX_2-0-2 .magritte-morph-item___8kF46_2-0-2,
313
- .magritte-metrics-mode___h38aX_2-0-2 .magritte-pane___f8eFC_2-0-2,
314
- .magritte-metrics-mode___h38aX_2-0-2 .magritte-next-pane___H2oxQ_2-0-2{
312
+ .magritte-metrics-mode___h38aX_2-0-4 .magritte-morph-item___8kF46_2-0-4,
313
+ .magritte-metrics-mode___h38aX_2-0-4 .magritte-pane___f8eFC_2-0-4,
314
+ .magritte-metrics-mode___h38aX_2-0-4 .magritte-next-pane___H2oxQ_2-0-4{
315
315
  transform:none !important;
316
316
  }
317
317
  .nav-bar-layout-animation-stage-end,
@@ -322,49 +322,49 @@
322
322
  height:auto !important;
323
323
  transform:none !important;
324
324
  }
325
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_2-0-2,
326
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_2-0-2{
325
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_2-0-4,
326
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_2-0-4{
327
327
  position:static !important;
328
328
  width:auto !important;
329
329
  height:auto !important;
330
330
  transform:none !important;
331
331
  }
332
- .magritte-layout-morph___I3SPy_2-0-2{
332
+ .magritte-layout-morph___I3SPy_2-0-4{
333
333
  display:block;
334
334
  position:absolute;
335
335
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
336
336
  z-index:3;
337
337
  }
338
- .magritte-animation-stage-progress___5FthT_2-0-2 .magritte-layout-morph___I3SPy_2-0-2 > *{
338
+ .magritte-animation-stage-progress___5FthT_2-0-4 .magritte-layout-morph___I3SPy_2-0-4 > *{
339
339
  margin:0 !important;
340
340
  }
341
- .magritte-layout-morph-start___9-krP_2-0-2{
341
+ .magritte-layout-morph-start___9-krP_2-0-4{
342
342
  z-index:2;
343
343
  }
344
- .magritte-layout-morph-end___LIg4d_2-0-2{
344
+ .magritte-layout-morph-end___LIg4d_2-0-4{
345
345
  z-index:1;
346
346
  }
347
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_2-0-2{
347
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_2-0-4{
348
348
  display:contents;
349
349
  }
350
- .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_2-0-2{
350
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_2-0-4{
351
351
  display:none;
352
352
  }
353
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_2-0-2{
353
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_2-0-4{
354
354
  display:contents;
355
355
  }
356
- .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_2-0-2{
356
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_2-0-4{
357
357
  display:none;
358
358
  }
359
- .magritte-divider-container___-NdWi_2-0-2{
359
+ .magritte-divider-container___-NdWi_2-0-4{
360
360
  position:absolute;
361
361
  width:100%;
362
362
  bottom:0;
363
363
  z-index:1;
364
364
  }
365
- .magritte-navbar-transparent-start___wysv0_2-0-2 .magritte-divider-container___-NdWi_2-0-2 .magritte-divider___UhH0j_2-0-2{
365
+ .magritte-navbar-transparent-start___wysv0_2-0-4 .magritte-divider-container___-NdWi_2-0-4 .magritte-divider___UhH0j_2-0-4{
366
366
  opacity:var(--magritte-ui-navbar-animation-progress);
367
367
  }
368
- .magritte-navbar-transparent-end___6KqLR_2-0-2 .magritte-divider-container___-NdWi_2-0-2 .magritte-divider___UhH0j_2-0-2{
368
+ .magritte-navbar-transparent-end___6KqLR_2-0-4 .magritte-divider-container___-NdWi_2-0-4 .magritte-divider___UhH0j_2-0-4{
369
369
  opacity:calc(1 - var(--magritte-ui-navbar-animation-progress));
370
370
  }
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-Cw3XHwYx.js';
18
+ import './nav-bar-C6u5WnmS.js';
19
19
  import './internal/MetricsProvider.js';
20
20
  import './internal/utils.js';
21
21
  import 'motion';
package/nav-bar-C6u5WnmS.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"actions-container":"magritte-actions-container___CBgYW_2-0-4","actionsContainer":"magritte-actions-container___CBgYW_2-0-4","actions-no-children":"magritte-actions-no-children___rgJUl_2-0-4","actionsNoChildren":"magritte-actions-no-children___rgJUl_2-0-4","actions-left-slot":"magritte-actions-left-slot___DNOj0_2-0-4","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_2-0-4","actions-right-slot":"magritte-actions-right-slot___aodtj_2-0-4","actionsRightSlot":"magritte-actions-right-slot___aodtj_2-0-4","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_2-0-4","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_2-0-4","actions-start-stage":"magritte-actions-start-stage___MJ67a_2-0-4","actionsStartStage":"magritte-actions-start-stage___MJ67a_2-0-4","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_2-0-4","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_2-0-4","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_2-0-4","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_2-0-4","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_2-0-4","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_2-0-4","actions-end-stage":"magritte-actions-end-stage___qHtTV_2-0-4","actionsEndStage":"magritte-actions-end-stage___qHtTV_2-0-4","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_2-0-4","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_2-0-4","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_2-0-4","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_2-0-4","navbar-transparent":"magritte-navbar-transparent___ULEh8_2-0-4","navbarTransparent":"magritte-navbar-transparent___ULEh8_2-0-4","actions-only-stage":"magritte-actions-only-stage___cg10A_2-0-4","actionsOnlyStage":"magritte-actions-only-stage___cg10A_2-0-4","actions-center-slot":"magritte-actions-center-slot___hLAy6_2-0-4","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_2-0-4","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_2-0-4","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_2-0-4","align-top":"magritte-align-top___-QSFW_2-0-4","alignTop":"magritte-align-top___-QSFW_2-0-4","align-bottom":"magritte-align-bottom___FliHI_2-0-4","alignBottom":"magritte-align-bottom___FliHI_2-0-4","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_2-0-4","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_2-0-4","title-main-part":"magritte-title-main-part___npoHN_2-0-4","titleMainPart":"magritte-title-main-part___npoHN_2-0-4","title-left-slot":"magritte-title-left-slot___HTE7h_2-0-4","titleLeftSlot":"magritte-title-left-slot___HTE7h_2-0-4","title-container":"magritte-title-container___y9AIx_2-0-4","titleContainer":"magritte-title-container___y9AIx_2-0-4","subtitle-container":"magritte-subtitle-container___nVUBu_2-0-4","subtitleContainer":"magritte-subtitle-container___nVUBu_2-0-4","text-morph-item":"magritte-text-morph-item___-vXru_2-0-4","textMorphItem":"magritte-text-morph-item___-vXru_2-0-4","centered":"magritte-centered___Y2mlP_2-0-4","title-morph-item":"magritte-title-morph-item___t7Wf3_2-0-4","titleMorphItem":"magritte-title-morph-item___t7Wf3_2-0-4","title":"magritte-title___ZbLgP_2-0-4","size-large":"magritte-size-large___ISXfH_2-0-4","sizeLarge":"magritte-size-large___ISXfH_2-0-4","pane-content":"magritte-pane-content___UVmC6_2-0-4","paneContent":"magritte-pane-content___UVmC6_2-0-4","pane-background":"magritte-pane-background___PDZAX_2-0-4","paneBackground":"magritte-pane-background___PDZAX_2-0-4","morph-item":"magritte-morph-item___8kF46_2-0-4","morphItem":"magritte-morph-item___8kF46_2-0-4","morph-item-top":"magritte-morph-item-top___WPEkn_2-0-4","morphItemTop":"magritte-morph-item-top___WPEkn_2-0-4","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_2-0-4","morphItemBottom":"magritte-morph-item-bottom___zNbsF_2-0-4","morph-item-left":"magritte-morph-item-left___T6AMW_2-0-4","morphItemLeft":"magritte-morph-item-left___T6AMW_2-0-4","morph-item-right":"magritte-morph-item-right___EuT1E_2-0-4","morphItemRight":"magritte-morph-item-right___EuT1E_2-0-4","pane":"magritte-pane___f8eFC_2-0-4","start-state-container":"magritte-start-state-container___giBVb_2-0-4","startStateContainer":"magritte-start-state-container___giBVb_2-0-4","end-state-container":"magritte-end-state-container___uiW8Q_2-0-4","endStateContainer":"magritte-end-state-container___uiW8Q_2-0-4","content-container":"magritte-content-container___7s7vv_2-0-4","contentContainer":"magritte-content-container___7s7vv_2-0-4","next-pane":"magritte-next-pane___H2oxQ_2-0-4","nextPane":"magritte-next-pane___H2oxQ_2-0-4","nav-bar":"magritte-nav-bar___RRGe0_2-0-4","navBar":"magritte-nav-bar___RRGe0_2-0-4","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_2-0-4","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_2-0-4","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_2-0-4","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_2-0-4","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_2-0-4","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_2-0-4","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_2-0-4","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_2-0-4","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_2-0-4","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_2-0-4","nav-bar-stage":"magritte-nav-bar-stage___amDz7_2-0-4","navBarStage":"magritte-nav-bar-stage___amDz7_2-0-4","last-pane":"magritte-last-pane___Hf2No_2-0-4","lastPane":"magritte-last-pane___Hf2No_2-0-4","metrics-mode":"magritte-metrics-mode___h38aX_2-0-4","metricsMode":"magritte-metrics-mode___h38aX_2-0-4","layout-morph":"magritte-layout-morph___I3SPy_2-0-4","layoutMorph":"magritte-layout-morph___I3SPy_2-0-4","animation-stage-progress":"magritte-animation-stage-progress___5FthT_2-0-4","animationStageProgress":"magritte-animation-stage-progress___5FthT_2-0-4","layout-morph-start":"magritte-layout-morph-start___9-krP_2-0-4","layoutMorphStart":"magritte-layout-morph-start___9-krP_2-0-4","layout-morph-end":"magritte-layout-morph-end___LIg4d_2-0-4","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_2-0-4","divider-container":"magritte-divider-container___-NdWi_2-0-4","dividerContainer":"magritte-divider-container___-NdWi_2-0-4","divider":"magritte-divider___UhH0j_2-0-4"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=nav-bar-C6u5WnmS.js.map
package/nav-bar-C6u5WnmS.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-bar-C6u5WnmS.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": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,16 +29,16 @@
29
29
  "dependencies": {
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
- "@hh.ru/magritte-design-tokens": "24.7.3",
32
+ "@hh.ru/magritte-design-tokens": "24.8.0",
33
33
  "@hh.ru/magritte-internal-accessible-region": "1.0.3",
34
34
  "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
35
35
  "@hh.ru/magritte-internal-default-props-context": "1.0.2",
36
36
  "@hh.ru/magritte-internal-slot-registry": "1.1.0",
37
- "@hh.ru/magritte-ui-divider": "3.2.2",
38
- "@hh.ru/magritte-ui-icon": "14.2.14",
37
+ "@hh.ru/magritte-ui-divider": "3.2.3",
38
+ "@hh.ru/magritte-ui-icon": "14.2.15",
39
39
  "@hh.ru/magritte-ui-layer": "3.2.6",
40
40
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
41
- "@hh.ru/magritte-ui-typography": "5.3.7"
41
+ "@hh.ru/magritte-ui-typography": "5.3.8"
42
42
  },
43
- "gitHead": "70ac6d4c2faa2fe631fae008bb817f6cb21f6520"
43
+ "gitHead": "a388f713eacfcc6d4d4113ef32117f337265676d"
44
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-Cw3XHwYx.js';
10
+ import { s as styles } from '../nav-bar-C6u5WnmS.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-Cw3XHwYx.js';
13
+ import { s as styles } from '../nav-bar-C6u5WnmS.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-Cw3XHwYx.js';
12
+ import { s as styles } from '../nav-bar-C6u5WnmS.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-Cw3XHwYx.js';
12
+ import { s as styles } from '../nav-bar-C6u5WnmS.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-Cw3XHwYx.js';
21
+ import { s as styles } from '../nav-bar-C6u5WnmS.js';
22
22
  import '../internal/PaneStore.js';
23
23
  import 'motion';
24
24
  import '../internal/KeyedSubscriptions.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-Cw3XHwYx.js';
13
+ import { s as styles } from '../nav-bar-C6u5WnmS.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-Cw3XHwYx.js';
10
+ import { s as styles } from '../nav-bar-C6u5WnmS.js';
11
11
  import '../internal/utils.js';
12
12
  import 'motion';
13
13
  import '../internal/KeyedSubscriptions.js';
package/public/TitleContainer.js CHANGED
@@ -5,7 +5,7 @@ import { useRegisterRegionLabel, useRegisterRegionDescription } from '@hh.ru/mag
5
5
  import { Morph } from './Morph.js';
6
6
  import { useTitleDefaultProps, useSubtitleDefaultProps } from './defaultProps.js';
7
7
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
8
- import { s as styles } from '../nav-bar-Cw3XHwYx.js';
8
+ import { s as styles } from '../nav-bar-C6u5WnmS.js';
9
9
  import 'react';
10
10
  import 'motion/react';
11
11
  import '../internal/MetricsProvider.js';
@@ -27,7 +27,7 @@ const TitleContainer = ({ left, title, icon, subtitle, size = 'small', centered
27
27
  const subtitleDefaultProps = useSubtitleDefaultProps(size);
28
28
  return (jsxs("div", { className: classNames(styles.titleContainerWrapper, {
29
29
  [styles.sizeLarge]: size === 'large',
30
- }), 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: titleDefaultProps, 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: subtitleDefaultProps, children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
30
+ }), 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: titleDefaultProps, children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), !!icon && (jsx("div", { className: styles.titleInlineContainer, children: 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: subtitleDefaultProps, children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
31
31
  };
32
32
 
33
33
  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 { useRegisterRegionDescription, useRegisterRegionLabel } from '@hh.ru/magritte-internal-accessible-region';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { useSubtitleDefaultProps, useTitleDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\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 /**\n * Задает дефолтное начертание и цвет для заголовка и подзаголовка\n */\n size?: 'large' | 'small';\n /**\n * Позволяет отключить регистрацию заголовка и подзаголовка в качестве\n * метки (aria-label) и описания (aria-description) доступной области (accessible region).\n * Полезно, когда заголовок навбара дублирует уже размеченный на странице заголовок региона.\n */\n notRegionTitle?: boolean;\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n left,\n title,\n icon,\n subtitle,\n size = 'small',\n centered = false,\n notRegionTitle = false,\n}) => {\n const { id: labelId } = useRegisterRegionLabel(!!title && !notRegionTitle);\n const { id: descriptionId } = useRegisterRegionDescription(!!subtitle && !notRegionTitle);\n\n const titleDefaultProps = useTitleDefaultProps(size);\n const subtitleDefaultProps = useSubtitleDefaultProps(size);\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={titleDefaultProps}>\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={subtitleDefaultProps}>\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":";;;;;;;;;;;;;;;;;;;;;AA2Ca,MAAA,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,GACzB,KAAI;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC;AAC3E,IAAA,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,cAAc,CAAC,CAAC;AAE1F,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE3D,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,EAAA,QAAA,EACjE,IAAI,EACD,CAAA,EAAA,CACN,CACT,EACDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAC7E,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CACjCC,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAC9D,IAAA,EAAA,QAAA,EAAA,CAAC,CAAC,KAAK,KACJA,GAAA,CAAC,uBAAuB,EAAC,EAAA,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAC7CA,GAAC,CAAA,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,EAAA,QAAA,EACnE,IAAI,EACD,CAAA,CACX,GACC,CACJ,EAAA,CAAA,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,wBAAwB,EAAA,IAAA,EAAA,QAAA,EAChF,CAAC,CAAC,QAAQ,KACPA,GAAC,CAAA,uBAAuB,IAAC,KAAK,EAAE,oBAAoB,EAChD,QAAA,EAAAA,GAAA,CAAC,KAAK,EACF,EAAA,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 { useSubtitleDefaultProps, useTitleDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\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 /**\n * Задает дефолтное начертание и цвет для заголовка и подзаголовка\n */\n size?: 'large' | 'small';\n /**\n * Позволяет отключить регистрацию заголовка и подзаголовка в качестве\n * метки (aria-label) и описания (aria-description) доступной области (accessible region).\n * Полезно, когда заголовок навбара дублирует уже размеченный на странице заголовок региона.\n */\n notRegionTitle?: boolean;\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n left,\n title,\n icon,\n subtitle,\n size = 'small',\n centered = false,\n notRegionTitle = false,\n}) => {\n const { id: labelId } = useRegisterRegionLabel(!!title && !notRegionTitle);\n const { id: descriptionId } = useRegisterRegionDescription(!!subtitle && !notRegionTitle);\n\n const titleDefaultProps = useTitleDefaultProps(size);\n const subtitleDefaultProps = useSubtitleDefaultProps(size);\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={titleDefaultProps}>\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 {!!icon && (\n <div className={styles.titleInlineContainer}>\n <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n {icon}\n </Morph>\n </div>\n )}\n </div>\n <div className={styles.subtitleContainer} id={descriptionId} suppressHydrationWarning>\n {!!subtitle && (\n <TextDefaultPropsContext props={subtitleDefaultProps}>\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":";;;;;;;;;;;;;;;;;;;;;AA2Ca,MAAA,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,GACzB,KAAI;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC;AAC3E,IAAA,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,cAAc,CAAC,CAAC;AAE1F,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE3D,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,EAAA,QAAA,EACjE,IAAI,EACD,CAAA,EAAA,CACN,CACT,EACDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAC7E,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CACjCC,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAC9D,IAAA,EAAA,QAAA,EAAA,CAAC,CAAC,KAAK,KACJA,GAAA,CAAC,uBAAuB,EAAC,EAAA,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAC7CA,GAAC,CAAA,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,EACL,CAAC,CAAC,IAAI,KACHA,aAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAA,QAAA,EACvCA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EACnE,IAAI,EACD,CAAA,EAAA,CACN,CACT,CACC,EAAA,CAAA,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,wBAAwB,EAAA,IAAA,EAAA,QAAA,EAChF,CAAC,CAAC,QAAQ,KACPA,GAAC,CAAA,uBAAuB,IAAC,KAAK,EAAE,oBAAoB,EAChD,QAAA,EAAAA,GAAA,CAAC,KAAK,EACF,EAAA,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;;;;"}
package/nav-bar-Cw3XHwYx.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"actions-container":"magritte-actions-container___CBgYW_2-0-2","actionsContainer":"magritte-actions-container___CBgYW_2-0-2","actions-no-children":"magritte-actions-no-children___rgJUl_2-0-2","actionsNoChildren":"magritte-actions-no-children___rgJUl_2-0-2","actions-left-slot":"magritte-actions-left-slot___DNOj0_2-0-2","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_2-0-2","actions-right-slot":"magritte-actions-right-slot___aodtj_2-0-2","actionsRightSlot":"magritte-actions-right-slot___aodtj_2-0-2","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_2-0-2","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_2-0-2","actions-start-stage":"magritte-actions-start-stage___MJ67a_2-0-2","actionsStartStage":"magritte-actions-start-stage___MJ67a_2-0-2","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_2-0-2","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_2-0-2","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_2-0-2","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_2-0-2","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_2-0-2","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_2-0-2","actions-end-stage":"magritte-actions-end-stage___qHtTV_2-0-2","actionsEndStage":"magritte-actions-end-stage___qHtTV_2-0-2","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_2-0-2","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_2-0-2","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_2-0-2","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_2-0-2","navbar-transparent":"magritte-navbar-transparent___ULEh8_2-0-2","navbarTransparent":"magritte-navbar-transparent___ULEh8_2-0-2","actions-only-stage":"magritte-actions-only-stage___cg10A_2-0-2","actionsOnlyStage":"magritte-actions-only-stage___cg10A_2-0-2","actions-center-slot":"magritte-actions-center-slot___hLAy6_2-0-2","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_2-0-2","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_2-0-2","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_2-0-2","align-top":"magritte-align-top___-QSFW_2-0-2","alignTop":"magritte-align-top___-QSFW_2-0-2","align-bottom":"magritte-align-bottom___FliHI_2-0-2","alignBottom":"magritte-align-bottom___FliHI_2-0-2","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_2-0-2","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_2-0-2","title-main-part":"magritte-title-main-part___npoHN_2-0-2","titleMainPart":"magritte-title-main-part___npoHN_2-0-2","title-left-slot":"magritte-title-left-slot___HTE7h_2-0-2","titleLeftSlot":"magritte-title-left-slot___HTE7h_2-0-2","title-container":"magritte-title-container___y9AIx_2-0-2","titleContainer":"magritte-title-container___y9AIx_2-0-2","subtitle-container":"magritte-subtitle-container___nVUBu_2-0-2","subtitleContainer":"magritte-subtitle-container___nVUBu_2-0-2","text-morph-item":"magritte-text-morph-item___-vXru_2-0-2","textMorphItem":"magritte-text-morph-item___-vXru_2-0-2","centered":"magritte-centered___Y2mlP_2-0-2","title-morph-item":"magritte-title-morph-item___t7Wf3_2-0-2","titleMorphItem":"magritte-title-morph-item___t7Wf3_2-0-2","title":"magritte-title___ZbLgP_2-0-2","size-large":"magritte-size-large___ISXfH_2-0-2","sizeLarge":"magritte-size-large___ISXfH_2-0-2","pane-content":"magritte-pane-content___UVmC6_2-0-2","paneContent":"magritte-pane-content___UVmC6_2-0-2","pane-background":"magritte-pane-background___PDZAX_2-0-2","paneBackground":"magritte-pane-background___PDZAX_2-0-2","morph-item":"magritte-morph-item___8kF46_2-0-2","morphItem":"magritte-morph-item___8kF46_2-0-2","morph-item-top":"magritte-morph-item-top___WPEkn_2-0-2","morphItemTop":"magritte-morph-item-top___WPEkn_2-0-2","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_2-0-2","morphItemBottom":"magritte-morph-item-bottom___zNbsF_2-0-2","morph-item-left":"magritte-morph-item-left___T6AMW_2-0-2","morphItemLeft":"magritte-morph-item-left___T6AMW_2-0-2","morph-item-right":"magritte-morph-item-right___EuT1E_2-0-2","morphItemRight":"magritte-morph-item-right___EuT1E_2-0-2","pane":"magritte-pane___f8eFC_2-0-2","start-state-container":"magritte-start-state-container___giBVb_2-0-2","startStateContainer":"magritte-start-state-container___giBVb_2-0-2","end-state-container":"magritte-end-state-container___uiW8Q_2-0-2","endStateContainer":"magritte-end-state-container___uiW8Q_2-0-2","content-container":"magritte-content-container___7s7vv_2-0-2","contentContainer":"magritte-content-container___7s7vv_2-0-2","next-pane":"magritte-next-pane___H2oxQ_2-0-2","nextPane":"magritte-next-pane___H2oxQ_2-0-2","nav-bar":"magritte-nav-bar___RRGe0_2-0-2","navBar":"magritte-nav-bar___RRGe0_2-0-2","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_2-0-2","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_2-0-2","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_2-0-2","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_2-0-2","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_2-0-2","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_2-0-2","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_2-0-2","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_2-0-2","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_2-0-2","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_2-0-2","nav-bar-stage":"magritte-nav-bar-stage___amDz7_2-0-2","navBarStage":"magritte-nav-bar-stage___amDz7_2-0-2","last-pane":"magritte-last-pane___Hf2No_2-0-2","lastPane":"magritte-last-pane___Hf2No_2-0-2","metrics-mode":"magritte-metrics-mode___h38aX_2-0-2","metricsMode":"magritte-metrics-mode___h38aX_2-0-2","layout-morph":"magritte-layout-morph___I3SPy_2-0-2","layoutMorph":"magritte-layout-morph___I3SPy_2-0-2","animation-stage-progress":"magritte-animation-stage-progress___5FthT_2-0-2","animationStageProgress":"magritte-animation-stage-progress___5FthT_2-0-2","layout-morph-start":"magritte-layout-morph-start___9-krP_2-0-2","layoutMorphStart":"magritte-layout-morph-start___9-krP_2-0-2","layout-morph-end":"magritte-layout-morph-end___LIg4d_2-0-2","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_2-0-2","divider-container":"magritte-divider-container___-NdWi_2-0-2","dividerContainer":"magritte-divider-container___-NdWi_2-0-2","divider":"magritte-divider___UhH0j_2-0-2"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=nav-bar-Cw3XHwYx.js.map
package/nav-bar-Cw3XHwYx.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"nav-bar-Cw3XHwYx.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}