@alfalab/core-components-navigation-bar 1.2.25 → 2.0.0-snapshot-6a9d3fc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.d.ts +3 -6
- package/Component.js +14 -15
- package/Component.js.map +1 -0
- package/components/action-icon-addon/Component.d.ts +2 -4
- package/components/action-icon-addon/Component.js +6 -7
- package/components/action-icon-addon/Component.js.map +1 -0
- package/components/action-icon-addon/index.css +8 -29
- package/components/action-icon-addon/index.d.ts +1 -1
- package/components/action-icon-addon/index.js +3 -2
- package/components/action-icon-addon/index.js.map +1 -0
- package/components/action-icon-addon/index.module.css.js +8 -0
- package/components/action-icon-addon/index.module.css.js.map +1 -0
- package/components/action-text-addon/Component.d.ts +2 -4
- package/components/action-text-addon/Component.js +4 -5
- package/components/action-text-addon/Component.js.map +1 -0
- package/components/action-text-addon/index.css +5 -27
- package/components/action-text-addon/index.d.ts +1 -1
- package/components/action-text-addon/index.js +3 -2
- package/components/action-text-addon/index.js.map +1 -0
- package/components/action-text-addon/index.module.css.js +8 -0
- package/components/action-text-addon/index.module.css.js.map +1 -0
- package/cssm/Component.d.ts +3 -6
- package/cssm/Component.js +4 -3
- package/cssm/Component.js.map +1 -0
- package/cssm/components/action-icon-addon/Component.d.ts +2 -4
- package/cssm/components/action-icon-addon/Component.js +1 -0
- package/cssm/components/action-icon-addon/Component.js.map +1 -0
- package/cssm/components/action-icon-addon/index.d.ts +1 -1
- package/cssm/components/action-icon-addon/index.js +3 -2
- package/cssm/components/action-icon-addon/index.js.map +1 -0
- package/cssm/components/action-icon-addon/index.module.css +3 -23
- package/cssm/components/action-text-addon/Component.d.ts +2 -4
- package/cssm/components/action-text-addon/Component.js +3 -2
- package/cssm/components/action-text-addon/Component.js.map +1 -0
- package/cssm/components/action-text-addon/index.d.ts +1 -1
- package/cssm/components/action-text-addon/index.js +3 -2
- package/cssm/components/action-text-addon/index.js.map +1 -0
- package/cssm/components/action-text-addon/index.module.css +4 -25
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +6 -26
- package/cssm/shared/index.d.ts +3 -3
- package/cssm/shared/index.js +5 -4
- package/cssm/shared/index.js.map +1 -0
- package/cssm/utils.d.ts +1 -2
- package/cssm/utils.js +4 -3
- package/cssm/utils.js.map +1 -0
- package/esm/Component.d.ts +3 -6
- package/esm/Component.js +2 -3
- package/esm/Component.js.map +1 -0
- package/esm/components/action-icon-addon/Component.d.ts +2 -4
- package/esm/components/action-icon-addon/Component.js +2 -3
- package/esm/components/action-icon-addon/Component.js.map +1 -0
- package/esm/components/action-icon-addon/index.css +8 -29
- package/esm/components/action-icon-addon/index.d.ts +1 -1
- package/esm/components/action-icon-addon/index.js +1 -0
- package/esm/components/action-icon-addon/index.js.map +1 -0
- package/esm/components/action-icon-addon/index.module.css.js +6 -0
- package/esm/components/action-icon-addon/index.module.css.js.map +1 -0
- package/esm/components/action-text-addon/Component.d.ts +2 -4
- package/esm/components/action-text-addon/Component.js +2 -3
- package/esm/components/action-text-addon/Component.js.map +1 -0
- package/esm/components/action-text-addon/index.css +5 -27
- package/esm/components/action-text-addon/index.d.ts +1 -1
- package/esm/components/action-text-addon/index.js +1 -0
- package/esm/components/action-text-addon/index.js.map +1 -0
- package/esm/components/action-text-addon/index.module.css.js +6 -0
- package/esm/components/action-text-addon/index.module.css.js.map +1 -0
- package/esm/index.css +21 -42
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/shared/index.d.ts +3 -3
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/utils.d.ts +1 -2
- package/esm/utils.js +1 -0
- package/esm/utils.js.map +1 -0
- package/index.css +21 -42
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/Component.d.ts +3 -6
- package/modern/Component.js +2 -3
- package/modern/Component.js.map +1 -0
- package/modern/components/action-icon-addon/Component.d.ts +2 -4
- package/modern/components/action-icon-addon/Component.js +2 -3
- package/modern/components/action-icon-addon/Component.js.map +1 -0
- package/modern/components/action-icon-addon/index.css +8 -29
- package/modern/components/action-icon-addon/index.d.ts +1 -1
- package/modern/components/action-icon-addon/index.js +1 -0
- package/modern/components/action-icon-addon/index.js.map +1 -0
- package/modern/components/action-icon-addon/index.module.css.js +6 -0
- package/modern/components/action-icon-addon/index.module.css.js.map +1 -0
- package/modern/components/action-text-addon/Component.d.ts +2 -4
- package/modern/components/action-text-addon/Component.js +2 -3
- package/modern/components/action-text-addon/Component.js.map +1 -0
- package/modern/components/action-text-addon/index.css +5 -27
- package/modern/components/action-text-addon/index.d.ts +1 -1
- package/modern/components/action-text-addon/index.js +1 -0
- package/modern/components/action-text-addon/index.js.map +1 -0
- package/modern/components/action-text-addon/index.module.css.js +6 -0
- package/modern/components/action-text-addon/index.module.css.js.map +1 -0
- package/modern/index.css +21 -42
- package/modern/index.d.ts +1 -1
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/shared/index.d.ts +3 -3
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/utils.d.ts +1 -2
- package/modern/utils.js +1 -0
- package/modern/utils.js.map +1 -0
- package/moderncssm/Component.d.ts +3 -6
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/action-icon-addon/Component.d.ts +2 -4
- package/moderncssm/components/action-icon-addon/Component.js +1 -0
- package/moderncssm/components/action-icon-addon/Component.js.map +1 -0
- package/moderncssm/components/action-icon-addon/index.d.ts +1 -1
- package/moderncssm/components/action-icon-addon/index.js +1 -0
- package/moderncssm/components/action-icon-addon/index.js.map +1 -0
- package/moderncssm/components/action-icon-addon/index.module.css +0 -2
- package/moderncssm/components/action-text-addon/Component.d.ts +2 -4
- package/moderncssm/components/action-text-addon/Component.js +1 -0
- package/moderncssm/components/action-text-addon/Component.js.map +1 -0
- package/moderncssm/components/action-text-addon/index.d.ts +1 -1
- package/moderncssm/components/action-text-addon/index.js +1 -0
- package/moderncssm/components/action-text-addon/index.js.map +1 -0
- package/moderncssm/components/action-text-addon/index.module.css +0 -2
- package/moderncssm/index.d.ts +1 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -2
- package/moderncssm/shared/index.d.ts +3 -3
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/utils.d.ts +1 -2
- package/moderncssm/utils.js +1 -0
- package/moderncssm/utils.js.map +1 -0
- package/package.json +8 -7
- package/shared/index.d.ts +3 -3
- package/shared/index.js +5 -4
- package/shared/index.js.map +1 -0
- package/utils.d.ts +1 -2
- package/utils.js +1 -0
- package/utils.js.map +1 -0
- package/shared/package.json +0 -3
- package/src/shared/package.json +0 -3
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
|
|
3
|
+
var styles = {"component":"navigation-bar__component_18gjg","iconWrapper":"navigation-bar__iconWrapper_18gjg","back":"navigation-bar__back_18gjg","floating":"navigation-bar__floating_18gjg"};
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
2
|
+
export interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
4
3
|
/**
|
|
5
4
|
* Текст после иконки
|
|
6
5
|
*/
|
|
@@ -22,5 +21,4 @@ interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
22
21
|
*/
|
|
23
22
|
dataTestId?: string;
|
|
24
23
|
}
|
|
25
|
-
declare const ActionTextAddon: React.FC<ActionTextAddonProps>;
|
|
26
|
-
export { ActionTextAddonProps, ActionTextAddon };
|
|
24
|
+
export declare const ActionTextAddon: React.FC<ActionTextAddonProps>;
|
|
@@ -3,9 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
5
5
|
import { Text } from '@alfalab/core-components-typography/esm';
|
|
6
|
-
|
|
7
|
-
var styles = {"component":"navigation-bar__component_1it7t","text":"navigation-bar__text_1it7t"};
|
|
8
|
-
require('./index.css')
|
|
6
|
+
import styles from './index.module.css.js';
|
|
9
7
|
|
|
10
8
|
var ActionTextAddon = function (_a) {
|
|
11
9
|
var _b = _a.text, text = _b === void 0 ? 'Назад' : _b, onClick = _a.onClick, className = _a.className, action = _a.action, dataTestId = _a.dataTestId, htmlAttributes = __rest(_a, ["text", "onClick", "className", "action", "dataTestId"]);
|
|
@@ -14,3 +12,4 @@ var ActionTextAddon = function (_a) {
|
|
|
14
12
|
};
|
|
15
13
|
|
|
16
14
|
export { ActionTextAddon };
|
|
15
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/action-text-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /**\n * Текст после иконки\n */\n text: string;\n\n /**\n * Тип действия\n */\n action?: 'primary' | 'secondary';\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Обработчик клика\n */\n onClick?: () => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n */\n dataTestId?: string;\n}\n\nexport const ActionTextAddon: React.FC<ActionTextAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n action,\n dataTestId,\n ...htmlAttributes\n}) => (\n <ButtonMobile\n view='text'\n size='s'\n onClick={onClick}\n aria-label={text}\n className={cn(styles.component, className)}\n dataTestId={dataTestId}\n {...htmlAttributes}\n >\n <Text\n className={styles.text}\n view='component'\n weight={action === 'primary' ? 'medium' : 'regular'}\n >\n {text}\n </Text>\n </ButtonMobile>\n);\n"],"names":[],"mappings":";;;;;;;AAmCO,IAAM,eAAe,GAAmC,UAAC,EAO/D,EAAA;IANG,IAAA,EAAA,GAAA,EAAA,CAAA,IAAc,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,eAAA,EACT,MAAM,YAAA,EACN,UAAU,gBAAA,EACP,cAAc,GAN2C,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,CAO/D,CADoB;AACf,IAAA,QACF,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,IAAI,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,UAAU,EAAE,UAAU,IAClB,cAAc,CAAA;AAElB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,MAAM,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,EAElD,EAAA,IAAI,CACF,CACI;;;;;"}
|
|
@@ -1,32 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
|
|
4
|
-
} :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 */
|
|
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 */
|
|
6
|
-
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-xs: 8px;
|
|
3
|
+
--gap-m: 16px;
|
|
24
4
|
--gap-8: var(--gap-xs);
|
|
25
5
|
--gap-16: var(--gap-m);
|
|
26
|
-
}
|
|
27
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
28
|
-
} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1it7t {
|
|
6
|
+
} .navigation-bar__component_142rg {
|
|
29
7
|
height: 100%;
|
|
30
|
-
} .navigation-
|
|
8
|
+
} .navigation-bar__text_142rg {
|
|
31
9
|
padding: var(--gap-8) var(--gap-16);
|
|
32
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
|
package/esm/index.css
CHANGED
|
@@ -1,90 +1,69 @@
|
|
|
1
|
-
|
|
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-300: #e7e8eb;
|
|
5
3
|
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
6
|
-
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
7
|
-
} :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 */
|
|
8
|
-
} :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 */
|
|
4
|
+
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
9
5
|
} :root {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
/* Up */
|
|
14
|
-
|
|
15
|
-
/* Hard up */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
} :root { /* deprecated */
|
|
20
|
-
--gap-2xs: 4px; /* deprecated */
|
|
21
|
-
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
|
|
22
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
23
|
-
|
|
24
|
-
/* новые значения, используйте их */
|
|
25
|
-
|
|
26
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
27
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
6
|
+
--gap-2xs: 4px;
|
|
7
|
+
--gap-xs: 8px;
|
|
8
|
+
--gap-m: 16px;
|
|
28
9
|
--gap-0: 0px;
|
|
29
10
|
--gap-4: var(--gap-2xs);
|
|
30
11
|
--gap-8: var(--gap-xs);
|
|
31
12
|
--gap-16: var(--gap-m);
|
|
32
|
-
}
|
|
33
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
34
|
-
} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_rjs1i {
|
|
13
|
+
} .navigation-bar__component_r0s2k {
|
|
35
14
|
padding: var(--gap-8) var(--gap-4);
|
|
36
15
|
box-sizing: border-box;
|
|
37
16
|
width: 100%;
|
|
38
|
-
} .navigation-
|
|
17
|
+
} .navigation-bar__sticky_r0s2k {
|
|
39
18
|
position: sticky;
|
|
40
19
|
top: var(--gap-0);
|
|
41
20
|
z-index: 1;
|
|
42
|
-
} .navigation-
|
|
21
|
+
} .navigation-bar__border_r0s2k {
|
|
43
22
|
box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
|
|
44
|
-
} .navigation-
|
|
23
|
+
} .navigation-bar__mainLine_r0s2k {
|
|
45
24
|
display: flex;
|
|
46
25
|
background-color: inherit;
|
|
47
26
|
justify-content: space-between;
|
|
48
27
|
min-height: 40px;
|
|
49
28
|
align-items: stretch;
|
|
50
|
-
} .navigation-
|
|
29
|
+
} .navigation-bar__left_r0s2k {
|
|
51
30
|
text-align: left;
|
|
52
|
-
} .navigation-
|
|
31
|
+
} .navigation-bar__center_r0s2k {
|
|
53
32
|
text-align: center;
|
|
54
|
-
} .navigation-
|
|
33
|
+
} .navigation-bar__children_r0s2k {
|
|
55
34
|
width: 100%;
|
|
56
|
-
} .navigation-
|
|
35
|
+
} .navigation-bar__content_r0s2k {
|
|
57
36
|
display: flex;
|
|
58
37
|
flex-grow: 1;
|
|
59
38
|
justify-content: center;
|
|
60
39
|
flex-flow: column nowrap;
|
|
61
40
|
color: var(--color-light-text-primary)
|
|
62
|
-
} .navigation-
|
|
41
|
+
} .navigation-bar__content_r0s2k.navigation-bar__left_r0s2k {
|
|
63
42
|
padding: var(--gap-0) var(--gap-16);
|
|
64
|
-
} .navigation-
|
|
65
|
-
.navigation-
|
|
43
|
+
} .navigation-bar__content_r0s2k > .navigation-bar__title_r0s2k,
|
|
44
|
+
.navigation-bar__content_r0s2k > .navigation-bar__subtitle_r0s2k {
|
|
66
45
|
-webkit-line-clamp: 1;
|
|
67
46
|
display: -webkit-box;
|
|
68
47
|
-webkit-box-orient: vertical;
|
|
69
48
|
overflow: hidden;
|
|
70
49
|
word-break: break-all;
|
|
71
|
-
} .navigation-
|
|
50
|
+
} .navigation-bar__title_r0s2k {
|
|
72
51
|
font-size: 16px;
|
|
73
52
|
line-height: 20px;
|
|
74
53
|
font-weight: 500
|
|
75
|
-
} .navigation-
|
|
54
|
+
} .navigation-bar__title_r0s2k.navigation-bar__left_r0s2k {
|
|
76
55
|
font-size: 20px;
|
|
77
56
|
line-height: 28px;
|
|
78
57
|
font-weight: 600;
|
|
79
|
-
} .navigation-
|
|
58
|
+
} .navigation-bar__subtitle_r0s2k {
|
|
80
59
|
font-size: 14px;
|
|
81
60
|
line-height: 20px;
|
|
82
61
|
font-weight: 400;
|
|
83
62
|
color: var(--color-light-text-secondary);
|
|
84
|
-
} .navigation-
|
|
63
|
+
} .navigation-bar__addons_r0s2k {
|
|
85
64
|
min-width: 48px;
|
|
86
65
|
display: flex;
|
|
87
66
|
justify-content: center;
|
|
88
|
-
} .navigation-
|
|
67
|
+
} .navigation-bar__rightAddons_r0s2k {
|
|
89
68
|
margin-left: auto;
|
|
90
69
|
}
|
package/esm/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/esm/index.js
CHANGED
package/esm/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
|
|
3
|
+
var styles = {"component":"navigation-bar__component_r0s2k","sticky":"navigation-bar__sticky_r0s2k","border":"navigation-bar__border_r0s2k","mainLine":"navigation-bar__mainLine_r0s2k","left":"navigation-bar__left_r0s2k","center":"navigation-bar__center_r0s2k","children":"navigation-bar__children_r0s2k","content":"navigation-bar__content_r0s2k","title":"navigation-bar__title_r0s2k","subtitle":"navigation-bar__subtitle_r0s2k","addons":"navigation-bar__addons_r0s2k","rightAddons":"navigation-bar__rightAddons_r0s2k"};
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
|
package/esm/shared/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export { getNavigationBarTestIds } from
|
|
1
|
+
export * from '../components/action-icon-addon';
|
|
2
|
+
export * from '../components/action-text-addon';
|
|
3
|
+
export { getNavigationBarTestIds } from '../utils';
|
package/esm/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/esm/utils.d.ts
CHANGED
package/esm/utils.js
CHANGED
package/esm/utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getNavigationBarTestIds(dataTestId: string) {\n return {\n navigationBar: dataTestId,\n title: getDataTestId(dataTestId, 'title'),\n subtitle: getDataTestId(dataTestId, 'subtitle'),\n };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,uBAAuB,CAAC,UAAkB,EAAA;IACtD,OAAO;AACH,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;KAClD;AACL;;;;"}
|
package/index.css
CHANGED
|
@@ -1,90 +1,69 @@
|
|
|
1
|
-
|
|
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-300: #e7e8eb;
|
|
5
3
|
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
6
|
-
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
7
|
-
} :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 */
|
|
8
|
-
} :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 */
|
|
4
|
+
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
9
5
|
} :root {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
/* Up */
|
|
14
|
-
|
|
15
|
-
/* Hard up */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
} :root { /* deprecated */
|
|
20
|
-
--gap-2xs: 4px; /* deprecated */
|
|
21
|
-
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
|
|
22
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
23
|
-
|
|
24
|
-
/* новые значения, используйте их */
|
|
25
|
-
|
|
26
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
27
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
6
|
+
--gap-2xs: 4px;
|
|
7
|
+
--gap-xs: 8px;
|
|
8
|
+
--gap-m: 16px;
|
|
28
9
|
--gap-0: 0px;
|
|
29
10
|
--gap-4: var(--gap-2xs);
|
|
30
11
|
--gap-8: var(--gap-xs);
|
|
31
12
|
--gap-16: var(--gap-m);
|
|
32
|
-
}
|
|
33
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
34
|
-
} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_rjs1i {
|
|
13
|
+
} .navigation-bar__component_r0s2k {
|
|
35
14
|
padding: var(--gap-8) var(--gap-4);
|
|
36
15
|
box-sizing: border-box;
|
|
37
16
|
width: 100%;
|
|
38
|
-
} .navigation-
|
|
17
|
+
} .navigation-bar__sticky_r0s2k {
|
|
39
18
|
position: sticky;
|
|
40
19
|
top: var(--gap-0);
|
|
41
20
|
z-index: 1;
|
|
42
|
-
} .navigation-
|
|
21
|
+
} .navigation-bar__border_r0s2k {
|
|
43
22
|
box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
|
|
44
|
-
} .navigation-
|
|
23
|
+
} .navigation-bar__mainLine_r0s2k {
|
|
45
24
|
display: flex;
|
|
46
25
|
background-color: inherit;
|
|
47
26
|
justify-content: space-between;
|
|
48
27
|
min-height: 40px;
|
|
49
28
|
align-items: stretch;
|
|
50
|
-
} .navigation-
|
|
29
|
+
} .navigation-bar__left_r0s2k {
|
|
51
30
|
text-align: left;
|
|
52
|
-
} .navigation-
|
|
31
|
+
} .navigation-bar__center_r0s2k {
|
|
53
32
|
text-align: center;
|
|
54
|
-
} .navigation-
|
|
33
|
+
} .navigation-bar__children_r0s2k {
|
|
55
34
|
width: 100%;
|
|
56
|
-
} .navigation-
|
|
35
|
+
} .navigation-bar__content_r0s2k {
|
|
57
36
|
display: flex;
|
|
58
37
|
flex-grow: 1;
|
|
59
38
|
justify-content: center;
|
|
60
39
|
flex-flow: column nowrap;
|
|
61
40
|
color: var(--color-light-text-primary)
|
|
62
|
-
} .navigation-
|
|
41
|
+
} .navigation-bar__content_r0s2k.navigation-bar__left_r0s2k {
|
|
63
42
|
padding: var(--gap-0) var(--gap-16);
|
|
64
|
-
} .navigation-
|
|
65
|
-
.navigation-
|
|
43
|
+
} .navigation-bar__content_r0s2k > .navigation-bar__title_r0s2k,
|
|
44
|
+
.navigation-bar__content_r0s2k > .navigation-bar__subtitle_r0s2k {
|
|
66
45
|
-webkit-line-clamp: 1;
|
|
67
46
|
display: -webkit-box;
|
|
68
47
|
-webkit-box-orient: vertical;
|
|
69
48
|
overflow: hidden;
|
|
70
49
|
word-break: break-all;
|
|
71
|
-
} .navigation-
|
|
50
|
+
} .navigation-bar__title_r0s2k {
|
|
72
51
|
font-size: 16px;
|
|
73
52
|
line-height: 20px;
|
|
74
53
|
font-weight: 500
|
|
75
|
-
} .navigation-
|
|
54
|
+
} .navigation-bar__title_r0s2k.navigation-bar__left_r0s2k {
|
|
76
55
|
font-size: 20px;
|
|
77
56
|
line-height: 28px;
|
|
78
57
|
font-weight: 600;
|
|
79
|
-
} .navigation-
|
|
58
|
+
} .navigation-bar__subtitle_r0s2k {
|
|
80
59
|
font-size: 14px;
|
|
81
60
|
line-height: 20px;
|
|
82
61
|
font-weight: 400;
|
|
83
62
|
color: var(--color-light-text-secondary);
|
|
84
|
-
} .navigation-
|
|
63
|
+
} .navigation-bar__addons_r0s2k {
|
|
85
64
|
min-width: 48px;
|
|
86
65
|
display: flex;
|
|
87
66
|
justify-content: center;
|
|
88
|
-
} .navigation-
|
|
67
|
+
} .navigation-bar__rightAddons_r0s2k {
|
|
89
68
|
margin-left: auto;
|
|
90
69
|
}
|
package/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/index.js
CHANGED
package/index.js.map
ADDED
|
@@ -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__component_r0s2k","sticky":"navigation-bar__sticky_r0s2k","border":"navigation-bar__border_r0s2k","mainLine":"navigation-bar__mainLine_r0s2k","left":"navigation-bar__left_r0s2k","center":"navigation-bar__center_r0s2k","children":"navigation-bar__children_r0s2k","content":"navigation-bar__content_r0s2k","title":"navigation-bar__title_r0s2k","subtitle":"navigation-bar__subtitle_r0s2k","addons":"navigation-bar__addons_r0s2k","rightAddons":"navigation-bar__rightAddons_r0s2k"};
|
|
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/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
|
package/modern/Component.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { ReactNode } from "react";
|
|
4
|
-
interface NavigationBarProps {
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export interface NavigationBarProps {
|
|
5
3
|
/**
|
|
6
4
|
* Заголовок
|
|
7
5
|
*/
|
|
@@ -72,5 +70,4 @@ interface NavigationBarProps {
|
|
|
72
70
|
*/
|
|
73
71
|
dataTestId?: string;
|
|
74
72
|
}
|
|
75
|
-
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
-
export { NavigationBarProps, NavigationBar };
|
|
73
|
+
export declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
package/modern/Component.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useState, useRef, useEffect } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
4
|
-
|
|
5
|
-
const styles = {"component":"navigation-bar__component_rjs1i","sticky":"navigation-bar__sticky_rjs1i","border":"navigation-bar__border_rjs1i","mainLine":"navigation-bar__mainLine_rjs1i","left":"navigation-bar__left_rjs1i","center":"navigation-bar__center_rjs1i","children":"navigation-bar__children_rjs1i","content":"navigation-bar__content_rjs1i","title":"navigation-bar__title_rjs1i","subtitle":"navigation-bar__subtitle_rjs1i","addons":"navigation-bar__addons_rjs1i","rightAddons":"navigation-bar__rightAddons_rjs1i"};
|
|
6
|
-
require('./index.css')
|
|
4
|
+
import styles from './index.module.css.js';
|
|
7
5
|
|
|
8
6
|
const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {
|
|
9
7
|
const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
|
|
@@ -53,3 +51,4 @@ const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, b
|
|
|
53
51
|
NavigationBar.displayName = 'NavigationBar';
|
|
54
52
|
|
|
55
53
|
export { NavigationBar };
|
|
54
|
+
//# sourceMappingURL=Component.js.map
|