@hh.ru/magritte-ui-branded-button 1.1.7

package/BrandedButton.d.ts

@@ -0,0 +1,3 @@
+import { ComponentWithCustomElement } from '@hh.ru/magritte-types';
+import { BrandedButtonProps } from './types';
+export declare const BrandedButton: ComponentWithCustomElement<BrandedButtonProps, "button">;

package/BrandedButton.js

@@ -0,0 +1,48 @@
+import './index.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP } from './icons.js';
+import { Text } from '@hh.ru/magritte-ui-typography';
+import '@hh.ru/magritte-ui-icon/variants/icon';
+import '@hh.ru/magritte-ui-icon/variants/service';
+
+var styles = {"branded-button":"magritte-branded-button___1S-6h_1-1-7","brandedButton":"magritte-branded-button___1S-6h_1-1-7","with-label":"magritte-with-label___Dk5zY_1-1-7","withLabel":"magritte-with-label___Dk5zY_1-1-7","large":"magritte-large___fhHp1_1-1-7","medium":"magritte-medium___acdMN_1-1-7","content":"magritte-content___KCvC7_1-1-7","icons":"magritte-icons___w0xoV_1-1-7","apple-primary":"magritte-apple-primary___JRlQ6_1-1-7","applePrimary":"magritte-apple-primary___JRlQ6_1-1-7","disabled":"magritte-disabled___jnf8q_1-1-7","vk-primary":"magritte-vk-primary___Yb3pK_1-1-7","vkPrimary":"magritte-vk-primary___Yb3pK_1-1-7","mail-primary":"magritte-mail-primary___-L14-_1-1-7","mailPrimary":"magritte-mail-primary___-L14-_1-1-7","ok-primary":"magritte-ok-primary___C1FPr_1-1-7","okPrimary":"magritte-ok-primary___C1FPr_1-1-7","google-primary":"magritte-google-primary___aFVAZ_1-1-7","googlePrimary":"magritte-google-primary___aFVAZ_1-1-7","esia-primary":"magritte-esia-primary___tVRSb_1-1-7","esiaPrimary":"magritte-esia-primary___tVRSb_1-1-7","tinkoff-primary":"magritte-tinkoff-primary___N-25n_1-1-7","tinkoffPrimary":"magritte-tinkoff-primary___N-25n_1-1-7","yandex-primary":"magritte-yandex-primary___-7Uln_1-1-7","yandexPrimary":"magritte-yandex-primary___-7Uln_1-1-7","more-primary":"magritte-more-primary___KWZtF_1-1-7","morePrimary":"magritte-more-primary___KWZtF_1-1-7","apple-secondary":"magritte-apple-secondary___hGF96_1-1-7","appleSecondary":"magritte-apple-secondary___hGF96_1-1-7","vk-secondary":"magritte-vk-secondary___QtaCT_1-1-7","vkSecondary":"magritte-vk-secondary___QtaCT_1-1-7","mail-secondary":"magritte-mail-secondary___3UqUc_1-1-7","mailSecondary":"magritte-mail-secondary___3UqUc_1-1-7","ok-secondary":"magritte-ok-secondary___vnWnt_1-1-7","okSecondary":"magritte-ok-secondary___vnWnt_1-1-7","google-secondary":"magritte-google-secondary___xz82D_1-1-7","googleSecondary":"magritte-google-secondary___xz82D_1-1-7","esia-secondary":"magritte-esia-secondary___fpaCK_1-1-7","esiaSecondary":"magritte-esia-secondary___fpaCK_1-1-7","tinkoff-secondary":"magritte-tinkoff-secondary___mSvD7_1-1-7","tinkoffSecondary":"magritte-tinkoff-secondary___mSvD7_1-1-7","yandex-secondary":"magritte-yandex-secondary___8lFGz_1-1-7","yandexSecondary":"magritte-yandex-secondary___8lFGz_1-1-7","more-secondary":"magritte-more-secondary___ZC-AL_1-1-7","moreSecondary":"magritte-more-secondary___ZC-AL_1-1-7","apple-tertiary":"magritte-apple-tertiary___Ibvcd_1-1-7","appleTertiary":"magritte-apple-tertiary___Ibvcd_1-1-7","vk-tertiary":"magritte-vk-tertiary___V2CIc_1-1-7","vkTertiary":"magritte-vk-tertiary___V2CIc_1-1-7","mail-tertiary":"magritte-mail-tertiary___WJxIx_1-1-7","mailTertiary":"magritte-mail-tertiary___WJxIx_1-1-7","ok-tertiary":"magritte-ok-tertiary___aOdxp_1-1-7","okTertiary":"magritte-ok-tertiary___aOdxp_1-1-7","google-tertiary":"magritte-google-tertiary___LGKec_1-1-7","googleTertiary":"magritte-google-tertiary___LGKec_1-1-7","esia-tertiary":"magritte-esia-tertiary___IU16g_1-1-7","esiaTertiary":"magritte-esia-tertiary___IU16g_1-1-7","tinkoff-tertiary":"magritte-tinkoff-tertiary___eCe-N_1-1-7","tinkoffTertiary":"magritte-tinkoff-tertiary___eCe-N_1-1-7","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_1-1-7","yandexTertiary":"magritte-yandex-tertiary___VLvi4_1-1-7","more-tertiary":"magritte-more-tertiary___fv4ob_1-1-7","moreTertiary":"magritte-more-tertiary___fv4ob_1-1-7","icon-apple":"magritte-icon-apple___GNkzh_1-1-7","iconApple":"magritte-icon-apple___GNkzh_1-1-7","icon-vk":"magritte-icon-vk___ZYtqi_1-1-7","iconVk":"magritte-icon-vk___ZYtqi_1-1-7","icon-mail":"magritte-icon-mail___llrks_1-1-7","iconMail":"magritte-icon-mail___llrks_1-1-7","icon-ok":"magritte-icon-ok___46dW7_1-1-7","iconOk":"magritte-icon-ok___46dW7_1-1-7","icon-google":"magritte-icon-google___IMAFR_1-1-7","iconGoogle":"magritte-icon-google___IMAFR_1-1-7","icon-esia":"magritte-icon-esia___dDBGo_1-1-7","iconEsia":"magritte-icon-esia___dDBGo_1-1-7","icon-tinkoff":"magritte-icon-tinkoff___d4LZ9_1-1-7","iconTinkoff":"magritte-icon-tinkoff___d4LZ9_1-1-7","icon-yandex":"magritte-icon-yandex___fe4ig_1-1-7","iconYandex":"magritte-icon-yandex___fe4ig_1-1-7"};
+
+const ICONS_MAX = 2;
+const BrandedButtonComponent = ({ Element = 'button', service: _service, size = 'medium', mode = 'primary', 'data-qa': dataQa = 'branded-button', disabled, children, ...restProps }, ref) => {
+    const ICON_MAP = children ? SERVICE_ICON_MAP : SERVICE_ONLY_ICON_MAP;
+    const service = Array.isArray(_service) && _service.length === 1 ? _service[0] : _service;
+    const isMoreButton = Array.isArray(service);
+    const forceDisabled = useDisabled();
+    const isComponentDisabled = disabled || forceDisabled;
+    const state = isComponentDisabled ? 'disabled' : 'default';
+    const IconComponent = isMoreButton ? ICON_MAP.more?.[mode][state] : ICON_MAP[service]?.[mode][state];
+    const serviceClass = (isMoreButton ? `more-${mode}` : `${service}-${mode}`);
+    const additionalAttributes = {
+        'data-qa': dataQa,
+    };
+    if (Element === 'button') {
+        additionalAttributes.type = 'button';
+    }
+    else {
+        additionalAttributes.tabIndex = isComponentDisabled ? -1 : 0;
+    }
+    if (ref) {
+        additionalAttributes.ref = ref;
+    }
+    return (jsx(Element, { ...additionalAttributes, ...restProps, disabled: isComponentDisabled, className: classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {
+            [styles.withLabel]: !!children,
+            [styles.disabled]: isComponentDisabled,
+        }), children: jsxs("div", { className: classnames(styles.content), children: [children && jsx(Text, { typography: "subtitle-1-semibold", children: children }), IconComponent && 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) => {
+                            const Icon = mode === 'tertiary'
+                                ? ICON_MAP[item]?.tertiary[state]
+                                : ICON_MAP[item]?.secondary[state];
+                            return (jsx("div", { className: styles[`icon-${item}`], children: Icon && jsx(Icon, { "data-qa": `branded-button-icon-${item}` }) }, item));
+                        }), service.length > ICONS_MAX && (jsxs(Text, { typography: "subtitle-1-semibold", children: ["+ ", service.length - ICONS_MAX] }))] }))] }) }));
+};
+const BrandedButton = forwardRef(BrandedButtonComponent);
+
+export { BrandedButton };
+//# sourceMappingURL=BrandedButton.js.map

package/BrandedButton.js.map

@@ -0,0 +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 { ComponentWithCustomElement, ForwardRefRenderFuncWithCustomElement } from '@hh.ru/magritte-types';\nimport { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP } from '@hh.ru/magritte-ui-branded-button/icons';\nimport { BrandedButtonProps } from '@hh.ru/magritte-ui-branded-button/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './branded-button.less';\n\nconst ICONS_MAX = 2;\n\nconst BrandedButtonComponent: ForwardRefRenderFuncWithCustomElement<BrandedButtonProps, 'button'> = (\n    {\n        Element = 'button',\n        service: _service,\n        size = 'medium',\n        mode = 'primary',\n        'data-qa': dataQa = 'branded-button',\n        disabled,\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    } else {\n        additionalAttributes.tabIndex = isComponentDisabled ? -1 : 0;\n    }\n\n    if (ref) {\n        additionalAttributes.ref = ref;\n    }\n\n    return (\n        <Element\n            {...additionalAttributes}\n            {...restProps}\n            disabled={isComponentDisabled}\n            className={classnames(styles.brandedButton, styles[size], serviceClass && styles[serviceClass], {\n                [styles.withLabel]: !!children,\n                [styles.disabled]: isComponentDisabled,\n            })}\n        >\n            <div className={classnames(styles.content)}>\n                {children && <Text typography=\"subtitle-1-semibold\">{children}</Text>}\n                {IconComponent && <IconComponent data-qa={`branded-button-icon-${isMoreButton ? 'more' : service}`} />}\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            </div>\n        </Element>\n    );\n};\n\nexport const BrandedButton = forwardRef(BrandedButtonComponent) as ComponentWithCustomElement<\n    BrandedButtonProps,\n    'button'\n>;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/icons.d.ts

@@ -0,0 +1,6 @@
+import { BrandedButtonService, BrandedButtonMode } from './types';
+import { AppleBrandAltSize24 } from '@hh.ru/magritte-ui-icon/variants/service';
+type Map = Partial<Record<BrandedButtonService | 'more', Record<BrandedButtonMode, Record<'default' | 'disabled', typeof AppleBrandAltSize24>>>>;
+export declare const SERVICE_ICON_MAP: Map;
+export declare const SERVICE_ONLY_ICON_MAP: Map;
+export {};

package/icons.js

@@ -0,0 +1,152 @@
+import './index.css';
+import { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';
+import { AppleBrandAltSize24, AppleGrayscaleSize24, AppleBrandSize24, AppleSolidSize24, VkBrandAltSize24, VkGrayscaleSize24, VkBrandSize24, VkSolidSize24, GoogleBrandSize24, GoogleGrayscaleSize24, GoogleSolidSize24, MailBrandAltSize24, MailGrayscaleSize24, MailBrandSize24, MailSolidSize24, OkBrandAltSize24, OkGrayscaleSize24, OkBrandSize24, OkSolidSize24, EsiaBrandAltSize24, EsiaGrayscaleSize24, EsiaBrandSize24, EsiaSolidSize24, TinkoffIdBrandSize24, TinkoffIdGrayscaleSize24, TinkoffIdSolidSize24, YandexBrandAltSize24, YandexGrayscaleSize24, YandexBrandSize24, YandexSolidSize24, TinkoffBrandAltSize24, TinkoffGrayscaleSize24, TinkoffBrandSize24, TinkoffSolidSize24 } from '@hh.ru/magritte-ui-icon/variants/service';
+
+const SERVICE_ICON_MAP = {
+    apple: {
+        primary: {
+            default: AppleBrandAltSize24,
+            disabled: AppleGrayscaleSize24,
+        },
+        secondary: {
+            default: AppleBrandSize24,
+            disabled: AppleGrayscaleSize24,
+        },
+        tertiary: {
+            default: AppleSolidSize24,
+            disabled: AppleSolidSize24,
+        },
+    },
+    vk: {
+        primary: {
+            default: VkBrandAltSize24,
+            disabled: VkGrayscaleSize24,
+        },
+        secondary: {
+            default: VkBrandSize24,
+            disabled: VkGrayscaleSize24,
+        },
+        tertiary: {
+            default: VkSolidSize24,
+            disabled: VkSolidSize24,
+        },
+    },
+    google: {
+        primary: {
+            default: GoogleBrandSize24,
+            disabled: GoogleGrayscaleSize24,
+        },
+        secondary: {
+            default: GoogleBrandSize24,
+            disabled: GoogleGrayscaleSize24,
+        },
+        tertiary: {
+            default: GoogleSolidSize24,
+            disabled: GoogleSolidSize24,
+        },
+    },
+    mail: {
+        primary: {
+            default: MailBrandAltSize24,
+            disabled: MailGrayscaleSize24,
+        },
+        secondary: {
+            default: MailBrandSize24,
+            disabled: MailGrayscaleSize24,
+        },
+        tertiary: {
+            default: MailSolidSize24,
+            disabled: MailSolidSize24,
+        },
+    },
+    ok: {
+        primary: {
+            default: OkBrandAltSize24,
+            disabled: OkGrayscaleSize24,
+        },
+        secondary: {
+            default: OkBrandSize24,
+            disabled: OkGrayscaleSize24,
+        },
+        tertiary: {
+            default: OkSolidSize24,
+            disabled: OkSolidSize24,
+        },
+    },
+    esia: {
+        primary: {
+            default: EsiaBrandAltSize24,
+            disabled: EsiaGrayscaleSize24,
+        },
+        secondary: {
+            default: EsiaBrandSize24,
+            disabled: EsiaGrayscaleSize24,
+        },
+        tertiary: {
+            default: EsiaSolidSize24,
+            disabled: EsiaSolidSize24,
+        },
+    },
+    tinkoff: {
+        primary: {
+            default: TinkoffIdBrandSize24,
+            disabled: TinkoffIdGrayscaleSize24,
+        },
+        secondary: {
+            default: TinkoffIdBrandSize24,
+            disabled: TinkoffIdGrayscaleSize24,
+        },
+        tertiary: {
+            default: TinkoffIdSolidSize24,
+            disabled: TinkoffIdSolidSize24,
+        },
+    },
+    yandex: {
+        primary: {
+            default: YandexBrandAltSize24,
+            disabled: YandexGrayscaleSize24,
+        },
+        secondary: {
+            default: YandexBrandSize24,
+            disabled: YandexGrayscaleSize24,
+        },
+        tertiary: {
+            default: YandexSolidSize24,
+            disabled: YandexSolidSize24,
+        },
+    },
+};
+const SERVICE_ONLY_ICON_MAP = {
+    ...SERVICE_ICON_MAP,
+    tinkoff: {
+        primary: {
+            default: TinkoffBrandAltSize24,
+            disabled: TinkoffGrayscaleSize24,
+        },
+        secondary: {
+            default: TinkoffBrandSize24,
+            disabled: TinkoffGrayscaleSize24,
+        },
+        tertiary: {
+            default: TinkoffSolidSize24,
+            disabled: TinkoffSolidSize24,
+        },
+    },
+    more: {
+        primary: {
+            default: EllipsisHorizontalOutlinedSize24,
+            disabled: EllipsisHorizontalOutlinedSize24,
+        },
+        secondary: {
+            default: EllipsisHorizontalOutlinedSize24,
+            disabled: EllipsisHorizontalOutlinedSize24,
+        },
+        tertiary: {
+            default: EllipsisHorizontalOutlinedSize24,
+            disabled: EllipsisHorizontalOutlinedSize24,
+        },
+    },
+};
+
+export { SERVICE_ICON_MAP, SERVICE_ONLY_ICON_MAP };
+//# sourceMappingURL=icons.js.map

package/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../src/icons.tsx"],"sourcesContent":["import { BrandedButtonService, BrandedButtonMode } from '@hh.ru/magritte-ui-branded-button/types';\nimport { EllipsisHorizontalOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\nimport {\n    AppleBrandAltSize24,\n    AppleGrayscaleSize24,\n    AppleBrandSize24,\n    AppleSolidSize24,\n    VkBrandAltSize24,\n    VkGrayscaleSize24,\n    VkBrandSize24,\n    VkSolidSize24,\n    GoogleBrandSize24,\n    GoogleGrayscaleSize24,\n    GoogleSolidSize24,\n    MailBrandAltSize24,\n    MailBrandSize24,\n    MailGrayscaleSize24,\n    MailSolidSize24,\n    OkBrandAltSize24,\n    OkBrandSize24,\n    OkGrayscaleSize24,\n    OkSolidSize24,\n    EsiaBrandAltSize24,\n    EsiaBrandSize24,\n    EsiaGrayscaleSize24,\n    EsiaSolidSize24,\n    TinkoffIdBrandSize24,\n    TinkoffIdGrayscaleSize24,\n    TinkoffIdSolidSize24,\n    YandexBrandAltSize24,\n    YandexBrandSize24,\n    YandexSolidSize24,\n    YandexGrayscaleSize24,\n    TinkoffBrandAltSize24,\n    TinkoffGrayscaleSize24,\n    TinkoffBrandSize24,\n    TinkoffSolidSize24,\n} from '@hh.ru/magritte-ui-icon/variants/service';\n\ntype Map = Partial<\n    Record<\n        BrandedButtonService | 'more',\n        Record<BrandedButtonMode, Record<'default' | 'disabled', typeof AppleBrandAltSize24>>\n    >\n>;\n\nexport const SERVICE_ICON_MAP: Map = {\n    apple: {\n        primary: {\n            default: AppleBrandAltSize24,\n            disabled: AppleGrayscaleSize24,\n        },\n        secondary: {\n            default: AppleBrandSize24,\n            disabled: AppleGrayscaleSize24,\n        },\n        tertiary: {\n            default: AppleSolidSize24,\n            disabled: AppleSolidSize24,\n        },\n    },\n    vk: {\n        primary: {\n            default: VkBrandAltSize24,\n            disabled: VkGrayscaleSize24,\n        },\n        secondary: {\n            default: VkBrandSize24,\n            disabled: VkGrayscaleSize24,\n        },\n        tertiary: {\n            default: VkSolidSize24,\n            disabled: VkSolidSize24,\n        },\n    },\n    google: {\n        primary: {\n            default: GoogleBrandSize24,\n            disabled: GoogleGrayscaleSize24,\n        },\n        secondary: {\n            default: GoogleBrandSize24,\n            disabled: GoogleGrayscaleSize24,\n        },\n        tertiary: {\n            default: GoogleSolidSize24,\n            disabled: GoogleSolidSize24,\n        },\n    },\n    mail: {\n        primary: {\n            default: MailBrandAltSize24,\n            disabled: MailGrayscaleSize24,\n        },\n        secondary: {\n            default: MailBrandSize24,\n            disabled: MailGrayscaleSize24,\n        },\n        tertiary: {\n            default: MailSolidSize24,\n            disabled: MailSolidSize24,\n        },\n    },\n    ok: {\n        primary: {\n            default: OkBrandAltSize24,\n            disabled: OkGrayscaleSize24,\n        },\n        secondary: {\n            default: OkBrandSize24,\n            disabled: OkGrayscaleSize24,\n        },\n        tertiary: {\n            default: OkSolidSize24,\n            disabled: OkSolidSize24,\n        },\n    },\n    esia: {\n        primary: {\n            default: EsiaBrandAltSize24,\n            disabled: EsiaGrayscaleSize24,\n        },\n        secondary: {\n            default: EsiaBrandSize24,\n            disabled: EsiaGrayscaleSize24,\n        },\n        tertiary: {\n            default: EsiaSolidSize24,\n            disabled: EsiaSolidSize24,\n        },\n    },\n    tinkoff: {\n        primary: {\n            default: TinkoffIdBrandSize24,\n            disabled: TinkoffIdGrayscaleSize24,\n        },\n        secondary: {\n            default: TinkoffIdBrandSize24,\n            disabled: TinkoffIdGrayscaleSize24,\n        },\n        tertiary: {\n            default: TinkoffIdSolidSize24,\n            disabled: TinkoffIdSolidSize24,\n        },\n    },\n    yandex: {\n        primary: {\n            default: YandexBrandAltSize24,\n            disabled: YandexGrayscaleSize24,\n        },\n        secondary: {\n            default: YandexBrandSize24,\n            disabled: YandexGrayscaleSize24,\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    tinkoff: {\n        primary: {\n            default: TinkoffBrandAltSize24,\n            disabled: TinkoffGrayscaleSize24,\n        },\n        secondary: {\n            default: TinkoffBrandSize24,\n            disabled: TinkoffGrayscaleSize24,\n        },\n        tertiary: {\n            default: TinkoffSolidSize24,\n            disabled: TinkoffSolidSize24,\n        },\n    },\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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"}