@servicetitan/navigation 11.0.0-canary.237.4d902dc.0 → 11.0.0-canary.237.c90556e.0

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 (259) hide show
  1. package/package.json +4 -3
  2. package/src/components/left-navigation/side-navigation-links.tsx +1 -1
  3. package/src/components/titan-layout/layout-sidebar-links.tsx +1 -1
  4. package/dist/components/badge-tag.d.ts +0 -12
  5. package/dist/components/badge-tag.d.ts.map +0 -1
  6. package/dist/components/badge-tag.js +0 -8
  7. package/dist/components/badge-tag.js.map +0 -1
  8. package/dist/components/counter-tag.d.ts +0 -12
  9. package/dist/components/counter-tag.d.ts.map +0 -1
  10. package/dist/components/counter-tag.js +0 -8
  11. package/dist/components/counter-tag.js.map +0 -1
  12. package/dist/components/header-navigation/header-navigation-content.d.ts +0 -30
  13. package/dist/components/header-navigation/header-navigation-content.d.ts.map +0 -1
  14. package/dist/components/header-navigation/header-navigation-content.js +0 -22
  15. package/dist/components/header-navigation/header-navigation-content.js.map +0 -1
  16. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts +0 -9
  17. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts.map +0 -1
  18. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js +0 -13
  19. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js.map +0 -1
  20. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts +0 -12
  21. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +0 -1
  22. package/dist/components/header-navigation/header-navigation-extra.stories.js +0 -29
  23. package/dist/components/header-navigation/header-navigation-extra.stories.js.map +0 -1
  24. package/dist/components/header-navigation/header-navigation-links.d.ts +0 -11
  25. package/dist/components/header-navigation/header-navigation-links.d.ts.map +0 -1
  26. package/dist/components/header-navigation/header-navigation-links.js +0 -26
  27. package/dist/components/header-navigation/header-navigation-links.js.map +0 -1
  28. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts +0 -12
  29. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +0 -1
  30. package/dist/components/header-navigation/header-navigation-stacked.stories.js +0 -50
  31. package/dist/components/header-navigation/header-navigation-stacked.stories.js.map +0 -1
  32. package/dist/components/header-navigation/header-navigation-stories.module.less +0 -6
  33. package/dist/components/header-navigation/header-navigation.d.ts +0 -59
  34. package/dist/components/header-navigation/header-navigation.d.ts.map +0 -1
  35. package/dist/components/header-navigation/header-navigation.js +0 -96
  36. package/dist/components/header-navigation/header-navigation.js.map +0 -1
  37. package/dist/components/header-navigation/header-navigation.module.less +0 -260
  38. package/dist/components/header-navigation/header-navigation.stories.d.ts +0 -12
  39. package/dist/components/header-navigation/header-navigation.stories.d.ts.map +0 -1
  40. package/dist/components/header-navigation/header-navigation.stories.js +0 -54
  41. package/dist/components/header-navigation/header-navigation.stories.js.map +0 -1
  42. package/dist/components/header-navigation/index.d.ts +0 -2
  43. package/dist/components/header-navigation/index.d.ts.map +0 -1
  44. package/dist/components/header-navigation/index.js +0 -2
  45. package/dist/components/header-navigation/index.js.map +0 -1
  46. package/dist/components/header-navigation/with-tooltip.d.ts +0 -4
  47. package/dist/components/header-navigation/with-tooltip.d.ts.map +0 -1
  48. package/dist/components/header-navigation/with-tooltip.js +0 -4
  49. package/dist/components/header-navigation/with-tooltip.js.map +0 -1
  50. package/dist/components/layout.stories.d.ts +0 -13
  51. package/dist/components/layout.stories.d.ts.map +0 -1
  52. package/dist/components/layout.stories.js +0 -29
  53. package/dist/components/layout.stories.js.map +0 -1
  54. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts +0 -9
  55. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts.map +0 -1
  56. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js +0 -13
  57. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js.map +0 -1
  58. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts +0 -18
  59. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map +0 -1
  60. package/dist/components/left-navigation/header-navigation-tiny-links.js +0 -32
  61. package/dist/components/left-navigation/header-navigation-tiny-links.js.map +0 -1
  62. package/dist/components/left-navigation/header-navigation-tiny.d.ts +0 -23
  63. package/dist/components/left-navigation/header-navigation-tiny.d.ts.map +0 -1
  64. package/dist/components/left-navigation/header-navigation-tiny.js +0 -7
  65. package/dist/components/left-navigation/header-navigation-tiny.js.map +0 -1
  66. package/dist/components/left-navigation/header-navigation-tiny.module.less +0 -117
  67. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts +0 -12
  68. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +0 -1
  69. package/dist/components/left-navigation/header-navigation-tiny.stories.js +0 -30
  70. package/dist/components/left-navigation/header-navigation-tiny.stories.js.map +0 -1
  71. package/dist/components/left-navigation/index.d.ts +0 -5
  72. package/dist/components/left-navigation/index.d.ts.map +0 -1
  73. package/dist/components/left-navigation/index.js +0 -5
  74. package/dist/components/left-navigation/index.js.map +0 -1
  75. package/dist/components/left-navigation/interface-internal.d.ts +0 -10
  76. package/dist/components/left-navigation/interface-internal.d.ts.map +0 -1
  77. package/dist/components/left-navigation/interface-internal.js +0 -2
  78. package/dist/components/left-navigation/interface-internal.js.map +0 -1
  79. package/dist/components/left-navigation/interface.d.ts +0 -20
  80. package/dist/components/left-navigation/interface.d.ts.map +0 -1
  81. package/dist/components/left-navigation/interface.js +0 -2
  82. package/dist/components/left-navigation/interface.js.map +0 -1
  83. package/dist/components/left-navigation/side-navigation-context.d.ts +0 -8
  84. package/dist/components/left-navigation/side-navigation-context.d.ts.map +0 -1
  85. package/dist/components/left-navigation/side-navigation-context.js +0 -7
  86. package/dist/components/left-navigation/side-navigation-context.js.map +0 -1
  87. package/dist/components/left-navigation/side-navigation-links-internal.d.ts +0 -28
  88. package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map +0 -1
  89. package/dist/components/left-navigation/side-navigation-links-internal.js +0 -29
  90. package/dist/components/left-navigation/side-navigation-links-internal.js.map +0 -1
  91. package/dist/components/left-navigation/side-navigation-links.d.ts +0 -6
  92. package/dist/components/left-navigation/side-navigation-links.d.ts.map +0 -1
  93. package/dist/components/left-navigation/side-navigation-links.js +0 -27
  94. package/dist/components/left-navigation/side-navigation-links.js.map +0 -1
  95. package/dist/components/left-navigation/side-navigation.d.ts +0 -29
  96. package/dist/components/left-navigation/side-navigation.d.ts.map +0 -1
  97. package/dist/components/left-navigation/side-navigation.js +0 -182
  98. package/dist/components/left-navigation/side-navigation.js.map +0 -1
  99. package/dist/components/left-navigation/side-navigation.module.less +0 -530
  100. package/dist/components/left-navigation/side-navigation.stories.d.ts +0 -17
  101. package/dist/components/left-navigation/side-navigation.stories.d.ts.map +0 -1
  102. package/dist/components/left-navigation/side-navigation.stories.js +0 -115
  103. package/dist/components/left-navigation/side-navigation.stories.js.map +0 -1
  104. package/dist/components/left-navigation/with-tooltip.d.ts +0 -4
  105. package/dist/components/left-navigation/with-tooltip.d.ts.map +0 -1
  106. package/dist/components/left-navigation/with-tooltip.js +0 -4
  107. package/dist/components/left-navigation/with-tooltip.js.map +0 -1
  108. package/dist/components/links.d.ts +0 -5
  109. package/dist/components/links.d.ts.map +0 -1
  110. package/dist/components/links.js +0 -14
  111. package/dist/components/links.js.map +0 -1
  112. package/dist/components/logo/logo-company-title.d.ts +0 -8
  113. package/dist/components/logo/logo-company-title.d.ts.map +0 -1
  114. package/dist/components/logo/logo-company-title.js +0 -6
  115. package/dist/components/logo/logo-company-title.js.map +0 -1
  116. package/dist/components/logo/logo-titan-text.d.ts +0 -29
  117. package/dist/components/logo/logo-titan-text.d.ts.map +0 -1
  118. package/dist/components/logo/logo-titan-text.js +0 -13
  119. package/dist/components/logo/logo-titan-text.js.map +0 -1
  120. package/dist/components/logo/logo-titan-text.module.less +0 -31
  121. package/dist/components/logo/logo-titan.d.ts +0 -9
  122. package/dist/components/logo/logo-titan.d.ts.map +0 -1
  123. package/dist/components/logo/logo-titan.js +0 -13
  124. package/dist/components/logo/logo-titan.js.map +0 -1
  125. package/dist/components/logo/logo.stories.d.ts +0 -14
  126. package/dist/components/logo/logo.stories.d.ts.map +0 -1
  127. package/dist/components/logo/logo.stories.js +0 -20
  128. package/dist/components/logo/logo.stories.js.map +0 -1
  129. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts +0 -9
  130. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map +0 -1
  131. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js +0 -13
  132. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js.map +0 -1
  133. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts +0 -9
  134. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts.map +0 -1
  135. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js +0 -13
  136. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js.map +0 -1
  137. package/dist/components/profile-dropdown/profile-dropdown.d.ts +0 -77
  138. package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +0 -1
  139. package/dist/components/profile-dropdown/profile-dropdown.js +0 -85
  140. package/dist/components/profile-dropdown/profile-dropdown.js.map +0 -1
  141. package/dist/components/profile-dropdown/profile-dropdown.module.less +0 -171
  142. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts +0 -16
  143. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map +0 -1
  144. package/dist/components/profile-dropdown/profile-dropdown.stories.js +0 -51
  145. package/dist/components/profile-dropdown/profile-dropdown.stories.js.map +0 -1
  146. package/dist/components/profile-dropdown/profile-icon.d.ts +0 -3
  147. package/dist/components/profile-dropdown/profile-icon.d.ts.map +0 -1
  148. package/dist/components/profile-dropdown/profile-icon.js +0 -5
  149. package/dist/components/profile-dropdown/profile-icon.js.map +0 -1
  150. package/dist/components/titan-layout/index.d.ts +0 -6
  151. package/dist/components/titan-layout/index.d.ts.map +0 -1
  152. package/dist/components/titan-layout/index.js +0 -6
  153. package/dist/components/titan-layout/index.js.map +0 -1
  154. package/dist/components/titan-layout/interface-internal.d.ts +0 -6
  155. package/dist/components/titan-layout/interface-internal.d.ts.map +0 -1
  156. package/dist/components/titan-layout/interface-internal.js +0 -2
  157. package/dist/components/titan-layout/interface-internal.js.map +0 -1
  158. package/dist/components/titan-layout/interface.d.ts +0 -21
  159. package/dist/components/titan-layout/interface.d.ts.map +0 -1
  160. package/dist/components/titan-layout/interface.js +0 -2
  161. package/dist/components/titan-layout/interface.js.map +0 -1
  162. package/dist/components/titan-layout/layout-context.d.ts +0 -20
  163. package/dist/components/titan-layout/layout-context.d.ts.map +0 -1
  164. package/dist/components/titan-layout/layout-context.js +0 -12
  165. package/dist/components/titan-layout/layout-context.js.map +0 -1
  166. package/dist/components/titan-layout/layout-header-links.d.ts +0 -7
  167. package/dist/components/titan-layout/layout-header-links.d.ts.map +0 -1
  168. package/dist/components/titan-layout/layout-header-links.js +0 -32
  169. package/dist/components/titan-layout/layout-header-links.js.map +0 -1
  170. package/dist/components/titan-layout/layout-header.d.ts +0 -20
  171. package/dist/components/titan-layout/layout-header.d.ts.map +0 -1
  172. package/dist/components/titan-layout/layout-header.js +0 -11
  173. package/dist/components/titan-layout/layout-header.js.map +0 -1
  174. package/dist/components/titan-layout/layout-header.module.less +0 -153
  175. package/dist/components/titan-layout/layout-logo.d.ts +0 -12
  176. package/dist/components/titan-layout/layout-logo.d.ts.map +0 -1
  177. package/dist/components/titan-layout/layout-logo.js +0 -15
  178. package/dist/components/titan-layout/layout-logo.js.map +0 -1
  179. package/dist/components/titan-layout/layout-logo.stories.d.ts +0 -13
  180. package/dist/components/titan-layout/layout-logo.stories.d.ts.map +0 -1
  181. package/dist/components/titan-layout/layout-logo.stories.js +0 -17
  182. package/dist/components/titan-layout/layout-logo.stories.js.map +0 -1
  183. package/dist/components/titan-layout/layout-profile.d.ts +0 -9
  184. package/dist/components/titan-layout/layout-profile.d.ts.map +0 -1
  185. package/dist/components/titan-layout/layout-profile.js +0 -44
  186. package/dist/components/titan-layout/layout-profile.js.map +0 -1
  187. package/dist/components/titan-layout/layout-profile.stories.d.ts +0 -13
  188. package/dist/components/titan-layout/layout-profile.stories.d.ts.map +0 -1
  189. package/dist/components/titan-layout/layout-profile.stories.js +0 -13
  190. package/dist/components/titan-layout/layout-profile.stories.js.map +0 -1
  191. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts +0 -46
  192. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map +0 -1
  193. package/dist/components/titan-layout/layout-sidebar-links-internal.js +0 -61
  194. package/dist/components/titan-layout/layout-sidebar-links-internal.js.map +0 -1
  195. package/dist/components/titan-layout/layout-sidebar-links.d.ts +0 -6
  196. package/dist/components/titan-layout/layout-sidebar-links.d.ts.map +0 -1
  197. package/dist/components/titan-layout/layout-sidebar-links.js +0 -21
  198. package/dist/components/titan-layout/layout-sidebar-links.js.map +0 -1
  199. package/dist/components/titan-layout/layout-sidebar.d.ts +0 -18
  200. package/dist/components/titan-layout/layout-sidebar.d.ts.map +0 -1
  201. package/dist/components/titan-layout/layout-sidebar.js +0 -65
  202. package/dist/components/titan-layout/layout-sidebar.js.map +0 -1
  203. package/dist/components/titan-layout/layout-sidebar.module.less +0 -528
  204. package/dist/components/titan-layout/titan-layout.d.ts +0 -36
  205. package/dist/components/titan-layout/titan-layout.d.ts.map +0 -1
  206. package/dist/components/titan-layout/titan-layout.js +0 -109
  207. package/dist/components/titan-layout/titan-layout.js.map +0 -1
  208. package/dist/components/titan-layout/titan-layout.module.less +0 -53
  209. package/dist/components/titan-layout/titan-layout.stories.d.ts +0 -18
  210. package/dist/components/titan-layout/titan-layout.stories.d.ts.map +0 -1
  211. package/dist/components/titan-layout/titan-layout.stories.js +0 -62
  212. package/dist/components/titan-layout/titan-layout.stories.js.map +0 -1
  213. package/dist/components/titan-layout/with-tooltip.d.ts +0 -4
  214. package/dist/components/titan-layout/with-tooltip.d.ts.map +0 -1
  215. package/dist/components/titan-layout/with-tooltip.js +0 -4
  216. package/dist/components/titan-layout/with-tooltip.js.map +0 -1
  217. package/dist/index.d.ts +0 -13
  218. package/dist/index.d.ts.map +0 -1
  219. package/dist/index.js +0 -13
  220. package/dist/index.js.map +0 -1
  221. package/dist/test/data-stories.module.less +0 -8
  222. package/dist/test/data.d.ts +0 -32
  223. package/dist/test/data.d.ts.map +0 -1
  224. package/dist/test/data.js +0 -244
  225. package/dist/test/data.js.map +0 -1
  226. package/dist/utils/counter-tag.d.ts +0 -5
  227. package/dist/utils/counter-tag.d.ts.map +0 -1
  228. package/dist/utils/counter-tag.js +0 -2
  229. package/dist/utils/counter-tag.js.map +0 -1
  230. package/dist/utils/navigation-context.d.ts +0 -27
  231. package/dist/utils/navigation-context.d.ts.map +0 -1
  232. package/dist/utils/navigation-context.js +0 -10
  233. package/dist/utils/navigation-context.js.map +0 -1
  234. package/dist/utils/navigation-legacy.d.ts +0 -88
  235. package/dist/utils/navigation-legacy.d.ts.map +0 -1
  236. package/dist/utils/navigation-legacy.js +0 -2
  237. package/dist/utils/navigation-legacy.js.map +0 -1
  238. package/dist/utils/navigation.d.ts +0 -48
  239. package/dist/utils/navigation.d.ts.map +0 -1
  240. package/dist/utils/navigation.js +0 -2
  241. package/dist/utils/navigation.js.map +0 -1
  242. package/dist/utils/side-nav.d.ts +0 -6
  243. package/dist/utils/side-nav.d.ts.map +0 -1
  244. package/dist/utils/side-nav.js +0 -28
  245. package/dist/utils/side-nav.js.map +0 -1
  246. package/dist/utils/use-breakpoint.d.ts +0 -7
  247. package/dist/utils/use-breakpoint.d.ts.map +0 -1
  248. package/dist/utils/use-breakpoint.js +0 -13
  249. package/dist/utils/use-breakpoint.js.map +0 -1
  250. package/src/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
  251. package/src/components/header-navigation/header-navigation.module.less.d.ts +0 -22
  252. package/src/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
  253. package/src/components/left-navigation/side-navigation.module.less.d.ts +0 -48
  254. package/src/components/logo/logo-titan-text.module.less.d.ts +0 -6
  255. package/src/components/profile-dropdown/profile-dropdown.module.less.d.ts +0 -21
  256. package/src/components/titan-layout/layout-header.module.less.d.ts +0 -16
  257. package/src/components/titan-layout/layout-sidebar.module.less.d.ts +0 -50
  258. package/src/components/titan-layout/titan-layout.module.less.d.ts +0 -11
  259. package/src/test/data-stories.module.less.d.ts +0 -3
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-sidebar.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"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"}
@@ -1,528 +0,0 @@
1
- /* stylelint-disable no-descending-specificity */
2
- @import (reference) '@servicetitan/tokens/core/tokens.less';
3
-
4
- @text-color: var(--colorsTextInverted, @color-white);
5
- @text-color-active: var(--colorsTextPrimarySubdued, @color-blue-300);
6
- @border-color: var(--colorsTextOnGrey, @color-neutral-200);
7
- @bg-color: #0f1d26;
8
- @bg-color-hover: rgba(255, 255, 255, 0.08);
9
- @bg-color-active: rgba(120, 187, 250, 0.2);
10
-
11
- .nav {
12
- background-color: @bg-color;
13
- display: flex;
14
- flex-direction: column;
15
- align-items: stretch;
16
- }
17
-
18
- // desktop version positioned with flex
19
- .nav-flex {
20
- flex-basis: var(--nav-offset-left);
21
- flex-grow: 0;
22
- flex-shrink: 0;
23
- }
24
-
25
- // desktop version positioned with fixed
26
- .nav-fixed {
27
- position: fixed;
28
- top: var(--nav-offset-top);
29
- bottom: 0;
30
- left: 0;
31
- }
32
-
33
- // mobile version
34
- .nav-drawer {
35
- display: none;
36
- position: fixed;
37
- max-width: 400px;
38
- width: 0;
39
- top: 0;
40
- bottom: 0;
41
- left: 0;
42
- z-index: 991;
43
-
44
- .nav-main {
45
- padding-left: @spacing-2;
46
- padding-right: @spacing-2;
47
- }
48
- .nav-close-wrapper {
49
- display: flex;
50
- justify-content: flex-end;
51
- margin-right: -@spacing-2;
52
-
53
- .nav-close {
54
- padding-top: @spacing-2;
55
- padding-left: @spacing-2;
56
- padding-right: @spacing-2;
57
- }
58
- }
59
-
60
- .nav-item {
61
- margin-bottom: @spacing-half;
62
- }
63
- .nav-top {
64
- margin-bottom: @spacing-half;
65
- }
66
- .nav-bottom {
67
- .divider {
68
- margin-bottom: @spacing-half;
69
- }
70
- }
71
-
72
- .submenu {
73
- .submenu-item {
74
- margin-bottom: @spacing-half;
75
- }
76
- }
77
- }
78
-
79
- // mobile version opened
80
- .nav-drawer-opened {
81
- display: flex;
82
- width: 90vw;
83
- }
84
-
85
- @media only screen and (min-width: 361px) {
86
- width: 85vw;
87
- }
88
- @media only screen and (min-width: 481px) {
89
- width: 80vw;
90
- }
91
-
92
- // desktop version collapsed
93
- .nav-slim {
94
- width: 64px;
95
-
96
- .toggle {
97
- width: 64px;
98
- margin-top: @spacing-1;
99
- margin-bottom: 12px;
100
- display: flex;
101
- justify-content: center;
102
-
103
- .toggle-icon-wrapper {
104
- padding-left: @spacing-half;
105
- padding-right: @spacing-half;
106
- }
107
- }
108
-
109
- .nav-item {
110
- flex-direction: column;
111
- width: 64px;
112
- overflow-x: hidden;
113
- padding-top: @spacing-1;
114
-
115
- &:not(:first-child) {
116
- margin-top: @spacing-half;
117
- }
118
-
119
- .nav-item-counter[data-anv][data-anv] {
120
- position: absolute;
121
- right: 0;
122
- top: 4px;
123
- z-index: auto;
124
-
125
- &.nav-item-counter-long {
126
- right: 2px;
127
- }
128
- }
129
-
130
- .nav-item-icon-wrapper {
131
- flex: 1;
132
- padding: @spacing-half;
133
- }
134
-
135
- .nav-item-text-expanded {
136
- display: none;
137
- }
138
- .nav-item-text-collapsed {
139
- font-family: @base-font-family;
140
- font-size: 11px;
141
- line-height: 11px;
142
- margin: 2px @spacing-half @spacing-0;
143
- text-align: center;
144
- }
145
-
146
- .nav-item-text-collapsed.nav-item-text-small {
147
- font-size: 10.5px;
148
- }
149
- }
150
-
151
- .nav-top .divider {
152
- margin-top: @spacing-1;
153
- }
154
- }
155
-
156
- // desktop version expanded
157
- .nav-wide {
158
- width: var(--nav-offset-left);
159
- padding-top: @spacing-2;
160
-
161
- .toggle {
162
- .toggle-content {
163
- margin: @spacing-2;
164
-
165
- .toggle-icon-wrapper {
166
- padding-left: @spacing-half;
167
- padding-right: @spacing-half;
168
- }
169
-
170
- .toggle-text {
171
- padding-left: @spacing-0 !important;
172
- }
173
- }
174
- }
175
-
176
- .nav-top .divider {
177
- margin-top: @spacing-1;
178
- margin-bottom: @spacing-1;
179
- }
180
- }
181
-
182
- .nav-drawer,
183
- .nav-wide {
184
- .nav-item {
185
- flex-direction: row;
186
- margin-left: @spacing-1;
187
- margin-right: @spacing-1;
188
-
189
- .nav-item-icon-wrapper {
190
- flex: 1;
191
- padding: @spacing-1 @spacing-half;
192
- }
193
-
194
- .nav-item-text-expanded {
195
- font-family: @base-font-family;
196
- font-size: @typescale-3;
197
- padding-left: @spacing-1;
198
- flex: 1;
199
- }
200
-
201
- .nav-item-text-collapsed {
202
- display: none;
203
- }
204
-
205
- .nav-item-counter[data-anv][data-anv] {
206
- margin-right: @spacing-1;
207
- position: relative;
208
- transform: unset;
209
- }
210
- }
211
- }
212
- .divider {
213
- border-top: 1px solid @border-color;
214
- }
215
-
216
- .nav-main {
217
- position: relative;
218
- overflow-y: auto;
219
- padding-bottom: @spacing-1;
220
- flex-grow: 1;
221
- flex-basis: 0;
222
-
223
- &::-webkit-scrollbar {
224
- width: 0;
225
- height: 0;
226
- }
227
- }
228
-
229
- .nav-top {
230
- display: flex;
231
- flex-direction: column;
232
- align-items: stretch;
233
- }
234
-
235
- .nav-bottom {
236
- display: flex;
237
- flex-direction: column;
238
- }
239
-
240
- .nav-footer {
241
- display: flex;
242
- flex-direction: column;
243
- align-items: stretch;
244
- background-color: @bg-color;
245
-
246
- .toggle-wrapper {
247
- display: block;
248
-
249
- .toggle {
250
- font-family: @base-font-family;
251
- color: @text-color;
252
- position: relative;
253
- cursor: pointer;
254
- outline: none;
255
-
256
- &:hover {
257
- .toggle-content {
258
- background-color: @bg-color-hover;
259
- }
260
- }
261
-
262
- .toggle-content {
263
- display: flex;
264
- justify-content: flex-start;
265
- align-items: center;
266
- flex-wrap: nowrap;
267
- text-wrap: nowrap;
268
- height: 32px;
269
-
270
- border-radius: @border-radius-2;
271
- }
272
-
273
- .toggle-icon-wrapper {
274
- height: 24px;
275
- width: 24px;
276
-
277
- .toggle-icon[data-anv][data-anv] > svg {
278
- height: 24px;
279
- width: 24px;
280
- color: @text-color;
281
- }
282
- }
283
-
284
- .toggle-text {
285
- font-family: @base-font-family;
286
- font-size: @typescale-3;
287
- flex: 1;
288
- }
289
- }
290
- }
291
- }
292
-
293
- .nav-item {
294
- font-family: @base-font-family;
295
- color: @text-color;
296
- position: relative;
297
- display: flex;
298
- flex-direction: row;
299
- justify-content: flex-start;
300
- align-items: center;
301
- outline: none;
302
- overflow: hidden;
303
-
304
- .nav-item-icon-wrapper {
305
- border-radius: @border-radius-2;
306
- display: flex;
307
- justify-content: flex-start;
308
- align-items: center;
309
- flex-wrap: nowrap;
310
- text-wrap: nowrap;
311
- position: relative;
312
- }
313
-
314
- &.nav-item-active {
315
- color: @text-color-active;
316
-
317
- .nav-item-icon-wrapper {
318
- background-color: @bg-color-active;
319
- }
320
- }
321
-
322
- &.nav-item-icon-switch {
323
- &.nav-item-active {
324
- .nav-icon-inactive[data-anv][data-anv] {
325
- display: none;
326
- }
327
- .nav-icon-active[data-anv][data-anv] {
328
- display: block;
329
- }
330
- }
331
- &:not(.nav-item-active) {
332
- .nav-icon-inactive[data-anv][data-anv] {
333
- display: block;
334
- }
335
- .nav-icon-active[data-anv][data-anv] {
336
- display: none;
337
- }
338
- }
339
- }
340
-
341
- .nav-item-counter {
342
- min-width: 12px !important;
343
- min-height: 12px !important;
344
- }
345
-
346
- .nav-item-group-toggle-wrapper {
347
- position: relative;
348
- display: flex;
349
- justify-content: center;
350
- align-items: center;
351
-
352
- .nav-item-group-toggle[data-anv][data-anv] {
353
- color: inherit;
354
- font-weight: @font-weight-semibold;
355
- }
356
-
357
- .nav-item-group-toggle-click {
358
- position: absolute;
359
- left: -@spacing-2;
360
- right: -@spacing-half;
361
- top: -@spacing-1;
362
- bottom: -@spacing-1;
363
- }
364
- }
365
-
366
- .nav-icon[data-anv][data-anv] {
367
- height: 24px;
368
- width: 24px;
369
- color: inherit;
370
-
371
- & > svg {
372
- height: 24px;
373
- width: 24px;
374
- }
375
- }
376
- }
377
-
378
- .nav-link {
379
- cursor: pointer;
380
-
381
- &:hover:not(.nav-item-active) .nav-item-icon-wrapper {
382
- background-color: @bg-color-hover;
383
- }
384
- }
385
- .nav-group-wrapper {
386
- .nav-group-item {
387
- position: relative;
388
- }
389
-
390
- .submenu-wrapper:not(.submenu-wrapper-collapsed) {
391
- max-height: 2000px;
392
- transition: max-height 0.7s ease-in-out;
393
- }
394
- }
395
-
396
- .submenu-wrapper {
397
- max-height: 0;
398
- overflow: hidden;
399
- transition: max-height unset;
400
- }
401
-
402
- .submenu {
403
- margin-left: @spacing-3;
404
-
405
- padding-left: @spacing-1;
406
- padding-right: @spacing-1;
407
- margin-bottom: @spacing-1;
408
- position: relative;
409
- font-family: @base-font-family;
410
-
411
- .submenu-group-header[data-anv][data-anv] {
412
- padding-top: @spacing-2;
413
- padding-bottom: @spacing-half;
414
- }
415
- .submenu-group-header.submenu-group-header-empty[data-anv][data-anv] {
416
- padding-top: @spacing-1;
417
- }
418
-
419
- .submenu-item {
420
- padding: @spacing-1;
421
- }
422
-
423
- .submenu-link-active {
424
- position: relative;
425
- }
426
-
427
- .submenu-link-active:before {
428
- content: '';
429
- position: absolute;
430
- background-color: @text-color-active;
431
- width: 3px;
432
- top: @spacing-1;
433
- bottom: @spacing-1;
434
- left: -12px;
435
- }
436
-
437
- .submenu-item:before:not(.submenu-link-active) {
438
- background-color: @bg-color-hover;
439
- }
440
-
441
- .divider + .divider {
442
- display: none;
443
- }
444
-
445
- .divider:last-child {
446
- display: none;
447
- }
448
-
449
- > *,
450
- > *[data-anv][data-anv] {
451
- border-left: 3px solid transparent;
452
- padding-left: @spacing-1;
453
- }
454
-
455
- > *:last-child {
456
- margin-bottom: @spacing-0;
457
- }
458
- }
459
-
460
- .submenu-popover {
461
- margin-left: -@spacing-1;
462
- margin-right: -@spacing-1;
463
- min-width: 240px;
464
-
465
- .submenu-group-header[data-anv][data-anv] {
466
- margin-top: @spacing-2;
467
- padding-bottom: @spacing-half;
468
- }
469
-
470
- .submenu-group-header.submenu-group-header-empty[data-anv][data-anv] {
471
- margin-top: @spacing-1;
472
- }
473
-
474
- .submenu-item {
475
- padding-top: @spacing-1;
476
- padding-bottom: @spacing-1;
477
- }
478
-
479
- .submenu-link-active {
480
- background-color: @bg-color-active;
481
- }
482
- .submenu-link:hover:not(.submenu-link-active) {
483
- background-color: @bg-color-hover;
484
- }
485
-
486
- > *,
487
- > *[data-anv][data-anv] {
488
- padding-left: @spacing-1;
489
- padding-right: @spacing-1;
490
- }
491
- }
492
-
493
- .submenu,
494
- .submenu-popover {
495
- display: flex;
496
- flex-direction: column;
497
-
498
- .submenu-group-header[data-anv][data-anv] {
499
- color: @color-neutral-70;
500
- }
501
-
502
- .submenu-item {
503
- color: @text-color;
504
- font-size: @typescale-2;
505
- border-radius: @border-radius-2;
506
- display: flex;
507
- flex-direction: row;
508
- justify-content: space-between;
509
- align-items: center;
510
- }
511
-
512
- .submenu-link {
513
- cursor: pointer;
514
- }
515
-
516
- .submenu-link-active {
517
- color: @text-color-active;
518
- }
519
-
520
- .submenu-link-counter {
521
- position: relative !important;
522
- transform: unset !important;
523
- }
524
-
525
- .submenu-link:hover:not(.submenu-link-active) {
526
- background-color: @bg-color-hover;
527
- }
528
- }
@@ -1,36 +0,0 @@
1
- import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
2
- import { NavigationItemData } from '../../utils/navigation';
3
- import { NavLinkComponentProps } from '../../utils/navigation-context';
4
- import { TitanLayoutState } from './interface';
5
- import { TitanLayoutLogoProps } from './layout-logo';
6
- import { TitanLayoutSidebarLink, TitanLayoutSidebarTrigger } from './layout-sidebar-links';
7
- type TitanLayoutChild = ReactElement<TitanLayoutContentProps> | ReactElement<TitanLayoutLogoProps>;
8
- export type TitanLayoutProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'style'> & {
9
- empty?: boolean;
10
- appearance?: 'legacy' | 'anvil1' | 'anvil2';
11
- /** component used for navigation */
12
- navigationComponent?: FC<NavLinkComponentProps>;
13
- /** data for main navigation links */
14
- navigationMainItems?: NavigationItemData[];
15
- /** layout's content */
16
- children?: TitanLayoutChild | TitanLayoutChild[];
17
- state?: TitanLayoutState;
18
- onStateChange?: (state: TitanLayoutState) => void;
19
- header?: ReactElement;
20
- profile?: ReactElement;
21
- extraLinks?: ReactElement;
22
- extraLinksTop?: ReactElement;
23
- extraText?: string;
24
- sidebarTop?: ReactElement[];
25
- };
26
- export interface TitanLayoutContentProps {
27
- children: ReactNode;
28
- }
29
- export declare const TitanLayout: FC<TitanLayoutProps> & {
30
- Content: FC<TitanLayoutContentProps>;
31
- Logo: FC<TitanLayoutLogoProps>;
32
- SidebarLink: typeof TitanLayoutSidebarLink;
33
- SidebarTrigger: typeof TitanLayoutSidebarTrigger;
34
- };
35
- export {};
36
- //# sourceMappingURL=titan-layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"titan-layout.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,wBAAwB,EACxB,EAAE,EAEF,YAAY,EACZ,SAAS,EAMZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEhG,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQ/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAI3F,KAAK,gBAAgB,GAAG,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAEnG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE5C,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAEhD,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE3C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAEjD,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AA0MF,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAGD,eAAO,MAAM,WAAW;;;;;CAKtB,CAAC"}
@@ -1,109 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- import { Children, Fragment, isValidElement, useCallback, useEffect, useMemo, useState, } from 'react';
4
- import { DefaultNavLinkComponent } from '../../utils/navigation-context';
5
- import { useTitanBreakpoint } from '../../utils/use-breakpoint';
6
- import { LayoutContext, LayoutPlacementContext, } from './layout-context';
7
- import { LayoutHeader } from './layout-header';
8
- import { TitanLayoutLogo } from './layout-logo';
9
- import { LayoutSidebar } from './layout-sidebar';
10
- import { TitanLayoutSidebarLink, TitanLayoutSidebarTrigger } from './layout-sidebar-links';
11
- import { InternalSideNavigationTrigger } from './layout-sidebar-links-internal';
12
- import * as Styles from './titan-layout.module.less';
13
- const defaultSidebarContext = {
14
- styles: {
15
- popoverContent: {
16
- '--background-color-strong': '#24323C',
17
- 'color': 'var(--color-white)',
18
- },
19
- },
20
- };
21
- const useVariant = (appearance) => useMemo(() => {
22
- const isLegacy = appearance === 'legacy';
23
- const isAnvil1 = appearance === 'anvil1';
24
- const isAnvil2 = appearance === 'anvil2';
25
- return {
26
- isLegacy,
27
- isAnvil1,
28
- isAnvil2,
29
- isSequent: isLegacy || isAnvil1,
30
- };
31
- }, [appearance]);
32
- const useLayoutChildren = (children) => useMemo(() => Children.toArray(children).reduce((out, item) => {
33
- if (item &&
34
- isValidElement(item) &&
35
- item.type &&
36
- typeof item.type !== 'string') {
37
- if (item.type.name === TitanLayoutContent.name) {
38
- out.content = item;
39
- }
40
- else if (item.type.name === TitanLayoutLogo.name) {
41
- out.logo = item;
42
- }
43
- }
44
- return out;
45
- }, {
46
- logo: _jsx(TitanLayoutLogo, {}),
47
- }), [children]);
48
- const TitanLayoutComponent = ({ appearance = 'anvil2', id, children, navigationComponent, header, profile, state, onStateChange, navigationMainItems, extraLinks, extraLinksTop, extraText, sidebarTop, }) => {
49
- const breakpoint = useTitanBreakpoint();
50
- const isMobile = breakpoint.isMobile;
51
- const context = useMemo(() => ({
52
- NavigationComponent: navigationComponent !== null && navigationComponent !== void 0 ? navigationComponent : DefaultNavLinkComponent,
53
- breakpoint,
54
- isTitanLayout: true,
55
- sidebar: defaultSidebarContext,
56
- }), [navigationComponent, breakpoint]);
57
- const variant = useVariant(appearance);
58
- const [mobileDrawerOpened, setMobileDrawerOpened] = useState(false);
59
- const { content, logo } = useLayoutChildren(children);
60
- useEffect(() => {
61
- if (!isMobile) {
62
- setMobileDrawerOpened(false);
63
- return;
64
- }
65
- const listener = () => {
66
- setMobileDrawerOpened(false);
67
- };
68
- document.addEventListener('click', listener);
69
- return () => document.removeEventListener('click', listener);
70
- }, [isMobile]);
71
- const onBurgerClick = useCallback((e) => {
72
- setMobileDrawerOpened(true);
73
- e.stopPropagation();
74
- }, []);
75
- const onBarExpandChange = useCallback((expanded) => {
76
- if (isMobile) {
77
- setMobileDrawerOpened(false);
78
- }
79
- else {
80
- onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange({ navCollapsed: !expanded });
81
- }
82
- }, [onStateChange, isMobile]);
83
- const onSubmenuExpandChange = useCallback((id, expanded) => {
84
- var _a;
85
- onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange({
86
- navCollapsed: (_a = state === null || state === void 0 ? void 0 : state.navCollapsed) !== null && _a !== void 0 ? _a : false,
87
- submenuExpanded: expanded ? id : undefined,
88
- });
89
- }, [state, onStateChange]);
90
- const [layoutStyles] = useState({});
91
- const layoutClass = variant.isLegacy
92
- ? Styles.layoutLegacy
93
- : variant.isAnvil1
94
- ? Styles.layoutAnvil1
95
- : Styles.layoutAnvil2;
96
- return (_jsx(LayoutContext.Provider, { value: context, children: _jsx(LayoutPlacementContext.Provider, { value: "unset", children: _jsxs("div", { id: id, className: classNames(Styles.layout, isMobile
97
- ? Styles.layoutMobile
98
- : (state === null || state === void 0 ? void 0 : state.navCollapsed)
99
- ? Styles.layoutNavSlim
100
- : Styles.layoutNavWide, layoutClass), style: layoutStyles, children: [variant.isSequent && _jsx("div", { className: Styles.topPlaceholder }), _jsx(LayoutHeader, { className: Styles.top, logo: logo, profile: isMobile ? undefined : profile, center: header, rightText: isMobile ? undefined : extraText, right: _jsxs(Fragment, { children: [extraLinksTop, !isMobile && extraLinks] }), onBurgerClick: onBurgerClick }), _jsx(LayoutSidebar, { flex: !variant.isSequent, mobile: breakpoint.isMobile, barExpanded: isMobile ? mobileDrawerOpened : !(state === null || state === void 0 ? void 0 : state.navCollapsed), submenuExpanded: state === null || state === void 0 ? void 0 : state.submenuExpanded, onBarExpandChange: onBarExpandChange, onSubmenuExpandChange: onSubmenuExpandChange, top: sidebarTop, mainItems: navigationMainItems, navigationComponent: context.NavigationComponent, bottom: isMobile ? (_jsxs(Fragment, { children: [profile, extraLinks, !!extraText && (_jsx(InternalSideNavigationTrigger, { id: "__extra_text", title: extraText, submenuExpanded: undefined, dataPrefix: "navigation-extra-text", tag: undefined, icon: undefined, iconActive: undefined }))] })) : undefined }), content] }) }) }));
101
- };
102
- const TitanLayoutContent = ({ children }) => children;
103
- export const TitanLayout = Object.assign(TitanLayoutComponent, {
104
- Content: TitanLayoutContent,
105
- Logo: TitanLayoutLogo,
106
- SidebarLink: TitanLayoutSidebarLink,
107
- SidebarTrigger: TitanLayoutSidebarTrigger,
108
- });
109
- //# sourceMappingURL=titan-layout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"titan-layout.js","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":"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"}