@hh.ru/magritte-ui-branded-button 2.2.12 → 2.3.1
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/BrandedButton.js +6 -8
- package/BrandedButton.js.map +1 -1
- package/icons.d.ts +0 -38
- package/icons.js +21 -40
- package/icons.js.map +1 -1
- package/index.css +636 -719
- package/package.json +4 -4
package/BrandedButton.js
CHANGED
|
@@ -3,13 +3,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
6
|
-
import {
|
|
6
|
+
import { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP } from './icons.js';
|
|
7
7
|
import { Loader } from '@hh.ru/magritte-ui-loader';
|
|
8
8
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
9
9
|
import '@hh.ru/magritte-ui-icon/variants/icon';
|
|
10
10
|
import '@hh.ru/magritte-ui-icon/variants/service';
|
|
11
11
|
|
|
12
|
-
var styles = {"branded-button":"magritte-branded-button___1S-6h_2-
|
|
12
|
+
var styles = {"branded-button":"magritte-branded-button___1S-6h_2-3-1","brandedButton":"magritte-branded-button___1S-6h_2-3-1","with-label":"magritte-with-label___Dk5zY_2-3-1","withLabel":"magritte-with-label___Dk5zY_2-3-1","large":"magritte-large___fhHp1_2-3-1","medium":"magritte-medium___acdMN_2-3-1","without-label":"magritte-without-label___31Mkw_2-3-1","withoutLabel":"magritte-without-label___31Mkw_2-3-1","content":"magritte-content___KCvC7_2-3-1","with-loading":"magritte-with-loading___ZAtEE_2-3-1","withLoading":"magritte-with-loading___ZAtEE_2-3-1","label":"magritte-label___5wD1u_2-3-1","icon":"magritte-icon___Jrf4s_2-3-1","icons":"magritte-icons___w0xoV_2-3-1","loader":"magritte-loader___1fu4H_2-3-1","apple-primary":"magritte-apple-primary___JRlQ6_2-3-1","applePrimary":"magritte-apple-primary___JRlQ6_2-3-1","disabled":"magritte-disabled___jnf8q_2-3-1","vk-primary":"magritte-vk-primary___Yb3pK_2-3-1","vkPrimary":"magritte-vk-primary___Yb3pK_2-3-1","mail-primary":"magritte-mail-primary___-L14-_2-3-1","mailPrimary":"magritte-mail-primary___-L14-_2-3-1","ok-primary":"magritte-ok-primary___C1FPr_2-3-1","okPrimary":"magritte-ok-primary___C1FPr_2-3-1","google-primary":"magritte-google-primary___aFVAZ_2-3-1","googlePrimary":"magritte-google-primary___aFVAZ_2-3-1","esia-primary":"magritte-esia-primary___tVRSb_2-3-1","esiaPrimary":"magritte-esia-primary___tVRSb_2-3-1","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-3-1","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-3-1","yandex-primary":"magritte-yandex-primary___-7Uln_2-3-1","yandexPrimary":"magritte-yandex-primary___-7Uln_2-3-1","more-primary":"magritte-more-primary___KWZtF_2-3-1","morePrimary":"magritte-more-primary___KWZtF_2-3-1","icon-more":"magritte-icon-more___h5vmK_2-3-1","iconMore":"magritte-icon-more___h5vmK_2-3-1","icon-apple":"magritte-icon-apple___GNkzh_2-3-1","iconApple":"magritte-icon-apple___GNkzh_2-3-1","icon-vk":"magritte-icon-vk___ZYtqi_2-3-1","iconVk":"magritte-icon-vk___ZYtqi_2-3-1","icon-mail":"magritte-icon-mail___llrks_2-3-1","iconMail":"magritte-icon-mail___llrks_2-3-1","icon-ok":"magritte-icon-ok___46dW7_2-3-1","iconOk":"magritte-icon-ok___46dW7_2-3-1","icon-google":"magritte-icon-google___IMAFR_2-3-1","iconGoogle":"magritte-icon-google___IMAFR_2-3-1","icon-esia":"magritte-icon-esia___dDBGo_2-3-1","iconEsia":"magritte-icon-esia___dDBGo_2-3-1","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-3-1","iconTBank":"magritte-icon-t-bank___Dx2fC_2-3-1","icon-yandex":"magritte-icon-yandex___fe4ig_2-3-1","iconYandex":"magritte-icon-yandex___fe4ig_2-3-1","apple-secondary":"magritte-apple-secondary___hGF96_2-3-1","appleSecondary":"magritte-apple-secondary___hGF96_2-3-1","vk-secondary":"magritte-vk-secondary___QtaCT_2-3-1","vkSecondary":"magritte-vk-secondary___QtaCT_2-3-1","mail-secondary":"magritte-mail-secondary___3UqUc_2-3-1","mailSecondary":"magritte-mail-secondary___3UqUc_2-3-1","ok-secondary":"magritte-ok-secondary___vnWnt_2-3-1","okSecondary":"magritte-ok-secondary___vnWnt_2-3-1","google-secondary":"magritte-google-secondary___xz82D_2-3-1","googleSecondary":"magritte-google-secondary___xz82D_2-3-1","esia-secondary":"magritte-esia-secondary___fpaCK_2-3-1","esiaSecondary":"magritte-esia-secondary___fpaCK_2-3-1","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-3-1","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-3-1","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-3-1","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-3-1","more-secondary":"magritte-more-secondary___ZC-AL_2-3-1","moreSecondary":"magritte-more-secondary___ZC-AL_2-3-1","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-3-1","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-3-1","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-3-1","vkTertiary":"magritte-vk-tertiary___V2CIc_2-3-1","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-3-1","mailTertiary":"magritte-mail-tertiary___WJxIx_2-3-1","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-3-1","okTertiary":"magritte-ok-tertiary___aOdxp_2-3-1","google-tertiary":"magritte-google-tertiary___LGKec_2-3-1","googleTertiary":"magritte-google-tertiary___LGKec_2-3-1","esia-tertiary":"magritte-esia-tertiary___IU16g_2-3-1","esiaTertiary":"magritte-esia-tertiary___IU16g_2-3-1","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-3-1","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-3-1","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-3-1","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-3-1","more-tertiary":"magritte-more-tertiary___fv4ob_2-3-1","moreTertiary":"magritte-more-tertiary___fv4ob_2-3-1"};
|
|
13
13
|
|
|
14
14
|
const ICONS_MAX = 2;
|
|
15
15
|
const BrandedButtonComponent = ({ Element = 'button', service: _service, size = 'medium', mode = 'primary', 'data-qa': dataQa = 'branded-button', disabled, loading, children, ...restProps }, ref) => {
|
|
@@ -32,15 +32,13 @@ const BrandedButtonComponent = ({ Element = 'button', service: _service, size =
|
|
|
32
32
|
}
|
|
33
33
|
return (jsx(Element, { ...additionalAttributes, ...restProps, disabled: isComponentDisabled, tabIndex: isComponentDisabled || loading ? -1 : 0, className: classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {
|
|
34
34
|
[styles.withLabel]: !!children,
|
|
35
|
+
[styles.withoutLabel]: !children,
|
|
35
36
|
[styles.disabled]: isComponentDisabled,
|
|
36
37
|
[styles.withLoading]: loading,
|
|
37
38
|
}), children: jsxs("div", { className: classnames(styles.content), children: [children && (jsx("span", { className: styles.label, children: jsx(Text, { Element: "span", typography: "subtitle-1-semibold", children: children }) })), IconComponent && (jsx("span", { className: styles.icon, children: jsx(IconComponent, { "data-qa": `branded-button-icon-${isMoreButton ? 'more' : service}` }) })), isMoreButton && !IconComponent && (jsxs("div", { className: styles.icons, children: [service.slice(0, ICONS_MAX).map((item) => {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
: mode === 'tertiary'
|
|
42
|
-
? ICON_MAP[item]?.tertiary[state]
|
|
43
|
-
: ICON_MAP[item]?.secondary[state];
|
|
39
|
+
const Icon = mode === 'tertiary'
|
|
40
|
+
? ICON_MAP[item]?.tertiary[state]
|
|
41
|
+
: ICON_MAP[item]?.secondary[state];
|
|
44
42
|
return (jsx("div", { className: styles[`icon-${item}`], children: Icon && jsx(Icon, { "data-qa": `branded-button-icon-${item}` }) }, item));
|
|
45
43
|
}), service.length > ICONS_MAX && (jsxs(Text, { typography: "subtitle-1-semibold", children: ["+ ", service.length - ICONS_MAX] }))] })), loading && (jsx("span", { className: styles.loader, children: jsx(Loader, { size: 24 }) }))] }) }));
|
|
46
44
|
};
|
package/BrandedButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrandedButton.js","sources":["src/BrandedButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport {
|
|
1
|
+
{"version":3,"file":"BrandedButton.js","sources":["src/BrandedButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP } from '@hh.ru/magritte-ui-branded-button/icons';\nimport type { BrandedButtonProps } from '@hh.ru/magritte-ui-branded-button/types';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './branded-button.less';\n\nconst ICONS_MAX = 2;\n\nconst BrandedButtonComponent: PolymorphicForwardRefRenderFunc<BrandedButtonProps, 'button'> = (\n {\n Element = 'button',\n service: _service,\n size = 'medium',\n mode = 'primary',\n 'data-qa': dataQa = 'branded-button',\n disabled,\n loading,\n children,\n ...restProps\n },\n ref\n) => {\n const ICON_MAP = children ? SERVICE_ICON_MAP : SERVICE_ONLY_ICON_MAP;\n const service = Array.isArray(_service) && _service.length === 1 ? _service[0] : _service;\n const isMoreButton = Array.isArray(service);\n const forceDisabled = useDisabled();\n const isComponentDisabled = disabled || forceDisabled;\n const state = isComponentDisabled ? 'disabled' : 'default';\n const IconComponent = isMoreButton ? ICON_MAP.more?.[mode][state] : ICON_MAP[service]?.[mode][state];\n const serviceClass = (isMoreButton ? `more-${mode}` : `${service}-${mode}`) as keyof typeof styles;\n const additionalAttributes: Record<string, unknown> = {\n 'data-qa': dataQa,\n };\n\n if (Element === 'button') {\n additionalAttributes.type = 'button';\n }\n\n if (ref) {\n additionalAttributes.ref = ref;\n }\n\n return (\n <Element\n {...additionalAttributes}\n {...restProps}\n disabled={isComponentDisabled}\n tabIndex={isComponentDisabled || loading ? -1 : 0}\n className={classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {\n [styles.withLabel]: !!children,\n [styles.withoutLabel]: !children,\n [styles.disabled]: isComponentDisabled,\n [styles.withLoading]: loading,\n })}\n >\n <div className={classnames(styles.content)}>\n {children && (\n <span className={styles.label}>\n <Text Element=\"span\" typography=\"subtitle-1-semibold\">\n {children}\n </Text>\n </span>\n )}\n {IconComponent && (\n <span className={styles.icon}>\n <IconComponent data-qa={`branded-button-icon-${isMoreButton ? 'more' : service}`} />\n </span>\n )}\n {isMoreButton && !IconComponent && (\n <div className={styles.icons}>\n {service.slice(0, ICONS_MAX).map((item) => {\n const Icon =\n mode === 'tertiary'\n ? ICON_MAP[item]?.tertiary[state]\n : ICON_MAP[item]?.secondary[state];\n return (\n <div key={item} className={styles[`icon-${item}`]}>\n {Icon && <Icon data-qa={`branded-button-icon-${item}`} />}\n </div>\n );\n })}\n {service.length > ICONS_MAX && (\n <Text typography=\"subtitle-1-semibold\">+ {service.length - ICONS_MAX}</Text>\n )}\n </div>\n )}\n {loading && (\n <span className={styles.loader}>\n <Loader size={24} />\n </span>\n )}\n </div>\n </Element>\n );\n};\n\nexport const BrandedButton = forwardRef(BrandedButtonComponent) as PolymorphicComponentWithRef<\n BrandedButtonProps,\n 'button'\n>;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/icons.d.ts
CHANGED
|
@@ -3,42 +3,4 @@ import { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon';
|
|
|
3
3
|
type Map = Partial<Record<BrandedButtonService | 'more', Record<BrandedButtonMode, Record<'default' | 'disabled', IconWrapperComponentSize24>>>>;
|
|
4
4
|
export declare const SERVICE_ICON_MAP: Map;
|
|
5
5
|
export declare const SERVICE_ONLY_ICON_MAP: Map;
|
|
6
|
-
export declare const VK_ICON_MAP_IN_MORE_BUTTON: {
|
|
7
|
-
primary: {
|
|
8
|
-
default: IconWrapperComponentSize24<null> & {
|
|
9
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
10
|
-
loading?: boolean;
|
|
11
|
-
}>;
|
|
12
|
-
};
|
|
13
|
-
disabled: IconWrapperComponentSize24<null> & {
|
|
14
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
}>;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
secondary: {
|
|
20
|
-
default: IconWrapperComponentSize24<null> & {
|
|
21
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
22
|
-
loading?: boolean;
|
|
23
|
-
}>;
|
|
24
|
-
};
|
|
25
|
-
disabled: IconWrapperComponentSize24<null> & {
|
|
26
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
27
|
-
loading?: boolean;
|
|
28
|
-
}>;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
tertiary: {
|
|
32
|
-
default: IconWrapperComponentSize24<null> & {
|
|
33
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
34
|
-
loading?: boolean;
|
|
35
|
-
}>;
|
|
36
|
-
};
|
|
37
|
-
disabled: IconWrapperComponentSize24<null> & {
|
|
38
|
-
Skeleton: import("@hh.ru/magritte-ui-icon").IconWrapperComponentSize24<{
|
|
39
|
-
loading?: boolean;
|
|
40
|
-
}>;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
6
|
export {};
|
package/icons.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';
|
|
3
|
-
import { AppleBrandAltSize24,
|
|
3
|
+
import { AppleBrandAltSize24, AppleSolidSize24, AppleBrandSize24, VkSquareBrandAltSize24, VkSquareSolidSize24, VkSquareBrandSize24, GoogleBrandSize24, GoogleSolidSize24, MailBrandAltSize24, MailSolidSize24, MailBrandSize24, OkBrandAltSize24, OkSolidSize24, OkBrandSize24, EsiaBrandAltSize24, EsiaSolidSize24, EsiaBrandSize24, TinkoffIdBrandSize24, TinkoffIdSolidSize24, YandexBrandAltSize24, YandexSolidSize24, YandexBrandSize24 } from '@hh.ru/magritte-ui-icon/variants/service';
|
|
4
4
|
|
|
5
5
|
const SERVICE_ICON_MAP = {
|
|
6
6
|
apple: {
|
|
7
7
|
primary: {
|
|
8
8
|
default: AppleBrandAltSize24,
|
|
9
|
-
disabled:
|
|
9
|
+
disabled: AppleSolidSize24,
|
|
10
10
|
},
|
|
11
11
|
secondary: {
|
|
12
12
|
default: AppleBrandSize24,
|
|
13
|
-
disabled:
|
|
13
|
+
disabled: AppleSolidSize24,
|
|
14
14
|
},
|
|
15
15
|
tertiary: {
|
|
16
16
|
default: AppleSolidSize24,
|
|
@@ -20,25 +20,25 @@ const SERVICE_ICON_MAP = {
|
|
|
20
20
|
vk: {
|
|
21
21
|
primary: {
|
|
22
22
|
default: VkSquareBrandAltSize24,
|
|
23
|
-
disabled:
|
|
23
|
+
disabled: VkSquareSolidSize24,
|
|
24
24
|
},
|
|
25
25
|
secondary: {
|
|
26
|
-
default:
|
|
27
|
-
disabled:
|
|
26
|
+
default: VkSquareBrandSize24,
|
|
27
|
+
disabled: VkSquareSolidSize24,
|
|
28
28
|
},
|
|
29
29
|
tertiary: {
|
|
30
|
-
default:
|
|
30
|
+
default: VkSquareSolidSize24,
|
|
31
31
|
disabled: VkSquareSolidSize24,
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
google: {
|
|
35
35
|
primary: {
|
|
36
36
|
default: GoogleBrandSize24,
|
|
37
|
-
disabled:
|
|
37
|
+
disabled: GoogleSolidSize24,
|
|
38
38
|
},
|
|
39
39
|
secondary: {
|
|
40
40
|
default: GoogleBrandSize24,
|
|
41
|
-
disabled:
|
|
41
|
+
disabled: GoogleSolidSize24,
|
|
42
42
|
},
|
|
43
43
|
tertiary: {
|
|
44
44
|
default: GoogleSolidSize24,
|
|
@@ -48,11 +48,11 @@ const SERVICE_ICON_MAP = {
|
|
|
48
48
|
mail: {
|
|
49
49
|
primary: {
|
|
50
50
|
default: MailBrandAltSize24,
|
|
51
|
-
disabled:
|
|
51
|
+
disabled: MailSolidSize24,
|
|
52
52
|
},
|
|
53
53
|
secondary: {
|
|
54
|
-
default:
|
|
55
|
-
disabled:
|
|
54
|
+
default: MailBrandSize24,
|
|
55
|
+
disabled: MailSolidSize24,
|
|
56
56
|
},
|
|
57
57
|
tertiary: {
|
|
58
58
|
default: MailSolidSize24,
|
|
@@ -62,11 +62,11 @@ const SERVICE_ICON_MAP = {
|
|
|
62
62
|
ok: {
|
|
63
63
|
primary: {
|
|
64
64
|
default: OkBrandAltSize24,
|
|
65
|
-
disabled:
|
|
65
|
+
disabled: OkSolidSize24,
|
|
66
66
|
},
|
|
67
67
|
secondary: {
|
|
68
68
|
default: OkBrandSize24,
|
|
69
|
-
disabled:
|
|
69
|
+
disabled: OkSolidSize24,
|
|
70
70
|
},
|
|
71
71
|
tertiary: {
|
|
72
72
|
default: OkSolidSize24,
|
|
@@ -76,11 +76,11 @@ const SERVICE_ICON_MAP = {
|
|
|
76
76
|
esia: {
|
|
77
77
|
primary: {
|
|
78
78
|
default: EsiaBrandAltSize24,
|
|
79
|
-
disabled:
|
|
79
|
+
disabled: EsiaSolidSize24,
|
|
80
80
|
},
|
|
81
81
|
secondary: {
|
|
82
82
|
default: EsiaBrandSize24,
|
|
83
|
-
disabled:
|
|
83
|
+
disabled: EsiaSolidSize24,
|
|
84
84
|
},
|
|
85
85
|
tertiary: {
|
|
86
86
|
default: EsiaSolidSize24,
|
|
@@ -90,11 +90,11 @@ const SERVICE_ICON_MAP = {
|
|
|
90
90
|
't-bank': {
|
|
91
91
|
primary: {
|
|
92
92
|
default: TinkoffIdBrandSize24,
|
|
93
|
-
disabled:
|
|
93
|
+
disabled: TinkoffIdSolidSize24,
|
|
94
94
|
},
|
|
95
95
|
secondary: {
|
|
96
96
|
default: TinkoffIdBrandSize24,
|
|
97
|
-
disabled:
|
|
97
|
+
disabled: TinkoffIdSolidSize24,
|
|
98
98
|
},
|
|
99
99
|
tertiary: {
|
|
100
100
|
default: TinkoffIdSolidSize24,
|
|
@@ -104,11 +104,11 @@ const SERVICE_ICON_MAP = {
|
|
|
104
104
|
yandex: {
|
|
105
105
|
primary: {
|
|
106
106
|
default: YandexBrandAltSize24,
|
|
107
|
-
disabled:
|
|
107
|
+
disabled: YandexSolidSize24,
|
|
108
108
|
},
|
|
109
109
|
secondary: {
|
|
110
110
|
default: YandexBrandSize24,
|
|
111
|
-
disabled:
|
|
111
|
+
disabled: YandexSolidSize24,
|
|
112
112
|
},
|
|
113
113
|
tertiary: {
|
|
114
114
|
default: YandexSolidSize24,
|
|
@@ -118,20 +118,6 @@ const SERVICE_ICON_MAP = {
|
|
|
118
118
|
};
|
|
119
119
|
const SERVICE_ONLY_ICON_MAP = {
|
|
120
120
|
...SERVICE_ICON_MAP,
|
|
121
|
-
't-bank': {
|
|
122
|
-
primary: {
|
|
123
|
-
default: TinkoffBrandAltSize24,
|
|
124
|
-
disabled: TinkoffGrayscaleSize24,
|
|
125
|
-
},
|
|
126
|
-
secondary: {
|
|
127
|
-
default: TinkoffBrandSize24,
|
|
128
|
-
disabled: TinkoffGrayscaleSize24,
|
|
129
|
-
},
|
|
130
|
-
tertiary: {
|
|
131
|
-
default: TinkoffSolidSize24,
|
|
132
|
-
disabled: TinkoffSolidSize24,
|
|
133
|
-
},
|
|
134
|
-
},
|
|
135
121
|
more: {
|
|
136
122
|
primary: {
|
|
137
123
|
default: EllipsisHorizontalOutlinedSize24,
|
|
@@ -147,11 +133,6 @@ const SERVICE_ONLY_ICON_MAP = {
|
|
|
147
133
|
},
|
|
148
134
|
},
|
|
149
135
|
};
|
|
150
|
-
const VK_ICON_MAP_IN_MORE_BUTTON = {
|
|
151
|
-
primary: { default: VkSquareBrandSize24, disabled: VkGrayscaleSize24 },
|
|
152
|
-
secondary: { default: VkSquareBrandSize24, disabled: VkSquareGrayscaleSize24 },
|
|
153
|
-
tertiary: { default: VkSolidSize24, disabled: VkSquareSolidSize24 },
|
|
154
|
-
};
|
|
155
136
|
|
|
156
|
-
export { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP
|
|
137
|
+
export { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP };
|
|
157
138
|
//# sourceMappingURL=icons.js.map
|
package/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["src/icons.tsx"],"sourcesContent":["import { BrandedButtonService, BrandedButtonMode } from '@hh.ru/magritte-ui-branded-button/types';\nimport { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon';\nimport { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\nimport {\n AppleBrandAltSize24,\n
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["src/icons.tsx"],"sourcesContent":["import { BrandedButtonService, BrandedButtonMode } from '@hh.ru/magritte-ui-branded-button/types';\nimport { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon';\nimport { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\nimport {\n AppleBrandAltSize24,\n AppleBrandSize24,\n AppleSolidSize24,\n VkSquareBrandAltSize24,\n GoogleBrandSize24,\n GoogleSolidSize24,\n MailBrandAltSize24,\n MailSolidSize24,\n OkBrandAltSize24,\n OkBrandSize24,\n OkSolidSize24,\n EsiaBrandAltSize24,\n EsiaBrandSize24,\n EsiaSolidSize24,\n TinkoffIdBrandSize24,\n TinkoffIdSolidSize24,\n YandexBrandAltSize24,\n YandexBrandSize24,\n YandexSolidSize24,\n VkSquareSolidSize24,\n VkSquareBrandSize24,\n MailBrandSize24,\n} from '@hh.ru/magritte-ui-icon/variants/service';\n\ntype Map = Partial<\n Record<\n BrandedButtonService | 'more',\n Record<BrandedButtonMode, Record<'default' | 'disabled', IconWrapperComponentSize24>>\n >\n>;\n\nexport const SERVICE_ICON_MAP: Map = {\n apple: {\n primary: {\n default: AppleBrandAltSize24,\n disabled: AppleSolidSize24,\n },\n secondary: {\n default: AppleBrandSize24,\n disabled: AppleSolidSize24,\n },\n tertiary: {\n default: AppleSolidSize24,\n disabled: AppleSolidSize24,\n },\n },\n vk: {\n primary: {\n default: VkSquareBrandAltSize24,\n disabled: VkSquareSolidSize24,\n },\n secondary: {\n default: VkSquareBrandSize24,\n disabled: VkSquareSolidSize24,\n },\n tertiary: {\n default: VkSquareSolidSize24,\n disabled: VkSquareSolidSize24,\n },\n },\n google: {\n primary: {\n default: GoogleBrandSize24,\n disabled: GoogleSolidSize24,\n },\n secondary: {\n default: GoogleBrandSize24,\n disabled: GoogleSolidSize24,\n },\n tertiary: {\n default: GoogleSolidSize24,\n disabled: GoogleSolidSize24,\n },\n },\n mail: {\n primary: {\n default: MailBrandAltSize24,\n disabled: MailSolidSize24,\n },\n secondary: {\n default: MailBrandSize24,\n disabled: MailSolidSize24,\n },\n tertiary: {\n default: MailSolidSize24,\n disabled: MailSolidSize24,\n },\n },\n ok: {\n primary: {\n default: OkBrandAltSize24,\n disabled: OkSolidSize24,\n },\n secondary: {\n default: OkBrandSize24,\n disabled: OkSolidSize24,\n },\n tertiary: {\n default: OkSolidSize24,\n disabled: OkSolidSize24,\n },\n },\n esia: {\n primary: {\n default: EsiaBrandAltSize24,\n disabled: EsiaSolidSize24,\n },\n secondary: {\n default: EsiaBrandSize24,\n disabled: EsiaSolidSize24,\n },\n tertiary: {\n default: EsiaSolidSize24,\n disabled: EsiaSolidSize24,\n },\n },\n 't-bank': {\n primary: {\n default: TinkoffIdBrandSize24,\n disabled: TinkoffIdSolidSize24,\n },\n secondary: {\n default: TinkoffIdBrandSize24,\n disabled: TinkoffIdSolidSize24,\n },\n tertiary: {\n default: TinkoffIdSolidSize24,\n disabled: TinkoffIdSolidSize24,\n },\n },\n yandex: {\n primary: {\n default: YandexBrandAltSize24,\n disabled: YandexSolidSize24,\n },\n secondary: {\n default: YandexBrandSize24,\n disabled: YandexSolidSize24,\n },\n tertiary: {\n default: YandexSolidSize24,\n disabled: YandexSolidSize24,\n },\n },\n};\n\nexport const SERVICE_ONLY_ICON_MAP: Map = {\n ...SERVICE_ICON_MAP,\n more: {\n primary: {\n default: EllipsisHorizontalOutlinedSize24,\n disabled: EllipsisHorizontalOutlinedSize24,\n },\n secondary: {\n default: EllipsisHorizontalOutlinedSize24,\n disabled: EllipsisHorizontalOutlinedSize24,\n },\n tertiary: {\n default: EllipsisHorizontalOutlinedSize24,\n disabled: EllipsisHorizontalOutlinedSize24,\n },\n },\n};\n"],"names":[],"mappings":"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"}
|