@hh.ru/magritte-ui-branded-button 2.3.32 → 2.3.34

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 (12) hide show
  1. package/BrandedButton.d.ts +2 -2
  2. package/BrandedButton.js +58 -29
  3. package/BrandedButton.js.map +1 -1
  4. package/icons.d.ts +1 -1
  5. package/icons.js +125 -125
  6. package/icons.js.map +1 -1
  7. package/index.css +1449 -1449
  8. package/index.d.ts +2 -2
  9. package/index.mock.d.ts +1 -1
  10. package/index.mock.js +7 -3
  11. package/index.mock.js.map +1 -1
  12. package/package.json +6 -6
package/BrandedButton.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
2
- import type { BrandedButtonProps } from '@hh.ru/magritte-ui-branded-button/types';
3
- export declare const BrandedButton: PolymorphicComponentWithRef<BrandedButtonProps, "button">;
2
+ import type { BrandedButtonProps } from './types';
3
+ export declare const BrandedButton: PolymorphicComponentWithRef<BrandedButtonProps, 'button'>;
package/BrandedButton.js CHANGED
@@ -9,38 +9,67 @@ 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-3-32","brandedButton":"magritte-branded-button___1S-6h_2-3-32","with-label":"magritte-with-label___Dk5zY_2-3-32","withLabel":"magritte-with-label___Dk5zY_2-3-32","large":"magritte-large___fhHp1_2-3-32","medium":"magritte-medium___acdMN_2-3-32","without-label":"magritte-without-label___31Mkw_2-3-32","withoutLabel":"magritte-without-label___31Mkw_2-3-32","content":"magritte-content___KCvC7_2-3-32","with-loading":"magritte-with-loading___ZAtEE_2-3-32","withLoading":"magritte-with-loading___ZAtEE_2-3-32","label":"magritte-label___5wD1u_2-3-32","icon":"magritte-icon___Jrf4s_2-3-32","icons":"magritte-icons___w0xoV_2-3-32","loader":"magritte-loader___1fu4H_2-3-32","apple-primary":"magritte-apple-primary___JRlQ6_2-3-32","applePrimary":"magritte-apple-primary___JRlQ6_2-3-32","disabled":"magritte-disabled___jnf8q_2-3-32","vk-primary":"magritte-vk-primary___Yb3pK_2-3-32","vkPrimary":"magritte-vk-primary___Yb3pK_2-3-32","mail-primary":"magritte-mail-primary___-L14-_2-3-32","mailPrimary":"magritte-mail-primary___-L14-_2-3-32","ok-primary":"magritte-ok-primary___C1FPr_2-3-32","okPrimary":"magritte-ok-primary___C1FPr_2-3-32","google-primary":"magritte-google-primary___aFVAZ_2-3-32","googlePrimary":"magritte-google-primary___aFVAZ_2-3-32","esia-primary":"magritte-esia-primary___tVRSb_2-3-32","esiaPrimary":"magritte-esia-primary___tVRSb_2-3-32","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-3-32","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-3-32","yandex-primary":"magritte-yandex-primary___-7Uln_2-3-32","yandexPrimary":"magritte-yandex-primary___-7Uln_2-3-32","more-primary":"magritte-more-primary___KWZtF_2-3-32","morePrimary":"magritte-more-primary___KWZtF_2-3-32","icon-more":"magritte-icon-more___h5vmK_2-3-32","iconMore":"magritte-icon-more___h5vmK_2-3-32","icon-apple":"magritte-icon-apple___GNkzh_2-3-32","iconApple":"magritte-icon-apple___GNkzh_2-3-32","icon-vk":"magritte-icon-vk___ZYtqi_2-3-32","iconVk":"magritte-icon-vk___ZYtqi_2-3-32","icon-mail":"magritte-icon-mail___llrks_2-3-32","iconMail":"magritte-icon-mail___llrks_2-3-32","icon-ok":"magritte-icon-ok___46dW7_2-3-32","iconOk":"magritte-icon-ok___46dW7_2-3-32","icon-google":"magritte-icon-google___IMAFR_2-3-32","iconGoogle":"magritte-icon-google___IMAFR_2-3-32","icon-esia":"magritte-icon-esia___dDBGo_2-3-32","iconEsia":"magritte-icon-esia___dDBGo_2-3-32","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-3-32","iconTBank":"magritte-icon-t-bank___Dx2fC_2-3-32","icon-yandex":"magritte-icon-yandex___fe4ig_2-3-32","iconYandex":"magritte-icon-yandex___fe4ig_2-3-32","apple-secondary":"magritte-apple-secondary___hGF96_2-3-32","appleSecondary":"magritte-apple-secondary___hGF96_2-3-32","vk-secondary":"magritte-vk-secondary___QtaCT_2-3-32","vkSecondary":"magritte-vk-secondary___QtaCT_2-3-32","mail-secondary":"magritte-mail-secondary___3UqUc_2-3-32","mailSecondary":"magritte-mail-secondary___3UqUc_2-3-32","ok-secondary":"magritte-ok-secondary___vnWnt_2-3-32","okSecondary":"magritte-ok-secondary___vnWnt_2-3-32","google-secondary":"magritte-google-secondary___xz82D_2-3-32","googleSecondary":"magritte-google-secondary___xz82D_2-3-32","esia-secondary":"magritte-esia-secondary___fpaCK_2-3-32","esiaSecondary":"magritte-esia-secondary___fpaCK_2-3-32","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-3-32","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-3-32","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-3-32","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-3-32","more-secondary":"magritte-more-secondary___ZC-AL_2-3-32","moreSecondary":"magritte-more-secondary___ZC-AL_2-3-32","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-3-32","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-3-32","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-3-32","vkTertiary":"magritte-vk-tertiary___V2CIc_2-3-32","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-3-32","mailTertiary":"magritte-mail-tertiary___WJxIx_2-3-32","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-3-32","okTertiary":"magritte-ok-tertiary___aOdxp_2-3-32","google-tertiary":"magritte-google-tertiary___LGKec_2-3-32","googleTertiary":"magritte-google-tertiary___LGKec_2-3-32","esia-tertiary":"magritte-esia-tertiary___IU16g_2-3-32","esiaTertiary":"magritte-esia-tertiary___IU16g_2-3-32","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-3-32","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-3-32","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-3-32","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-3-32","more-tertiary":"magritte-more-tertiary___fv4ob_2-3-32","moreTertiary":"magritte-more-tertiary___fv4ob_2-3-32"};
12
+ var styles = {"branded-button":"magritte-branded-button___1S-6h_2-3-34","brandedButton":"magritte-branded-button___1S-6h_2-3-34","with-label":"magritte-with-label___Dk5zY_2-3-34","withLabel":"magritte-with-label___Dk5zY_2-3-34","large":"magritte-large___fhHp1_2-3-34","medium":"magritte-medium___acdMN_2-3-34","without-label":"magritte-without-label___31Mkw_2-3-34","withoutLabel":"magritte-without-label___31Mkw_2-3-34","content":"magritte-content___KCvC7_2-3-34","with-loading":"magritte-with-loading___ZAtEE_2-3-34","withLoading":"magritte-with-loading___ZAtEE_2-3-34","label":"magritte-label___5wD1u_2-3-34","icon":"magritte-icon___Jrf4s_2-3-34","icons":"magritte-icons___w0xoV_2-3-34","loader":"magritte-loader___1fu4H_2-3-34","apple-primary":"magritte-apple-primary___JRlQ6_2-3-34","applePrimary":"magritte-apple-primary___JRlQ6_2-3-34","disabled":"magritte-disabled___jnf8q_2-3-34","vk-primary":"magritte-vk-primary___Yb3pK_2-3-34","vkPrimary":"magritte-vk-primary___Yb3pK_2-3-34","mail-primary":"magritte-mail-primary___-L14-_2-3-34","mailPrimary":"magritte-mail-primary___-L14-_2-3-34","ok-primary":"magritte-ok-primary___C1FPr_2-3-34","okPrimary":"magritte-ok-primary___C1FPr_2-3-34","google-primary":"magritte-google-primary___aFVAZ_2-3-34","googlePrimary":"magritte-google-primary___aFVAZ_2-3-34","esia-primary":"magritte-esia-primary___tVRSb_2-3-34","esiaPrimary":"magritte-esia-primary___tVRSb_2-3-34","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-3-34","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-3-34","yandex-primary":"magritte-yandex-primary___-7Uln_2-3-34","yandexPrimary":"magritte-yandex-primary___-7Uln_2-3-34","more-primary":"magritte-more-primary___KWZtF_2-3-34","morePrimary":"magritte-more-primary___KWZtF_2-3-34","icon-more":"magritte-icon-more___h5vmK_2-3-34","iconMore":"magritte-icon-more___h5vmK_2-3-34","icon-apple":"magritte-icon-apple___GNkzh_2-3-34","iconApple":"magritte-icon-apple___GNkzh_2-3-34","icon-vk":"magritte-icon-vk___ZYtqi_2-3-34","iconVk":"magritte-icon-vk___ZYtqi_2-3-34","icon-mail":"magritte-icon-mail___llrks_2-3-34","iconMail":"magritte-icon-mail___llrks_2-3-34","icon-ok":"magritte-icon-ok___46dW7_2-3-34","iconOk":"magritte-icon-ok___46dW7_2-3-34","icon-google":"magritte-icon-google___IMAFR_2-3-34","iconGoogle":"magritte-icon-google___IMAFR_2-3-34","icon-esia":"magritte-icon-esia___dDBGo_2-3-34","iconEsia":"magritte-icon-esia___dDBGo_2-3-34","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-3-34","iconTBank":"magritte-icon-t-bank___Dx2fC_2-3-34","icon-yandex":"magritte-icon-yandex___fe4ig_2-3-34","iconYandex":"magritte-icon-yandex___fe4ig_2-3-34","apple-secondary":"magritte-apple-secondary___hGF96_2-3-34","appleSecondary":"magritte-apple-secondary___hGF96_2-3-34","vk-secondary":"magritte-vk-secondary___QtaCT_2-3-34","vkSecondary":"magritte-vk-secondary___QtaCT_2-3-34","mail-secondary":"magritte-mail-secondary___3UqUc_2-3-34","mailSecondary":"magritte-mail-secondary___3UqUc_2-3-34","ok-secondary":"magritte-ok-secondary___vnWnt_2-3-34","okSecondary":"magritte-ok-secondary___vnWnt_2-3-34","google-secondary":"magritte-google-secondary___xz82D_2-3-34","googleSecondary":"magritte-google-secondary___xz82D_2-3-34","esia-secondary":"magritte-esia-secondary___fpaCK_2-3-34","esiaSecondary":"magritte-esia-secondary___fpaCK_2-3-34","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-3-34","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-3-34","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-3-34","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-3-34","more-secondary":"magritte-more-secondary___ZC-AL_2-3-34","moreSecondary":"magritte-more-secondary___ZC-AL_2-3-34","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-3-34","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-3-34","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-3-34","vkTertiary":"magritte-vk-tertiary___V2CIc_2-3-34","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-3-34","mailTertiary":"magritte-mail-tertiary___WJxIx_2-3-34","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-3-34","okTertiary":"magritte-ok-tertiary___aOdxp_2-3-34","google-tertiary":"magritte-google-tertiary___LGKec_2-3-34","googleTertiary":"magritte-google-tertiary___LGKec_2-3-34","esia-tertiary":"magritte-esia-tertiary___IU16g_2-3-34","esiaTertiary":"magritte-esia-tertiary___IU16g_2-3-34","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-3-34","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-3-34","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-3-34","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-3-34","more-tertiary":"magritte-more-tertiary___fv4ob_2-3-34","moreTertiary":"magritte-more-tertiary___fv4ob_2-3-34"};
13
13
 
14
14
  const ICONS_MAX = 2;
15
- const BrandedButtonComponent = ({ Element = 'button', service: _service, size = 'medium', mode = 'primary', 'data-qa': dataQa = 'branded-button', disabled, loading, children, ...restProps }, ref) => {
16
- const ICON_MAP = children ? SERVICE_ICON_MAP : SERVICE_ONLY_ICON_MAP;
17
- const service = Array.isArray(_service) && _service.length === 1 ? _service[0] : _service;
18
- const isMoreButton = Array.isArray(service);
19
- const forceDisabled = useDisabled();
20
- const isComponentDisabled = disabled || forceDisabled;
21
- const state = isComponentDisabled ? 'disabled' : 'default';
22
- const IconComponent = isMoreButton ? ICON_MAP.more?.[mode][state] : ICON_MAP[service]?.[mode][state];
23
- const serviceClass = (isMoreButton ? `more-${mode}` : `${service}-${mode}`);
24
- const additionalAttributes = {
25
- 'data-qa': dataQa,
26
- };
27
- if (Element === 'button') {
28
- additionalAttributes.type = 'button';
15
+ const BrandedButtonComponent = ({
16
+ Element = "button",
17
+ service: _service,
18
+ size = "medium",
19
+ mode = "primary",
20
+ "data-qa": dataQa = "branded-button",
21
+ disabled,
22
+ loading,
23
+ children,
24
+ ...restProps
25
+ }, ref) => {
26
+ const ICON_MAP = children ? SERVICE_ICON_MAP : SERVICE_ONLY_ICON_MAP;
27
+ const service = Array.isArray(_service) && _service.length === 1 ? _service[0] : _service;
28
+ const isMoreButton = Array.isArray(service);
29
+ const forceDisabled = useDisabled();
30
+ const isComponentDisabled = disabled || forceDisabled;
31
+ const state = isComponentDisabled ? "disabled" : "default";
32
+ const IconComponent = isMoreButton ? ICON_MAP.more?.[mode][state] : ICON_MAP[service]?.[mode][state];
33
+ const serviceClass = isMoreButton ? `more-${mode}` : `${service}-${mode}`;
34
+ const additionalAttributes = {
35
+ "data-qa": dataQa
36
+ };
37
+ if (Element === "button") {
38
+ additionalAttributes.type = "button";
39
+ }
40
+ if (ref) {
41
+ additionalAttributes.ref = ref;
42
+ }
43
+ return /* @__PURE__ */ jsx(
44
+ Element,
45
+ {
46
+ ...additionalAttributes,
47
+ ...restProps,
48
+ disabled: isComponentDisabled,
49
+ tabIndex: isComponentDisabled || loading ? -1 : 0,
50
+ className: classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {
51
+ [styles.withLabel]: !!children,
52
+ [styles.withoutLabel]: !children,
53
+ [styles.disabled]: isComponentDisabled,
54
+ [styles.withLoading]: loading
55
+ }),
56
+ children: /* @__PURE__ */ jsxs("div", { className: classnames(styles.content), children: [
57
+ children && /* @__PURE__ */ jsx("span", { className: styles.label, children: /* @__PURE__ */ jsx(Text, { Element: "span", typography: "subtitle-1-semibold", children }) }),
58
+ IconComponent && /* @__PURE__ */ jsx("span", { className: styles.icon, children: /* @__PURE__ */ jsx(IconComponent, { "data-qa": `branded-button-icon-${isMoreButton ? "more" : service}` }) }),
59
+ isMoreButton && !IconComponent && /* @__PURE__ */ jsxs("div", { className: styles.icons, children: [
60
+ service.slice(0, ICONS_MAX).map((item) => {
61
+ const Icon = mode === "tertiary" ? ICON_MAP[item]?.tertiary[state] : ICON_MAP[item]?.secondary[state];
62
+ return /* @__PURE__ */ jsx("div", { className: styles[`icon-${item}`], children: Icon && /* @__PURE__ */ jsx(Icon, { "data-qa": `branded-button-icon-${item}` }) }, item);
63
+ }),
64
+ service.length > ICONS_MAX && /* @__PURE__ */ jsxs(Text, { typography: "subtitle-1-semibold", children: [
65
+ "+ ",
66
+ service.length - ICONS_MAX
67
+ ] })
68
+ ] }),
69
+ loading && /* @__PURE__ */ jsx("span", { className: styles.loader, children: /* @__PURE__ */ jsx(Loader, { size: 24 }) })
70
+ ] })
29
71
  }
30
- if (ref) {
31
- additionalAttributes.ref = ref;
32
- }
33
- return (jsx(Element, { ...additionalAttributes, ...restProps, disabled: isComponentDisabled, tabIndex: isComponentDisabled || loading ? -1 : 0, className: classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {
34
- [styles.withLabel]: !!children,
35
- [styles.withoutLabel]: !children,
36
- [styles.disabled]: isComponentDisabled,
37
- [styles.withLoading]: loading,
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) => {
39
- const Icon = mode === 'tertiary'
40
- ? ICON_MAP[item]?.tertiary[state]
41
- : ICON_MAP[item]?.secondary[state];
42
- return (jsx("div", { className: styles[`icon-${item}`], children: Icon && jsx(Icon, { "data-qa": `branded-button-icon-${item}` }) }, item));
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 }) }))] }) }));
72
+ );
44
73
  };
45
74
  const BrandedButton = forwardRef(BrandedButtonComponent);
46
75
 
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 { 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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"}
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":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAY,GAAA,CAAA,CAAA;AAElB,MAAM,yBAAwF,CAC1F;AAAA,EACI,OAAU,GAAA,QAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,IAAO,GAAA,QAAA;AAAA,EACP,IAAO,GAAA,SAAA;AAAA,EACP,WAAW,MAAS,GAAA,gBAAA;AAAA,EACpB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,SAAA;AACP,CAAA,EACA,GACC,KAAA;AACD,EAAM,MAAA,QAAA,GAAW,WAAW,gBAAmB,GAAA,qBAAA,CAAA;AAC/C,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAA,IAAK,SAAS,MAAW,KAAA,CAAA,GAAI,QAAS,CAAA,CAAC,CAAI,GAAA,QAAA,CAAA;AACjF,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAC1C,EAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAClC,EAAA,MAAM,sBAAsB,QAAY,IAAA,aAAA,CAAA;AACxC,EAAM,MAAA,KAAA,GAAQ,sBAAsB,UAAa,GAAA,SAAA,CAAA;AACjD,EAAA,MAAM,aAAgB,GAAA,YAAA,GAAe,QAAS,CAAA,IAAA,GAAO,IAAI,CAAA,CAAE,KAAK,CAAA,GAAI,QAAS,CAAA,OAAO,CAAI,GAAA,IAAI,EAAE,KAAK,CAAA,CAAA;AACnG,EAAM,MAAA,YAAA,GAAgB,eAAe,CAAQ,KAAA,EAAA,IAAI,KAAK,CAAG,EAAA,OAAO,IAAI,IAAI,CAAA,CAAA,CAAA;AACxE,EAAA,MAAM,oBAAgD,GAAA;AAAA,IAClD,SAAW,EAAA,MAAA;AAAA,GACf,CAAA;AAEA,EAAA,IAAI,YAAY,QAAU,EAAA;AACtB,IAAA,oBAAA,CAAqB,IAAO,GAAA,QAAA,CAAA;AAAA,GAChC;AAEA,EAAA,IAAI,GAAK,EAAA;AACL,IAAA,oBAAA,CAAqB,GAAM,GAAA,GAAA,CAAA;AAAA,GAC/B;AAEA,EACI,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACI,GAAG,oBAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACJ,QAAU,EAAA,mBAAA;AAAA,MACV,QAAA,EAAU,mBAAuB,IAAA,OAAA,GAAU,CAAK,CAAA,GAAA,CAAA;AAAA,MAChD,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,aAAe,EAAA,MAAA,CAAO,IAAI,CAAG,EAAA,YAAA,IAAgB,MAAO,CAAA,YAAY,CAAG,EAAA;AAAA,QAC5F,CAAC,MAAA,CAAO,SAAS,GAAG,CAAC,CAAC,QAAA;AAAA,QACtB,CAAC,MAAA,CAAO,YAAY,GAAG,CAAC,QAAA;AAAA,QACxB,CAAC,MAAO,CAAA,QAAQ,GAAG,mBAAA;AAAA,QACnB,CAAC,MAAO,CAAA,WAAW,GAAG,OAAA;AAAA,OACzB,CAAA;AAAA,MAED,+BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,OAAO,CACpC,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA,oBACI,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,KACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,UAAA,EAAW,qBAC3B,EAAA,QAAA,EACL,CACJ,EAAA,CAAA;AAAA,QAEH,aACG,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,OAAO,IACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAS,CAAuB,oBAAA,EAAA,YAAA,GAAe,MAAS,GAAA,OAAO,IAAI,CACtF,EAAA,CAAA;AAAA,QAEH,gBAAgB,CAAC,aAAA,yBACb,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,KAClB,EAAA,QAAA,EAAA;AAAA,UAAA,OAAA,CAAQ,MAAM,CAAG,EAAA,SAAS,CAAE,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACvC,YAAA,MAAM,IACF,GAAA,IAAA,KAAS,UACH,GAAA,QAAA,CAAS,IAAI,CAAA,EAAG,QAAS,CAAA,KAAK,CAC9B,GAAA,QAAA,CAAS,IAAI,CAAA,EAAG,UAAU,KAAK,CAAA,CAAA;AACzC,YAAA,2BACK,KAAe,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,CAAA,KAAA,EAAQ,IAAI,CAAE,CAAA,CAAA,EAC3C,QAAQ,EAAA,IAAA,oBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAA,EAAI,KADjD,IAEV,CAAA,CAAA;AAAA,WAEP,CAAA;AAAA,UACA,QAAQ,MAAS,GAAA,SAAA,oBACb,IAAA,CAAA,IAAA,EAAA,EAAK,YAAW,qBAAsB,EAAA,QAAA,EAAA;AAAA,YAAA,IAAA;AAAA,YAAG,QAAQ,MAAS,GAAA,SAAA;AAAA,WAAU,EAAA,CAAA;AAAA,SAE7E,EAAA,CAAA;AAAA,QAEH,OAAA,oBACI,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,QACpB,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,EAAA,EAAI,CACtB,EAAA,CAAA;AAAA,OAER,EAAA,CAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgB,WAAW,sBAAsB;;;;"}
package/icons.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BrandedButtonService, BrandedButtonMode } from '@hh.ru/magritte-ui-branded-button/types';
1
+ import { BrandedButtonService, BrandedButtonMode } from './types';
2
2
  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;
package/icons.js CHANGED
@@ -3,135 +3,135 @@ import { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/varian
3
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
- apple: {
7
- primary: {
8
- default: AppleBrandAltSize24,
9
- disabled: AppleSolidSize24,
10
- },
11
- secondary: {
12
- default: AppleBrandSize24,
13
- disabled: AppleSolidSize24,
14
- },
15
- tertiary: {
16
- default: AppleSolidSize24,
17
- disabled: AppleSolidSize24,
18
- },
19
- },
20
- vk: {
21
- primary: {
22
- default: VkSquareBrandAltSize24,
23
- disabled: VkSquareSolidSize24,
24
- },
25
- secondary: {
26
- default: VkSquareBrandSize24,
27
- disabled: VkSquareSolidSize24,
28
- },
29
- tertiary: {
30
- default: VkSquareSolidSize24,
31
- disabled: VkSquareSolidSize24,
32
- },
33
- },
34
- google: {
35
- primary: {
36
- default: GoogleBrandSize24,
37
- disabled: GoogleSolidSize24,
38
- },
39
- secondary: {
40
- default: GoogleBrandSize24,
41
- disabled: GoogleSolidSize24,
42
- },
43
- tertiary: {
44
- default: GoogleSolidSize24,
45
- disabled: GoogleSolidSize24,
46
- },
47
- },
48
- mail: {
49
- primary: {
50
- default: MailBrandAltSize24,
51
- disabled: MailSolidSize24,
52
- },
53
- secondary: {
54
- default: MailBrandSize24,
55
- disabled: MailSolidSize24,
56
- },
57
- tertiary: {
58
- default: MailSolidSize24,
59
- disabled: MailSolidSize24,
60
- },
61
- },
62
- ok: {
63
- primary: {
64
- default: OkBrandAltSize24,
65
- disabled: OkSolidSize24,
66
- },
67
- secondary: {
68
- default: OkBrandSize24,
69
- disabled: OkSolidSize24,
70
- },
71
- tertiary: {
72
- default: OkSolidSize24,
73
- disabled: OkSolidSize24,
74
- },
75
- },
76
- esia: {
77
- primary: {
78
- default: EsiaBrandAltSize24,
79
- disabled: EsiaSolidSize24,
80
- },
81
- secondary: {
82
- default: EsiaBrandSize24,
83
- disabled: EsiaSolidSize24,
84
- },
85
- tertiary: {
86
- default: EsiaSolidSize24,
87
- disabled: EsiaSolidSize24,
88
- },
89
- },
90
- 't-bank': {
91
- primary: {
92
- default: TinkoffIdBrandSize24,
93
- disabled: TinkoffIdSolidSize24,
94
- },
95
- secondary: {
96
- default: TinkoffIdBrandSize24,
97
- disabled: TinkoffIdSolidSize24,
98
- },
99
- tertiary: {
100
- default: TinkoffIdSolidSize24,
101
- disabled: TinkoffIdSolidSize24,
102
- },
103
- },
104
- yandex: {
105
- primary: {
106
- default: YandexBrandAltSize24,
107
- disabled: YandexSolidSize24,
108
- },
109
- secondary: {
110
- default: YandexBrandSize24,
111
- disabled: YandexSolidSize24,
112
- },
113
- tertiary: {
114
- default: YandexSolidSize24,
115
- disabled: YandexSolidSize24,
116
- },
6
+ apple: {
7
+ primary: {
8
+ default: AppleBrandAltSize24,
9
+ disabled: AppleSolidSize24
117
10
  },
11
+ secondary: {
12
+ default: AppleBrandSize24,
13
+ disabled: AppleSolidSize24
14
+ },
15
+ tertiary: {
16
+ default: AppleSolidSize24,
17
+ disabled: AppleSolidSize24
18
+ }
19
+ },
20
+ vk: {
21
+ primary: {
22
+ default: VkSquareBrandAltSize24,
23
+ disabled: VkSquareSolidSize24
24
+ },
25
+ secondary: {
26
+ default: VkSquareBrandSize24,
27
+ disabled: VkSquareSolidSize24
28
+ },
29
+ tertiary: {
30
+ default: VkSquareSolidSize24,
31
+ disabled: VkSquareSolidSize24
32
+ }
33
+ },
34
+ google: {
35
+ primary: {
36
+ default: GoogleBrandSize24,
37
+ disabled: GoogleSolidSize24
38
+ },
39
+ secondary: {
40
+ default: GoogleBrandSize24,
41
+ disabled: GoogleSolidSize24
42
+ },
43
+ tertiary: {
44
+ default: GoogleSolidSize24,
45
+ disabled: GoogleSolidSize24
46
+ }
47
+ },
48
+ mail: {
49
+ primary: {
50
+ default: MailBrandAltSize24,
51
+ disabled: MailSolidSize24
52
+ },
53
+ secondary: {
54
+ default: MailBrandSize24,
55
+ disabled: MailSolidSize24
56
+ },
57
+ tertiary: {
58
+ default: MailSolidSize24,
59
+ disabled: MailSolidSize24
60
+ }
61
+ },
62
+ ok: {
63
+ primary: {
64
+ default: OkBrandAltSize24,
65
+ disabled: OkSolidSize24
66
+ },
67
+ secondary: {
68
+ default: OkBrandSize24,
69
+ disabled: OkSolidSize24
70
+ },
71
+ tertiary: {
72
+ default: OkSolidSize24,
73
+ disabled: OkSolidSize24
74
+ }
75
+ },
76
+ esia: {
77
+ primary: {
78
+ default: EsiaBrandAltSize24,
79
+ disabled: EsiaSolidSize24
80
+ },
81
+ secondary: {
82
+ default: EsiaBrandSize24,
83
+ disabled: EsiaSolidSize24
84
+ },
85
+ tertiary: {
86
+ default: EsiaSolidSize24,
87
+ disabled: EsiaSolidSize24
88
+ }
89
+ },
90
+ "t-bank": {
91
+ primary: {
92
+ default: TinkoffIdBrandSize24,
93
+ disabled: TinkoffIdSolidSize24
94
+ },
95
+ secondary: {
96
+ default: TinkoffIdBrandSize24,
97
+ disabled: TinkoffIdSolidSize24
98
+ },
99
+ tertiary: {
100
+ default: TinkoffIdSolidSize24,
101
+ disabled: TinkoffIdSolidSize24
102
+ }
103
+ },
104
+ yandex: {
105
+ primary: {
106
+ default: YandexBrandAltSize24,
107
+ disabled: YandexSolidSize24
108
+ },
109
+ secondary: {
110
+ default: YandexBrandSize24,
111
+ disabled: YandexSolidSize24
112
+ },
113
+ tertiary: {
114
+ default: YandexSolidSize24,
115
+ disabled: YandexSolidSize24
116
+ }
117
+ }
118
118
  };
119
119
  const SERVICE_ONLY_ICON_MAP = {
120
- ...SERVICE_ICON_MAP,
121
- more: {
122
- primary: {
123
- default: EllipsisHorizontalOutlinedSize24,
124
- disabled: EllipsisHorizontalOutlinedSize24,
125
- },
126
- secondary: {
127
- default: EllipsisHorizontalOutlinedSize24,
128
- disabled: EllipsisHorizontalOutlinedSize24,
129
- },
130
- tertiary: {
131
- default: EllipsisHorizontalOutlinedSize24,
132
- disabled: EllipsisHorizontalOutlinedSize24,
133
- },
120
+ ...SERVICE_ICON_MAP,
121
+ more: {
122
+ primary: {
123
+ default: EllipsisHorizontalOutlinedSize24,
124
+ disabled: EllipsisHorizontalOutlinedSize24
125
+ },
126
+ secondary: {
127
+ default: EllipsisHorizontalOutlinedSize24,
128
+ disabled: EllipsisHorizontalOutlinedSize24
134
129
  },
130
+ tertiary: {
131
+ default: EllipsisHorizontalOutlinedSize24,
132
+ disabled: EllipsisHorizontalOutlinedSize24
133
+ }
134
+ }
135
135
  };
136
136
 
137
137
  export { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_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 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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"}
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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"}