@alfalab/core-components-navigation-bar-private 0.8.2 → 0.8.3-snapshot-1393ffa

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 (206) hide show
  1. package/Component.js +27 -28
  2. package/Component.js.map +1 -0
  3. package/components/back-arrow-addon/Component.js +7 -8
  4. package/components/back-arrow-addon/Component.js.map +1 -0
  5. package/components/back-arrow-addon/index.css +16 -39
  6. package/components/back-arrow-addon/index.js +3 -2
  7. package/components/back-arrow-addon/index.js.map +1 -0
  8. package/components/back-arrow-addon/index.module.css.js +8 -0
  9. package/components/back-arrow-addon/index.module.css.js.map +1 -0
  10. package/components/closer/Component.js +9 -14
  11. package/components/closer/Component.js.map +1 -0
  12. package/components/closer/default.css +3 -39
  13. package/components/closer/default.module.css.js +8 -0
  14. package/components/closer/default.module.css.js.map +1 -0
  15. package/components/closer/index.css +6 -27
  16. package/components/closer/index.js +3 -2
  17. package/components/closer/index.js.map +1 -0
  18. package/components/closer/index.module.css.js +8 -0
  19. package/components/closer/index.module.css.js.map +1 -0
  20. package/components/closer/inverted.css +3 -39
  21. package/components/closer/inverted.module.css.js +8 -0
  22. package/components/closer/inverted.module.css.js.map +1 -0
  23. package/cssm/Component.js +9 -8
  24. package/cssm/Component.js.map +1 -0
  25. package/cssm/components/back-arrow-addon/Component.js +3 -2
  26. package/cssm/components/back-arrow-addon/Component.js.map +1 -0
  27. package/cssm/components/back-arrow-addon/index.js +3 -2
  28. package/cssm/components/back-arrow-addon/index.js.map +1 -0
  29. package/cssm/components/back-arrow-addon/index.module.css +5 -27
  30. package/cssm/components/closer/Component.js +3 -2
  31. package/cssm/components/closer/Component.js.map +1 -0
  32. package/cssm/components/closer/default.module.css +1 -36
  33. package/cssm/components/closer/index.js +3 -2
  34. package/cssm/components/closer/index.js.map +1 -0
  35. package/cssm/components/closer/index.module.css +3 -23
  36. package/cssm/components/closer/inverted.module.css +1 -36
  37. package/cssm/index.js +1 -0
  38. package/cssm/index.js.map +1 -0
  39. package/cssm/index.module.css +5 -25
  40. package/cssm/shared/index.js +5 -4
  41. package/cssm/shared/index.js.map +1 -0
  42. package/cssm/src/Component.d.ts +3 -0
  43. package/cssm/{components → src/components}/back-arrow-addon/Component.d.ts +2 -4
  44. package/cssm/src/components/back-arrow-addon/index.d.ts +1 -0
  45. package/{esm → cssm/src}/components/closer/Component.d.ts +4 -7
  46. package/cssm/src/components/closer/index.d.ts +1 -0
  47. package/cssm/src/index.d.ts +2 -0
  48. package/cssm/src/shared/index.d.ts +2 -0
  49. package/cssm/{types.d.ts → src/types.d.ts} +5 -8
  50. package/cssm/types.js +1 -0
  51. package/cssm/types.js.map +1 -0
  52. package/esm/Component.js +2 -3
  53. package/esm/Component.js.map +1 -0
  54. package/esm/components/back-arrow-addon/Component.js +2 -3
  55. package/esm/components/back-arrow-addon/Component.js.map +1 -0
  56. package/esm/components/back-arrow-addon/index.css +16 -39
  57. package/esm/components/back-arrow-addon/index.js +1 -0
  58. package/esm/components/back-arrow-addon/index.js.map +1 -0
  59. package/esm/components/back-arrow-addon/index.module.css.js +6 -0
  60. package/esm/components/back-arrow-addon/index.module.css.js.map +1 -0
  61. package/esm/components/closer/Component.js +4 -9
  62. package/esm/components/closer/Component.js.map +1 -0
  63. package/esm/components/closer/default.css +3 -39
  64. package/esm/components/closer/default.module.css.js +6 -0
  65. package/esm/components/closer/default.module.css.js.map +1 -0
  66. package/esm/components/closer/index.css +6 -27
  67. package/esm/components/closer/index.js +1 -0
  68. package/esm/components/closer/index.js.map +1 -0
  69. package/esm/components/closer/index.module.css.js +6 -0
  70. package/esm/components/closer/index.module.css.js.map +1 -0
  71. package/esm/components/closer/inverted.css +3 -39
  72. package/esm/components/closer/inverted.module.css.js +6 -0
  73. package/esm/components/closer/inverted.module.css.js.map +1 -0
  74. package/esm/index.css +31 -51
  75. package/esm/index.js +1 -0
  76. package/esm/index.js.map +1 -0
  77. package/esm/index.module.css.js +6 -0
  78. package/esm/index.module.css.js.map +1 -0
  79. package/esm/shared/index.js +1 -0
  80. package/esm/shared/index.js.map +1 -0
  81. package/esm/src/Component.d.ts +3 -0
  82. package/{components → esm/src/components}/back-arrow-addon/Component.d.ts +2 -4
  83. package/esm/src/components/back-arrow-addon/index.d.ts +1 -0
  84. package/{modern → esm/src}/components/closer/Component.d.ts +4 -7
  85. package/esm/src/components/closer/index.d.ts +1 -0
  86. package/esm/src/index.d.ts +2 -0
  87. package/esm/src/shared/index.d.ts +2 -0
  88. package/esm/{types.d.ts → src/types.d.ts} +5 -8
  89. package/esm/types.js +1 -0
  90. package/esm/types.js.map +1 -0
  91. package/index.css +31 -51
  92. package/index.js +1 -0
  93. package/index.js.map +1 -0
  94. package/index.module.css.js +8 -0
  95. package/index.module.css.js.map +1 -0
  96. package/modern/Component.js +2 -3
  97. package/modern/Component.js.map +1 -0
  98. package/modern/components/back-arrow-addon/Component.js +2 -3
  99. package/modern/components/back-arrow-addon/Component.js.map +1 -0
  100. package/modern/components/back-arrow-addon/index.css +16 -39
  101. package/modern/components/back-arrow-addon/index.js +1 -0
  102. package/modern/components/back-arrow-addon/index.js.map +1 -0
  103. package/modern/components/back-arrow-addon/index.module.css.js +6 -0
  104. package/modern/components/back-arrow-addon/index.module.css.js.map +1 -0
  105. package/modern/components/closer/Component.js +4 -9
  106. package/modern/components/closer/Component.js.map +1 -0
  107. package/modern/components/closer/default.css +3 -39
  108. package/modern/components/closer/default.module.css.js +6 -0
  109. package/modern/components/closer/default.module.css.js.map +1 -0
  110. package/modern/components/closer/index.css +6 -27
  111. package/modern/components/closer/index.js +1 -0
  112. package/modern/components/closer/index.js.map +1 -0
  113. package/modern/components/closer/index.module.css.js +6 -0
  114. package/modern/components/closer/index.module.css.js.map +1 -0
  115. package/modern/components/closer/inverted.css +3 -39
  116. package/modern/components/closer/inverted.module.css.js +6 -0
  117. package/modern/components/closer/inverted.module.css.js.map +1 -0
  118. package/modern/index.css +31 -51
  119. package/modern/index.js +1 -0
  120. package/modern/index.js.map +1 -0
  121. package/modern/index.module.css.js +6 -0
  122. package/modern/index.module.css.js.map +1 -0
  123. package/modern/shared/index.js +1 -0
  124. package/modern/shared/index.js.map +1 -0
  125. package/modern/src/Component.d.ts +3 -0
  126. package/{esm → modern/src}/components/back-arrow-addon/Component.d.ts +2 -4
  127. package/modern/src/components/back-arrow-addon/index.d.ts +1 -0
  128. package/{cssm → modern/src}/components/closer/Component.d.ts +4 -7
  129. package/modern/src/components/closer/index.d.ts +1 -0
  130. package/modern/src/index.d.ts +2 -0
  131. package/modern/src/shared/index.d.ts +2 -0
  132. package/modern/{types.d.ts → src/types.d.ts} +5 -8
  133. package/modern/types.js +1 -0
  134. package/modern/types.js.map +1 -0
  135. package/moderncssm/Component.js +1 -0
  136. package/moderncssm/Component.js.map +1 -0
  137. package/moderncssm/components/back-arrow-addon/Component.js +1 -0
  138. package/moderncssm/components/back-arrow-addon/Component.js.map +1 -0
  139. package/moderncssm/components/back-arrow-addon/index.js +1 -0
  140. package/moderncssm/components/back-arrow-addon/index.js.map +1 -0
  141. package/moderncssm/components/back-arrow-addon/index.module.css +0 -4
  142. package/moderncssm/components/closer/Component.js +1 -0
  143. package/moderncssm/components/closer/Component.js.map +1 -0
  144. package/moderncssm/components/closer/default.module.css +0 -4
  145. package/moderncssm/components/closer/index.js +1 -0
  146. package/moderncssm/components/closer/index.js.map +1 -0
  147. package/moderncssm/components/closer/index.module.css +0 -2
  148. package/moderncssm/components/closer/inverted.module.css +0 -4
  149. package/moderncssm/index.js +1 -0
  150. package/moderncssm/index.js.map +1 -0
  151. package/moderncssm/index.module.css +0 -2
  152. package/moderncssm/shared/index.js +1 -0
  153. package/moderncssm/shared/index.js.map +1 -0
  154. package/moderncssm/src/Component.d.ts +3 -0
  155. package/{modern → moderncssm/src}/components/back-arrow-addon/Component.d.ts +2 -4
  156. package/moderncssm/src/components/back-arrow-addon/index.d.ts +1 -0
  157. package/{components → moderncssm/src/components}/closer/Component.d.ts +4 -7
  158. package/moderncssm/src/components/closer/index.d.ts +1 -0
  159. package/moderncssm/src/index.d.ts +2 -0
  160. package/moderncssm/src/shared/index.d.ts +2 -0
  161. package/moderncssm/{types.d.ts → src/types.d.ts} +5 -8
  162. package/moderncssm/types.js +1 -0
  163. package/moderncssm/types.js.map +1 -0
  164. package/package.json +7 -7
  165. package/shared/index.js +5 -4
  166. package/shared/index.js.map +1 -0
  167. package/src/Component.d.ts +3 -0
  168. package/src/components/back-arrow-addon/Component.d.ts +24 -0
  169. package/src/components/back-arrow-addon/index.d.ts +1 -0
  170. package/src/components/closer/Component.d.ts +37 -0
  171. package/src/components/closer/index.d.ts +1 -0
  172. package/src/index.d.ts +2 -0
  173. package/src/shared/index.d.ts +2 -0
  174. package/src/types.d.ts +131 -0
  175. package/types.js +1 -0
  176. package/types.js.map +1 -0
  177. package/Component.d.ts +0 -5
  178. package/components/back-arrow-addon/index.d.ts +0 -1
  179. package/components/closer/index.d.ts +0 -1
  180. package/cssm/Component.d.ts +0 -5
  181. package/cssm/components/back-arrow-addon/index.d.ts +0 -1
  182. package/cssm/components/closer/index.d.ts +0 -1
  183. package/cssm/index.d.ts +0 -2
  184. package/cssm/shared/index.d.ts +0 -2
  185. package/cssm/vars.css +0 -27
  186. package/esm/Component.d.ts +0 -5
  187. package/esm/components/back-arrow-addon/index.d.ts +0 -1
  188. package/esm/components/closer/index.d.ts +0 -1
  189. package/esm/index.d.ts +0 -2
  190. package/esm/shared/index.d.ts +0 -2
  191. package/index.d.ts +0 -2
  192. package/modern/Component.d.ts +0 -5
  193. package/modern/components/back-arrow-addon/index.d.ts +0 -1
  194. package/modern/components/closer/index.d.ts +0 -1
  195. package/modern/index.d.ts +0 -2
  196. package/modern/shared/index.d.ts +0 -2
  197. package/moderncssm/Component.d.ts +0 -5
  198. package/moderncssm/components/back-arrow-addon/Component.d.ts +0 -26
  199. package/moderncssm/components/back-arrow-addon/index.d.ts +0 -1
  200. package/moderncssm/components/closer/Component.d.ts +0 -40
  201. package/moderncssm/components/closer/index.d.ts +0 -1
  202. package/moderncssm/index.d.ts +0 -2
  203. package/moderncssm/shared/index.d.ts +0 -2
  204. package/moderncssm/vars.css +0 -7
  205. package/shared/index.d.ts +0 -2
  206. package/types.d.ts +0 -134
package/Component.js CHANGED
@@ -8,8 +8,9 @@ var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var coreComponentsShared = require('@alfalab/core-components-shared');
10
10
  var hooks = require('@alfalab/hooks');
11
- var components_backArrowAddon_Component = require('./components/back-arrow-addon/Component.js');
12
- var components_closer_Component = require('./components/closer/Component.js');
11
+ var Component = require('./components/back-arrow-addon/Component.js');
12
+ var Component$1 = require('./components/closer/Component.js');
13
+ var index_module = require('./index.module.css.js');
13
14
 
14
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
15
16
 
@@ -17,9 +18,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
18
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
20
 
20
- var styles = {"header":"navigation-bar-private__header_1vbqh","backgroundImage":"navigation-bar-private__backgroundImage_1vbqh","mainLine":"navigation-bar-private__mainLine_1vbqh","mainLineSticky":"navigation-bar-private__mainLineSticky_1vbqh","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1vbqh","content":"navigation-bar-private__content_1vbqh","withBothAddons":"navigation-bar-private__withBothAddons_1vbqh","withCompactTitle":"navigation-bar-private__withCompactTitle_1vbqh","children":"navigation-bar-private__children_1vbqh","title":"navigation-bar-private__title_1vbqh","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1vbqh","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1vbqh","subtitle":"navigation-bar-private__subtitle_1vbqh","addonsWrapper":"navigation-bar-private__addonsWrapper_1vbqh","rightAddons":"navigation-bar-private__rightAddons_1vbqh","addon":"navigation-bar-private__addon_1vbqh","bottomAddons":"navigation-bar-private__bottomAddons_1vbqh","closer":"navigation-bar-private__closer_1vbqh","left":"navigation-bar-private__left_1vbqh","center":"navigation-bar-private__center_1vbqh","trim":"navigation-bar-private__trim_1vbqh"};
21
- require('./index.css')
22
-
23
21
  var ADDONS_HEIGHT = 48;
24
22
  var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
25
23
  var _b, _c, _d;
@@ -90,39 +88,39 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
90
88
  else if (compactTitle) {
91
89
  textOpacity = 0;
92
90
  }
93
- return (React__default.default.createElement("div", { className: cn__default.default(styles.addon, backButtonClassName) },
94
- React__default.default.createElement(components_backArrowAddon_Component.BackArrowAddon, tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'back-button') }, backButtonProps, { textOpacity: textOpacity, view: view, onClick: onBack }))));
91
+ return (React__default.default.createElement("div", { className: cn__default.default(index_module.addon, backButtonClassName) },
92
+ React__default.default.createElement(Component.BackArrowAddon, tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'back-button') }, backButtonProps, { textOpacity: textOpacity, view: view, onClick: onBack }))));
95
93
  };
96
94
  var renderContent = function (args) {
97
95
  var _a;
98
96
  if (args === void 0) { args = {}; }
99
97
  var extraClassName = args.extraClassName, wrapperRef = args.wrapperRef, style = args.style, hidden = args.hidden;
100
- return (React__default.default.createElement("div", { style: tslib.__assign(tslib.__assign({}, style), { visibility: hidden ? 'hidden' : 'visible' }), ref: wrapperRef, className: cn__default.default(styles.content, extraClassName, contentClassName, styles[align], (_a = {},
101
- _a[styles.trim] = trim,
102
- _a[styles.withCompactTitle] = view === 'mobile' && compactTitle && hasContent,
98
+ return (React__default.default.createElement("div", { style: tslib.__assign(tslib.__assign({}, style), { visibility: hidden ? 'hidden' : 'visible' }), ref: wrapperRef, className: cn__default.default(index_module.content, extraClassName, contentClassName, index_module[align], (_a = {},
99
+ _a[index_module.trim] = trim,
100
+ _a[index_module.withCompactTitle] = view === 'mobile' && compactTitle && hasContent,
103
101
  _a)), "aria-hidden": hidden },
104
- children && React__default.default.createElement("div", { className: styles.children }, children),
105
- title && (React__default.default.createElement("div", { className: cn__default.default(styles.title, titleClassName), "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
106
- compactTitle && subtitle && (React__default.default.createElement("div", { className: styles.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
102
+ children && React__default.default.createElement("div", { className: index_module.children }, children),
103
+ title && (React__default.default.createElement("div", { className: cn__default.default(index_module.title, titleClassName), "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
104
+ compactTitle && subtitle && (React__default.default.createElement("div", { className: index_module.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
107
105
  };
108
- var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(styles.addon, styles.closer, closerClassName) },
109
- React__default.default.createElement(components_closer_Component.Closer, tslib.__assign({ view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }, closerProps)))); };
110
- return (React__default.default.createElement("div", { ref: mergeRefs__default.default([ref, headerRef]), className: cn__default.default(styles.header, className, (_b = {}, _b[styles.backgroundImage] = imageUrl, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId), style: tslib.__assign(tslib.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
106
+ var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(index_module.addon, index_module.closer, closerClassName) },
107
+ React__default.default.createElement(Component$1.Closer, tslib.__assign({ view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }, closerProps)))); };
108
+ return (React__default.default.createElement("div", { ref: mergeRefs__default.default([ref, headerRef]), className: cn__default.default(index_module.header, className, (_b = {}, _b[index_module.backgroundImage] = imageUrl, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId), style: tslib.__assign(tslib.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
111
109
  bottomContentRef.current && {
112
110
  top: -bottomContentRef.current.scrollHeight,
113
111
  })), "data-name": dataName },
114
- React__default.default.createElement("div", { className: cn__default.default(styles.mainLine, (_c = {},
115
- _c[styles.mainLineSticky] = withAnimation,
116
- _c[styles.mainLineWithImageBg] = imageUrl,
112
+ React__default.default.createElement("div", { className: cn__default.default(index_module.mainLine, (_c = {},
113
+ _c[index_module.mainLineSticky] = withAnimation,
114
+ _c[index_module.mainLineWithImageBg] = imageUrl,
117
115
  _c)), style: tslib.__assign({}, (withAnimation
118
116
  ? {
119
117
  marginTop: "-".concat(headerPaddingTop),
120
118
  paddingTop: headerPaddingTop,
121
119
  }
122
120
  : null)) },
123
- hasLeftPart && (React__default.default.createElement("div", { className: styles.addonsWrapper, ref: leftAddonsRef },
121
+ hasLeftPart && (React__default.default.createElement("div", { className: index_module.addonsWrapper, ref: leftAddonsRef },
124
122
  hasBackButton && renderBackButton(),
125
- leftAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addon, addonClassName) }, leftAddons)))),
123
+ leftAddons && (React__default.default.createElement("div", { className: cn__default.default(index_module.addon, addonClassName) }, leftAddons)))),
126
124
  showStaticContentOnTop &&
127
125
  renderContent(tslib.__assign({}, (align === 'center'
128
126
  ? {
@@ -134,7 +132,7 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
134
132
  : null))),
135
133
  showAnimatedContentOnTop &&
136
134
  renderContent({
137
- extraClassName: styles.withBothAddons,
135
+ extraClassName: index_module.withBothAddons,
138
136
  style: tslib.__assign({ opacity: Math.min(1, (scrollTop - ADDONS_HEIGHT) / ADDONS_HEIGHT) }, (align === 'center'
139
137
  ? {
140
138
  marginLeft: titleMargin.left,
@@ -142,25 +140,26 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
142
140
  }
143
141
  : null)),
144
142
  }),
145
- hasRightPart && (React__default.default.createElement("div", { className: cn__default.default(styles.addonsWrapper, styles.rightAddons), ref: rightAddonsRef },
146
- rightAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addon, addonClassName) }, rightAddons)),
143
+ hasRightPart && (React__default.default.createElement("div", { className: cn__default.default(index_module.addonsWrapper, index_module.rightAddons), ref: rightAddonsRef },
144
+ rightAddons && (React__default.default.createElement("div", { className: cn__default.default(index_module.addon, addonClassName) }, rightAddons)),
147
145
  hasCloser && renderCloser()))),
148
146
  showAnimatedContentOnBot &&
149
147
  renderContent({
150
148
  wrapperRef: bottomContentRef,
151
- extraClassName: styles.underAddons,
149
+ extraClassName: index_module.underAddons,
152
150
  style: { opacity: Math.max(0, 1 - scrollTop / ADDONS_HEIGHT) },
153
151
  hidden: scrollTop / ADDONS_HEIGHT > 1,
154
152
  }),
155
153
  showStaticContentOnBot &&
156
154
  renderContent({
157
155
  extraClassName: cn__default.default((_d = {},
158
- _d[styles.contentOnBotDesktop] = view === 'desktop',
159
- _d[styles.contentOnBotMobile] = view === 'mobile',
156
+ _d[index_module.contentOnBotDesktop] = view === 'desktop',
157
+ _d[index_module.contentOnBotMobile] = view === 'mobile',
160
158
  _d)),
161
159
  }),
162
- bottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
160
+ bottomAddons && (React__default.default.createElement("div", { className: cn__default.default(index_module.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
163
161
  });
164
162
  NavigationBarPrivate.displayName = 'NavigationBarPrivate';
165
163
 
166
164
  exports.NavigationBarPrivate = NavigationBarPrivate;
165
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { BackArrowAddon } from './components/back-arrow-addon';\nimport { Closer } from './components/closer';\nimport type { ContentParams, NavigationBarPrivateProps } from './types';\n\nimport styles from './index.module.css';\n\nconst ADDONS_HEIGHT = 48;\n\nexport const NavigationBarPrivate = forwardRef<HTMLDivElement, NavigationBarPrivateProps>(\n (\n {\n addonClassName,\n className,\n contentClassName,\n closerClassName,\n leftAddons,\n rightAddons,\n bottomAddons,\n bottomAddonsClassName,\n children,\n align = 'left',\n trim = true,\n title,\n titleSize = 'default',\n subtitle,\n hasCloser,\n closerProps = {},\n hasBackButton,\n backButtonClassName,\n backButtonProps,\n dataTestId,\n imageUrl,\n closerIcon,\n onClose,\n view,\n scrollableParentRef,\n sticky,\n onBack,\n dataName,\n titleClassName,\n titleRef,\n },\n ref,\n ) => {\n const [scrollTop, setScrollTop] = useState(0);\n const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });\n const bottomContentRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const mainLinePaddingTopRef = useRef<string>('0px');\n const leftAddonsRef = useRef<HTMLDivElement>(null);\n const rightAddonsRef = useRef<HTMLDivElement>(null);\n\n const compactTitle = view === 'mobile' && titleSize === 'compact';\n const hasLeftPart = Boolean(leftAddons || hasBackButton);\n const hasRightPart = Boolean(rightAddons || hasCloser);\n const hasContent = Boolean(title || children);\n const withAnimation = Boolean(view === 'mobile' && hasLeftPart && sticky && !compactTitle);\n const showContentOnTop = hasContent && (compactTitle || !hasLeftPart);\n const showContentOnBot = hasContent && !compactTitle && hasLeftPart;\n const showStaticContentOnTop = !withAnimation && showContentOnTop;\n const showStaticContentOnBot = !withAnimation && showContentOnBot;\n const showAnimatedContentOnTop =\n withAnimation && showContentOnBot && scrollTop > ADDONS_HEIGHT;\n const showAnimatedContentOnBot = withAnimation && showContentOnBot;\n const headerPaddingTop = mainLinePaddingTopRef.current;\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n if (align === 'center' && (showStaticContentOnTop || showAnimatedContentOnTop)) {\n const leftAddonsWidth = leftAddonsRef.current?.offsetWidth || 0;\n const rightAddonsWidth = rightAddonsRef.current?.offsetWidth || 0;\n\n const marginSize = Math.abs(rightAddonsWidth - leftAddonsWidth);\n const shouldAddLeftMargin = rightAddonsWidth - leftAddonsWidth > 0;\n\n setTitleMargin((prev) => {\n const newState = shouldAddLeftMargin\n ? { left: marginSize, right: 0 }\n : { left: 0, right: marginSize };\n\n const isStateChanged =\n prev.left !== newState.left || prev.right !== newState.right;\n\n return isStateChanged ? newState : prev;\n });\n }\n }, [\n align,\n showStaticContentOnTop,\n showAnimatedContentOnTop,\n leftAddons,\n rightAddons,\n hasBackButton,\n hasCloser,\n ]);\n\n useEffect(() => {\n const parent = scrollableParentRef?.current;\n\n const handleScroll = (ev: Event) => {\n const divElement = ev.target as HTMLDivElement;\n\n setScrollTop(divElement.scrollTop);\n };\n\n if (withAnimation && headerRef.current) {\n mainLinePaddingTopRef.current = getComputedStyle(headerRef.current).paddingTop;\n }\n\n if (withAnimation && parent) {\n parent.addEventListener('scroll', handleScroll);\n }\n\n return () => parent?.removeEventListener('scroll', handleScroll);\n }, [scrollableParentRef, withAnimation]);\n\n const renderBackButton = () => {\n let textOpacity = 1;\n\n if (withAnimation) {\n const height = hasContent ? ADDONS_HEIGHT : ADDONS_HEIGHT / 2;\n\n textOpacity = Math.max(0, 1 - scrollTop / height);\n } else if (compactTitle) {\n textOpacity = 0;\n }\n\n return (\n <div className={cn(styles.addon, backButtonClassName)}>\n <BackArrowAddon\n data-test-id={getDataTestId(dataTestId, 'back-button')}\n {...backButtonProps}\n textOpacity={textOpacity}\n view={view}\n onClick={onBack}\n />\n </div>\n );\n };\n\n const renderContent = (args: ContentParams = {}) => {\n const { extraClassName, wrapperRef, style, hidden } = args;\n\n return (\n <div\n style={{ ...style, visibility: hidden ? 'hidden' : 'visible' }}\n ref={wrapperRef}\n className={cn(styles.content, extraClassName, contentClassName, styles[align], {\n [styles.trim]: trim,\n [styles.withCompactTitle]: view === 'mobile' && compactTitle && hasContent,\n })}\n aria-hidden={hidden}\n >\n {children && <div className={styles.children}>{children}</div>}\n {title && (\n <div\n className={cn(styles.title, titleClassName)}\n data-test-id={hidden ? undefined : getDataTestId(dataTestId, 'title')}\n ref={titleRef}\n >\n {title}\n </div>\n )}\n {compactTitle && subtitle && (\n <div\n className={styles.subtitle}\n data-test-id={getDataTestId(dataTestId, 'subtitle')}\n >\n {subtitle}\n </div>\n )}\n </div>\n );\n };\n\n const renderCloser = () => (\n <div className={cn(styles.addon, styles.closer, closerClassName)}>\n <Closer\n view={view}\n icon={closerIcon}\n dataTestId={getDataTestId(dataTestId, 'closer')}\n onClose={onClose}\n {...closerProps}\n />\n </div>\n );\n\n return (\n <div\n ref={mergeRefs([ref, headerRef])}\n className={cn(styles.header, className, { [styles.backgroundImage]: imageUrl })}\n data-test-id={getDataTestId(dataTestId)}\n style={{\n ...(imageUrl && { backgroundImage: `url(${imageUrl})` }),\n ...(withAnimation &&\n bottomContentRef.current && {\n top: -bottomContentRef.current.scrollHeight,\n }),\n }}\n data-name={dataName}\n >\n <div\n className={cn(styles.mainLine, {\n [styles.mainLineSticky]: withAnimation,\n [styles.mainLineWithImageBg]: imageUrl,\n })}\n style={{\n ...(withAnimation\n ? {\n marginTop: `-${headerPaddingTop}`,\n paddingTop: headerPaddingTop,\n }\n : null),\n }}\n >\n {hasLeftPart && (\n <div className={styles.addonsWrapper} ref={leftAddonsRef}>\n {hasBackButton && renderBackButton()}\n {leftAddons && (\n <div className={cn(styles.addon, addonClassName)}>{leftAddons}</div>\n )}\n </div>\n )}\n\n {showStaticContentOnTop &&\n renderContent({\n ...(align === 'center'\n ? {\n style: {\n marginLeft: titleMargin.left,\n marginRight: titleMargin.right,\n },\n }\n : null),\n })}\n\n {showAnimatedContentOnTop &&\n renderContent({\n extraClassName: styles.withBothAddons,\n style: {\n opacity: Math.min(1, (scrollTop - ADDONS_HEIGHT) / ADDONS_HEIGHT),\n ...(align === 'center'\n ? {\n marginLeft: titleMargin.left,\n marginRight: titleMargin.right,\n }\n : null),\n },\n })}\n\n {hasRightPart && (\n <div\n className={cn(styles.addonsWrapper, styles.rightAddons)}\n ref={rightAddonsRef}\n >\n {rightAddons && (\n <div className={cn(styles.addon, addonClassName)}>\n {rightAddons}\n </div>\n )}\n\n {hasCloser && renderCloser()}\n </div>\n )}\n </div>\n\n {showAnimatedContentOnBot &&\n renderContent({\n wrapperRef: bottomContentRef,\n extraClassName: styles.underAddons,\n style: { opacity: Math.max(0, 1 - scrollTop / ADDONS_HEIGHT) },\n hidden: scrollTop / ADDONS_HEIGHT > 1,\n })}\n\n {showStaticContentOnBot &&\n renderContent({\n extraClassName: cn({\n [styles.contentOnBotDesktop]: view === 'desktop',\n [styles.contentOnBotMobile]: view === 'mobile',\n }),\n })}\n\n {bottomAddons && (\n <div className={cn(styles.bottomAddons, bottomAddonsClassName)}>\n {bottomAddons}\n </div>\n )}\n </div>\n );\n },\n);\n\nNavigationBarPrivate.displayName = 'NavigationBarPrivate';\n"],"names":["forwardRef","useState","useRef","useLayoutEffect_SAFE_FOR_SSR","useEffect","React","cn","styles","BackArrowAddon","__assign","getDataTestId","Closer","mergeRefs"],"mappings":"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"}
@@ -9,27 +9,26 @@ var desktop = require('@alfalab/core-components-button/desktop');
9
9
  var coreComponentsTypography = require('@alfalab/core-components-typography');
10
10
  var ArrowLeftMediumMIcon = require('@alfalab/icons-glyph/ArrowLeftMediumMIcon');
11
11
  var ArrowLeftMIcon = require('@alfalab/icons-glyph/ArrowLeftMIcon');
12
+ var index_module = require('./index.module.css.js');
12
13
 
13
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
15
 
15
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
18
 
18
- var styles = {"component":"navigation-bar-private__component_1r05z","mobileComponent":"navigation-bar-private__mobileComponent_1r05z","flex":"navigation-bar-private__flex_1r05z","iconWrapper":"navigation-bar-private__iconWrapper_1r05z","text":"navigation-bar-private__text_1r05z","mobileWrapper":"navigation-bar-private__mobileWrapper_1r05z"};
19
- require('./index.css')
20
-
21
19
  var BackArrowAddon = function (_a) {
22
20
  var _b, _c;
23
21
  var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "textOpacity", "view"]);
24
22
  var Icon = view === 'desktop' ? ArrowLeftMediumMIcon.ArrowLeftMediumMIcon : ArrowLeftMIcon.ArrowLeftMIcon;
25
23
  var isMobileView = view === 'mobile';
26
- return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles.component, (_b = {}, _b[styles.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
27
- React__default.default.createElement("div", { className: styles.flex },
28
- React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_c = {},
29
- _c[styles.mobileWrapper] = isMobileView,
24
+ return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(index_module.component, (_b = {}, _b[index_module.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
25
+ React__default.default.createElement("div", { className: index_module.flex },
26
+ React__default.default.createElement("div", { className: cn__default.default(index_module.iconWrapper, (_c = {},
27
+ _c[index_module.mobileWrapper] = isMobileView,
30
28
  _c)) },
31
29
  React__default.default.createElement(Icon, null)),
32
- textOpacity > 0 && text && (React__default.default.createElement(coreComponentsTypography.Text, { className: styles.text, view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
30
+ textOpacity > 0 && text && (React__default.default.createElement(coreComponentsTypography.Text, { className: index_module.text, view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
33
31
  };
34
32
 
35
33
  exports.BackArrowAddon = BackArrowAddon;
34
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/back-arrow-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { Text } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\nimport { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';\n\nimport styles from './index.module.css';\n\nexport interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /**\n * Текст после иконки\n */\n text?: string | null;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Вид компонента\n */\n view: 'mobile' | 'desktop';\n\n /**\n * Прозрачность текста\n */\n textOpacity?: number;\n\n /**\n * Обработчик клика\n */\n onClick?: () => void;\n}\n\nexport const BackArrowAddon: React.FC<BackArrowAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n textOpacity = 1,\n view,\n ...htmlAttributes\n}) => {\n const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;\n const isMobileView = view === 'mobile';\n\n return (\n <ButtonDesktop\n view='text'\n size={isMobileView ? 'xxs' : 's'}\n onClick={onClick}\n aria-label='назад'\n className={cn(styles.component, { [styles.mobileComponent]: isMobileView }, className)}\n {...htmlAttributes}\n >\n <div className={styles.flex}>\n <div\n className={cn(styles.iconWrapper, {\n [styles.mobileWrapper]: isMobileView,\n })}\n >\n <Icon />\n </div>\n {textOpacity > 0 && text && (\n <Text\n className={styles.text}\n view={view === 'desktop' ? 'primary-large' : 'component'}\n weight='medium'\n style={{ opacity: textOpacity }}\n >\n {text}\n </Text>\n )}\n </div>\n </ButtonDesktop>\n );\n};\n"],"names":["__rest","ArrowLeftMediumMIcon","ArrowLeftMIcon","React","ButtonDesktop","__assign","cn","styles","Text"],"mappings":";;;;;;;;;;;;;;;;;;AAqCO,IAAM,cAAc,GAAkC,UAAC,EAO7D,EAAA;;IANG,IAAA,EAAA,GAAA,EAAA,CAAA,IAAc,EAAd,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,cAAc,GANyCA,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,CAO7D,CADoB;AAEjB,IAAA,IAAM,IAAI,GAAG,IAAI,KAAK,SAAS,GAAGC,yCAAoB,GAAGC,6BAAc;AACvE,IAAA,IAAM,YAAY,GAAG,IAAI,KAAK,QAAQ;IAEtC,QACIC,qCAACC,qBAAa,EAAAC,cAAA,CAAA,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,GAAG,EAChC,OAAO,EAAE,OAAO,EACL,YAAA,EAAA,gCAAO,EAClB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,GAACA,YAAM,CAAC,eAAe,CAAG,GAAA,YAAY,OAAI,SAAS,CAAC,IAClF,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,YAAM,CAAC,IAAI,EAAA;AACvB,YAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAA,GAAG,YAAY;AACtC,oBAAA,EAAA,EAAA,EAAA;gBAEFJ,sBAAC,CAAA,aAAA,CAAA,IAAI,OAAG,CACN;YACL,WAAW,GAAG,CAAC,IAAI,IAAI,KACpBA,sBAAA,CAAA,aAAA,CAACK,6BAAI,EACD,EAAA,SAAS,EAAED,YAAM,CAAC,IAAI,EACtB,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,WAAW,EACxD,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAE9B,EAAA,IAAI,CACF,CACV,CACC,CACM;AAExB;;;;"}
@@ -1,87 +1,64 @@
1
- /* hash: 1w3k8 */
2
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root {
1
+ :root {
4
2
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
5
3
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
6
4
  --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
7
5
  --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
8
- --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
11
7
  } :root {
12
-
13
- /* Hard */
14
-
15
- /* Up */
16
-
17
- /* Hard up */
18
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
8
  --border-radius-circle: 50%;
20
9
  --border-radius-pill: 99px;
21
-
22
- /* новые значения, используйте их */
23
- } :root { /* deprecated */ /* deprecated */
24
- --gap-xs: 8px; /* deprecated */
25
- --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
26
-
27
- /* новые значения, используйте их */
28
-
29
- /* no-unit может приводить к проблемам в calc (#1559) */
30
- /* stylelint-disable-next-line length-zero-no-unit */
10
+ } :root {
11
+ --gap-xs: 8px;
12
+ --gap-s: 12px;
31
13
  --gap-0: 0px;
32
14
  --gap-8: var(--gap-xs);
33
15
  --gap-12: var(--gap-s);
34
16
  } :root {
35
- } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
36
- } /* сбрасывает синюю подсветку при нажатии */ :root {
37
17
  --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
38
18
  } :root {
39
- /* closer-mobile */
40
-
41
- /* back-arrow */
42
19
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
43
- } .navigation-bar-private__component_1r05z {
20
+ } .navigation-bar-private__component_xmn7g {
44
21
  height: 100%;
45
22
  background: var(--color-static-monochrome-white-4);
46
23
  -webkit-backdrop-filter: blur(10px);
47
24
  backdrop-filter: blur(10px);
48
25
  border-radius: var(--border-radius-pill);
49
26
  min-width: 48px
50
- } .navigation-bar-private__component_1r05z svg > path {
27
+ } .navigation-bar-private__component_xmn7g svg > path {
51
28
  transition: fill 0.2s ease;
52
29
  fill: var(--color-light-neutral-translucent-1300);
53
- } .navigation-bar-private__component_1r05z:hover svg > path {
30
+ } .navigation-bar-private__component_xmn7g:hover svg > path {
54
31
  fill: var(--color-light-neutral-translucent-1300-hover);
55
- } .navigation-bar-private__component_1r05z:active svg > path {
32
+ } .navigation-bar-private__component_xmn7g:active svg > path {
56
33
  fill: var(--color-light-neutral-translucent-1300-press);
57
- } .navigation-bar-private__mobileComponent_1r05z {
34
+ } .navigation-bar-private__mobileComponent_xmn7g {
58
35
  height: 32px;
59
36
  min-width: 32px;
60
37
  margin: var(--gap-0) var(--gap-8);
61
38
  -webkit-backdrop-filter: none;
62
39
  backdrop-filter: none;
63
40
  background: none;
64
- } .navigation-bar-private__flex_1r05z {
41
+ } .navigation-bar-private__flex_xmn7g {
65
42
  display: flex;
66
43
  align-items: center;
67
- } .navigation-bar-private__iconWrapper_1r05z {
44
+ } .navigation-bar-private__iconWrapper_xmn7g {
68
45
  display: inline-flex;
69
46
  align-items: center;
70
47
  justify-content: center;
71
48
  height: 48px;
72
49
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
73
50
  border-radius: var(--border-radius-circle)
74
- } .navigation-bar-private__iconWrapper_1r05z + .navigation-bar-private__text_1r05z {
51
+ } .navigation-bar-private__iconWrapper_xmn7g + .navigation-bar-private__text_xmn7g {
75
52
  margin-right: var(--gap-12);
76
- } .navigation-bar-private__mobileWrapper_1r05z {
53
+ } .navigation-bar-private__mobileWrapper_xmn7g {
77
54
  width: 32px;
78
55
  height: 32px;
79
56
  background: var(--color-light-neutral-translucent-100);
80
57
  -webkit-backdrop-filter: blur(10px);
81
58
  backdrop-filter: blur(10px);
82
59
  margin: var(--gap-0)
83
- } .navigation-bar-private__mobileWrapper_1r05z + .navigation-bar-private__text_1r05z {
60
+ } .navigation-bar-private__mobileWrapper_xmn7g + .navigation-bar-private__text_xmn7g {
84
61
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
85
- } .navigation-bar-private__mobileWrapper_1r05z svg > path {
62
+ } .navigation-bar-private__mobileWrapper_xmn7g svg > path {
86
63
  fill: var(--navigation-bar-back-arrow-mobile-fill);
87
64
  }
@@ -2,8 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_backArrowAddon_Component = require('./Component.js');
5
+ var Component = require('./Component.js');
6
6
 
7
7
 
8
8
 
9
- exports.BackArrowAddon = components_backArrowAddon_Component.BackArrowAddon;
9
+ exports.BackArrowAddon = Component.BackArrowAddon;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./index.css');
4
+
5
+ var styles = {"component":"navigation-bar-private__component_xmn7g","mobileComponent":"navigation-bar-private__mobileComponent_xmn7g","flex":"navigation-bar-private__flex_xmn7g","iconWrapper":"navigation-bar-private__iconWrapper_xmn7g","text":"navigation-bar-private__text_xmn7g","mobileWrapper":"navigation-bar-private__mobileWrapper_xmn7g"};
6
+
7
+ module.exports = styles;
8
+ //# sourceMappingURL=index.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/back-arrow-addon/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../../../vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.component {\n height: 100%;\n background: var(--color-static-monochrome-white-4);\n backdrop-filter: blur(10px);\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n\n & svg > path {\n transition: fill 0.2s ease;\n fill: var(--color-light-neutral-translucent-1300);\n }\n\n &:hover {\n & svg > path {\n fill: var(--color-light-neutral-translucent-1300-hover);\n }\n }\n\n &:active {\n & svg > path {\n fill: var(--color-light-neutral-translucent-1300-press);\n }\n }\n}\n\n.mobileComponent {\n height: 32px;\n min-width: 32px;\n margin: var(--gap-0) var(--gap-8);\n backdrop-filter: none;\n background: none;\n}\n\n.flex {\n display: flex;\n align-items: center;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);\n border-radius: var(--border-radius-circle);\n\n & + .text {\n margin-right: var(--gap-12);\n }\n}\n\n.mobileWrapper {\n width: 32px;\n height: 32px;\n background: var(--color-light-neutral-translucent-100);\n backdrop-filter: blur(10px);\n margin: var(--gap-0);\n\n & + .text {\n margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);\n }\n\n & svg > path {\n fill: var(--navigation-bar-back-arrow-mobile-fill);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,MAAM,CAAC,oCAAoC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,eAAe,CAAC,6CAA6C,CAAC;;;;"}
@@ -8,24 +8,18 @@ var cn = require('classnames');
8
8
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
9
9
  var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
10
10
  var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
11
+ var default_module = require('./default.module.css.js');
12
+ var index_module = require('./index.module.css.js');
13
+ var inverted_module = require('./inverted.module.css.js');
11
14
 
12
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
16
 
14
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
19
 
17
- var defaultColors = {"button":"navigation-bar-private__button_u9v33","mobile":"navigation-bar-private__mobile_u9v33"};
18
- require('./default.css')
19
-
20
- var styles = {"closer":"navigation-bar-private__closer_1wyyz","button":"navigation-bar-private__button_1wyyz","sticky":"navigation-bar-private__sticky_1wyyz"};
21
- require('./index.css')
22
-
23
- var invertedColors = {"button":"navigation-bar-private__button_7osy6","mobile":"navigation-bar-private__mobile_7osy6"};
24
- require('./inverted.css')
25
-
26
20
  var colorStyles = {
27
- default: defaultColors,
28
- inverted: invertedColors,
21
+ default: default_module,
22
+ inverted: inverted_module,
29
23
  };
30
24
  var Closer = function (_a) {
31
25
  var _b, _c;
@@ -33,12 +27,13 @@ var Closer = function (_a) {
33
27
  var handleClick = function (event) {
34
28
  onClose === null || onClose === void 0 ? void 0 : onClose(event, 'closerClick');
35
29
  };
36
- return (React__default.default.createElement("div", { className: cn__default.default(styles.closer, className, (_b = {},
37
- _b[styles.sticky] = sticky,
30
+ return (React__default.default.createElement("div", { className: cn__default.default(index_module.closer, className, (_b = {},
31
+ _b[index_module.sticky] = sticky,
38
32
  _b)) },
39
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: view === 'desktop' ? 's' : 'xs', className: cn__default.default(styles.button, colorStyles[colors].button, (_c = {},
33
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: view === 'desktop' ? 's' : 'xs', className: cn__default.default(index_module.button, colorStyles[colors].button, (_c = {},
40
34
  _c[colorStyles[colors].mobile] = view === 'mobile',
41
35
  _c)), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId }, restProps))));
42
36
  };
43
37
 
44
38
  exports.Closer = Closer;
39
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/closer/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ElementType, FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton, IconButtonProps } from '@alfalab/core-components-icon-button';\nimport { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * Вид компонента\n */\n view: 'desktop' | 'mobile';\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Позиция крестика\n */\n align?: 'left' | 'right';\n\n /**\n * Фиксирует крестик\n */\n sticky?: boolean;\n\n /**\n * Иконка\n */\n icon?: ElementType;\n\n /**\n * Набор цветов для компонента\n */\n colors?: IconButtonProps['colors'];\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Коллбэк закрытия.\n */\n onClose?: (\n event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick',\n ) => void;\n}\n\nexport const Closer: FC<CloserProps> = ({\n view,\n className,\n sticky,\n icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon,\n colors = 'default',\n dataTestId,\n onClose,\n ...restProps\n}) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClose?.(event, 'closerClick');\n };\n\n return (\n <div\n className={cn(styles.closer, className, {\n [styles.sticky]: sticky,\n })}\n >\n <IconButton\n size={view === 'desktop' ? 's' : 'xs'}\n className={cn(styles.button, colorStyles[colors].button, {\n [colorStyles[colors].mobile]: view === 'mobile',\n })}\n aria-label='закрыть'\n onClick={handleClick}\n icon={icon}\n colors={colors}\n dataTestId={dataTestId}\n {...restProps}\n />\n </div>\n );\n};\n"],"names":["defaultColors","invertedColors","CrossHeavyMIcon","CrossMIcon","__rest","React","cn","styles","IconButton","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,cAAa;AACtB,IAAA,QAAQ,EAAEC,eAAc;CAClB;AA+CH,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;;AARG,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAwD,EAAxD,IAAI,mBAAG,IAAI,KAAK,SAAS,GAAGC,+BAAe,GAAGC,qBAAU,GAAA,EAAA,EACxD,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAAC,YAAA,CAAA,EAAA,EARwB,0EASvC,CADe;IAEZ,IAAM,WAAW,GAAG,UAAC,KAA0C,EAAA;QAC3D,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC;AACnC,KAAC;IAED,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,mCAAU,EAAAC,cAAA,CAAA,EACP,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,GAAG,GAAG,IAAI,EACrC,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;gBACnD,EAAC,CAAA,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ;oBACjD,EACS,YAAA,EAAA,4CAAS,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,SAAS,CAAA,CACf,CACA;AAEd;;;;"}
@@ -1,55 +1,19 @@
1
- /* hash: 1quwm */
2
1
  :root {
3
2
  --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
4
3
  }
5
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
- }
7
- /* deprecated */
8
4
  :root {
9
5
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
10
6
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
11
- --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
12
- }
13
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
- }
15
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
- }
17
- :root {
18
-
19
- /* Hard */
20
-
21
- /* Up */
22
-
23
- /* Hard up */
24
- }
25
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
26
-
27
- /* новые значения, используйте их */
28
- }
29
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
30
-
31
- /* новые значения, используйте их */
32
-
33
- /* no-unit может приводить к проблемам в calc (#1559) */
34
- /* stylelint-disable-next-line length-zero-no-unit */
7
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
35
8
  }
36
- /* @deprecated */
37
- /* @deprecated */
38
- /* @deprecated */
39
- /* @deprecated */
40
- /* @deprecated */
41
- /* сбрасывает синюю подсветку при нажатии */
42
9
  :root {
43
- /* closer-mobile */
44
10
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
45
-
46
- /* back-arrow */
47
11
  }
48
- .navigation-bar-private__button_u9v33 {
12
+ .navigation-bar-private__button_vw29f {
49
13
  background: var(--color-light-monochrome-white-4);
50
14
  color: var(--color-light-neutral-translucent-1300)
51
15
  }
52
- .navigation-bar-private__button_u9v33.navigation-bar-private__mobile_u9v33 {
16
+ .navigation-bar-private__button_vw29f.navigation-bar-private__mobile_vw29f {
53
17
  background: var(--color-light-neutral-translucent-100);
54
18
  color: var(--navigation-bar-closer-mobile-color);
55
19
  }
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./default.css');
4
+
5
+ var defaultColors = {"button":"navigation-bar-private__button_vw29f","mobile":"navigation-bar-private__mobile_vw29f"};
6
+
7
+ module.exports = defaultColors;
8
+ //# sourceMappingURL=default.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/closer/default.module.css"],"sourcesContent":["@import '../../../../vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button {\n background: var(--color-light-monochrome-white-4);\n color: var(--color-light-neutral-translucent-1300);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100);\n color: var(--navigation-bar-closer-mobile-color);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}