@hh.ru/magritte-ui-branded-button 2.2.5 → 2.2.7

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 CHANGED
@@ -9,7 +9,7 @@ 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-2-5","brandedButton":"magritte-branded-button___1S-6h_2-2-5","with-label":"magritte-with-label___Dk5zY_2-2-5","withLabel":"magritte-with-label___Dk5zY_2-2-5","large":"magritte-large___fhHp1_2-2-5","with-loading":"magritte-with-loading___ZAtEE_2-2-5","withLoading":"magritte-with-loading___ZAtEE_2-2-5","label":"magritte-label___5wD1u_2-2-5","icon":"magritte-icon___Jrf4s_2-2-5","icons":"magritte-icons___w0xoV_2-2-5","medium":"magritte-medium___acdMN_2-2-5","content":"magritte-content___KCvC7_2-2-5","loader":"magritte-loader___1fu4H_2-2-5","apple-primary":"magritte-apple-primary___JRlQ6_2-2-5","applePrimary":"magritte-apple-primary___JRlQ6_2-2-5","disabled":"magritte-disabled___jnf8q_2-2-5","vk-primary":"magritte-vk-primary___Yb3pK_2-2-5","vkPrimary":"magritte-vk-primary___Yb3pK_2-2-5","mail-primary":"magritte-mail-primary___-L14-_2-2-5","mailPrimary":"magritte-mail-primary___-L14-_2-2-5","ok-primary":"magritte-ok-primary___C1FPr_2-2-5","okPrimary":"magritte-ok-primary___C1FPr_2-2-5","google-primary":"magritte-google-primary___aFVAZ_2-2-5","googlePrimary":"magritte-google-primary___aFVAZ_2-2-5","esia-primary":"magritte-esia-primary___tVRSb_2-2-5","esiaPrimary":"magritte-esia-primary___tVRSb_2-2-5","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-2-5","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-2-5","yandex-primary":"magritte-yandex-primary___-7Uln_2-2-5","yandexPrimary":"magritte-yandex-primary___-7Uln_2-2-5","more-primary":"magritte-more-primary___KWZtF_2-2-5","morePrimary":"magritte-more-primary___KWZtF_2-2-5","icon-apple":"magritte-icon-apple___GNkzh_2-2-5","iconApple":"magritte-icon-apple___GNkzh_2-2-5","icon-vk":"magritte-icon-vk___ZYtqi_2-2-5","iconVk":"magritte-icon-vk___ZYtqi_2-2-5","icon-mail":"magritte-icon-mail___llrks_2-2-5","iconMail":"magritte-icon-mail___llrks_2-2-5","icon-ok":"magritte-icon-ok___46dW7_2-2-5","iconOk":"magritte-icon-ok___46dW7_2-2-5","icon-google":"magritte-icon-google___IMAFR_2-2-5","iconGoogle":"magritte-icon-google___IMAFR_2-2-5","icon-esia":"magritte-icon-esia___dDBGo_2-2-5","iconEsia":"magritte-icon-esia___dDBGo_2-2-5","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-2-5","iconTBank":"magritte-icon-t-bank___Dx2fC_2-2-5","icon-yandex":"magritte-icon-yandex___fe4ig_2-2-5","iconYandex":"magritte-icon-yandex___fe4ig_2-2-5","icon-more":"magritte-icon-more___h5vmK_2-2-5","iconMore":"magritte-icon-more___h5vmK_2-2-5","apple-secondary":"magritte-apple-secondary___hGF96_2-2-5","appleSecondary":"magritte-apple-secondary___hGF96_2-2-5","vk-secondary":"magritte-vk-secondary___QtaCT_2-2-5","vkSecondary":"magritte-vk-secondary___QtaCT_2-2-5","mail-secondary":"magritte-mail-secondary___3UqUc_2-2-5","mailSecondary":"magritte-mail-secondary___3UqUc_2-2-5","ok-secondary":"magritte-ok-secondary___vnWnt_2-2-5","okSecondary":"magritte-ok-secondary___vnWnt_2-2-5","google-secondary":"magritte-google-secondary___xz82D_2-2-5","googleSecondary":"magritte-google-secondary___xz82D_2-2-5","esia-secondary":"magritte-esia-secondary___fpaCK_2-2-5","esiaSecondary":"magritte-esia-secondary___fpaCK_2-2-5","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-2-5","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-2-5","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-2-5","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-2-5","more-secondary":"magritte-more-secondary___ZC-AL_2-2-5","moreSecondary":"magritte-more-secondary___ZC-AL_2-2-5","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-2-5","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-2-5","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-2-5","vkTertiary":"magritte-vk-tertiary___V2CIc_2-2-5","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-2-5","mailTertiary":"magritte-mail-tertiary___WJxIx_2-2-5","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-2-5","okTertiary":"magritte-ok-tertiary___aOdxp_2-2-5","google-tertiary":"magritte-google-tertiary___LGKec_2-2-5","googleTertiary":"magritte-google-tertiary___LGKec_2-2-5","esia-tertiary":"magritte-esia-tertiary___IU16g_2-2-5","esiaTertiary":"magritte-esia-tertiary___IU16g_2-2-5","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-2-5","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-2-5","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-2-5","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-2-5","more-tertiary":"magritte-more-tertiary___fv4ob_2-2-5","moreTertiary":"magritte-more-tertiary___fv4ob_2-2-5"};
12
+ var styles = {"branded-button":"magritte-branded-button___1S-6h_2-2-7","brandedButton":"magritte-branded-button___1S-6h_2-2-7","with-label":"magritte-with-label___Dk5zY_2-2-7","withLabel":"magritte-with-label___Dk5zY_2-2-7","large":"magritte-large___fhHp1_2-2-7","with-loading":"magritte-with-loading___ZAtEE_2-2-7","withLoading":"magritte-with-loading___ZAtEE_2-2-7","label":"magritte-label___5wD1u_2-2-7","icon":"magritte-icon___Jrf4s_2-2-7","icons":"magritte-icons___w0xoV_2-2-7","medium":"magritte-medium___acdMN_2-2-7","content":"magritte-content___KCvC7_2-2-7","loader":"magritte-loader___1fu4H_2-2-7","apple-primary":"magritte-apple-primary___JRlQ6_2-2-7","applePrimary":"magritte-apple-primary___JRlQ6_2-2-7","disabled":"magritte-disabled___jnf8q_2-2-7","vk-primary":"magritte-vk-primary___Yb3pK_2-2-7","vkPrimary":"magritte-vk-primary___Yb3pK_2-2-7","mail-primary":"magritte-mail-primary___-L14-_2-2-7","mailPrimary":"magritte-mail-primary___-L14-_2-2-7","ok-primary":"magritte-ok-primary___C1FPr_2-2-7","okPrimary":"magritte-ok-primary___C1FPr_2-2-7","google-primary":"magritte-google-primary___aFVAZ_2-2-7","googlePrimary":"magritte-google-primary___aFVAZ_2-2-7","esia-primary":"magritte-esia-primary___tVRSb_2-2-7","esiaPrimary":"magritte-esia-primary___tVRSb_2-2-7","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-2-7","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-2-7","yandex-primary":"magritte-yandex-primary___-7Uln_2-2-7","yandexPrimary":"magritte-yandex-primary___-7Uln_2-2-7","more-primary":"magritte-more-primary___KWZtF_2-2-7","morePrimary":"magritte-more-primary___KWZtF_2-2-7","icon-apple":"magritte-icon-apple___GNkzh_2-2-7","iconApple":"magritte-icon-apple___GNkzh_2-2-7","icon-vk":"magritte-icon-vk___ZYtqi_2-2-7","iconVk":"magritte-icon-vk___ZYtqi_2-2-7","icon-mail":"magritte-icon-mail___llrks_2-2-7","iconMail":"magritte-icon-mail___llrks_2-2-7","icon-ok":"magritte-icon-ok___46dW7_2-2-7","iconOk":"magritte-icon-ok___46dW7_2-2-7","icon-google":"magritte-icon-google___IMAFR_2-2-7","iconGoogle":"magritte-icon-google___IMAFR_2-2-7","icon-esia":"magritte-icon-esia___dDBGo_2-2-7","iconEsia":"magritte-icon-esia___dDBGo_2-2-7","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-2-7","iconTBank":"magritte-icon-t-bank___Dx2fC_2-2-7","icon-yandex":"magritte-icon-yandex___fe4ig_2-2-7","iconYandex":"magritte-icon-yandex___fe4ig_2-2-7","icon-more":"magritte-icon-more___h5vmK_2-2-7","iconMore":"magritte-icon-more___h5vmK_2-2-7","apple-secondary":"magritte-apple-secondary___hGF96_2-2-7","appleSecondary":"magritte-apple-secondary___hGF96_2-2-7","vk-secondary":"magritte-vk-secondary___QtaCT_2-2-7","vkSecondary":"magritte-vk-secondary___QtaCT_2-2-7","mail-secondary":"magritte-mail-secondary___3UqUc_2-2-7","mailSecondary":"magritte-mail-secondary___3UqUc_2-2-7","ok-secondary":"magritte-ok-secondary___vnWnt_2-2-7","okSecondary":"magritte-ok-secondary___vnWnt_2-2-7","google-secondary":"magritte-google-secondary___xz82D_2-2-7","googleSecondary":"magritte-google-secondary___xz82D_2-2-7","esia-secondary":"magritte-esia-secondary___fpaCK_2-2-7","esiaSecondary":"magritte-esia-secondary___fpaCK_2-2-7","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-2-7","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-2-7","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-2-7","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-2-7","more-secondary":"magritte-more-secondary___ZC-AL_2-2-7","moreSecondary":"magritte-more-secondary___ZC-AL_2-2-7","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-2-7","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-2-7","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-2-7","vkTertiary":"magritte-vk-tertiary___V2CIc_2-2-7","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-2-7","mailTertiary":"magritte-mail-tertiary___WJxIx_2-2-7","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-2-7","okTertiary":"magritte-ok-tertiary___aOdxp_2-2-7","google-tertiary":"magritte-google-tertiary___LGKec_2-2-7","googleTertiary":"magritte-google-tertiary___LGKec_2-2-7","esia-tertiary":"magritte-esia-tertiary___IU16g_2-2-7","esiaTertiary":"magritte-esia-tertiary___IU16g_2-2-7","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-2-7","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-2-7","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-2-7","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-2-7","more-tertiary":"magritte-more-tertiary___fv4ob_2-2-7","moreTertiary":"magritte-more-tertiary___fv4ob_2-2-7"};
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) => {
@@ -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 {\n SERVICE_ICON_MAP,\n SERVICE_ONLY_ICON_MAP,\n VK_ICON_MAP_IN_MORE_BUTTON,\n} 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.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 /* eslint-disable no-nested-ternary */\n const Icon =\n item === 'vk'\n ? VK_ICON_MAP_IN_MORE_BUTTON[mode][state]\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 {\n SERVICE_ICON_MAP,\n SERVICE_ONLY_ICON_MAP,\n VK_ICON_MAP_IN_MORE_BUTTON,\n} 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.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 /* eslint-disable no-nested-ternary */\n const Icon =\n item === 'vk'\n ? VK_ICON_MAP_IN_MORE_BUTTON[mode][state]\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":";;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,sBAAsB,GAAkE,CAC1F,EACI,OAAO,GAAG,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,SAAS,EAAE,MAAM,GAAG,gBAAgB,EACpC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,qBAAqB,CAAC;IACrE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;IAC1F,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,mBAAmB,GAAG,QAAQ,IAAI,aAAa,CAAC;IACtD,MAAM,KAAK,GAAG,mBAAmB,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,IAAA,MAAM,aAAa,GAAG,YAAY,GAAG,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AACrG,IAAA,MAAM,YAAY,IAAI,YAAY,GAAG,CAAQ,KAAA,EAAA,IAAI,EAAE,GAAG,CAAG,EAAA,OAAO,IAAI,IAAI,CAAA,CAAE,CAAwB,CAAC;AACnG,IAAA,MAAM,oBAAoB,GAA4B;AAClD,QAAA,SAAS,EAAE,MAAM;KACpB,CAAC;AAEF,IAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;AACtB,QAAA,oBAAoB,CAAC,IAAI,GAAG,QAAQ,CAAC;KACxC;IAED,IAAI,GAAG,EAAE;AACL,QAAA,oBAAoB,CAAC,GAAG,GAAG,GAAG,CAAC;KAClC;IAED,QACIA,IAAC,OAAO,EAAA,EAAA,GACA,oBAAoB,EACpB,GAAA,SAAS,EACb,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,mBAAmB,IAAI,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,EACjD,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE;AAC5F,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ;AAC9B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,mBAAmB;AACtC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,OAAO;SAChC,CAAC,EAAA,QAAA,EAEFC,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,aACrC,QAAQ,KACLD,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EACzB,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,qBAAqB,YAChD,QAAQ,EAAA,CACN,GACJ,CACV,EACA,aAAa,KACVA,cAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YACxBA,GAAC,CAAA,aAAa,eAAU,CAAuB,oBAAA,EAAA,YAAY,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,GAAI,EACjF,CAAA,CACV,EACA,YAAY,IAAI,CAAC,aAAa,KAC3BC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,QAAA,EAAA,CAAA,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;;AAEtC,4BAAA,MAAM,IAAI,GACN,IAAI,KAAK,IAAI;AACT,kCAAE,0BAA0B,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;kCACvC,IAAI,KAAK,UAAU;sCACjB,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;sCAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;4BAC7C,QACID,GAAgB,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EAC5C,QAAA,EAAA,IAAI,IAAIA,GAAC,CAAA,IAAI,EAAU,EAAA,SAAA,EAAA,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAE,GAAI,EADnD,EAAA,IAAI,CAER,EACR;yBACL,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,SAAS,KACvBC,IAAC,CAAA,IAAI,IAAC,UAAU,EAAC,qBAAqB,EAAI,QAAA,EAAA,CAAA,IAAA,EAAA,OAAO,CAAC,MAAM,GAAG,SAAS,CAAA,EAAA,CAAQ,CAC/E,CAAA,EAAA,CACC,CACT,EACA,OAAO,KACJD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAC1B,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAE,EAAE,EAAA,CAAI,GACjB,CACV,CAAA,EAAA,CACC,EACA,CAAA,EACZ;AACN,CAAC,CAAC;MAEW,aAAa,GAAG,UAAU,CAAC,sBAAsB;;;;"}
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 AppleGrayscaleSize24,\n AppleBrandSize24,\n AppleSolidSize24,\n VkSquareBrandAltSize24,\n VkGrayscaleSize24,\n VkBrandSize24,\n VkSolidSize24,\n VkSquareGrayscaleSize24,\n GoogleBrandSize24,\n GoogleGrayscaleSize24,\n GoogleSolidSize24,\n MailBrandAltSize24,\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 VkSquareSolidSize24,\n VkSquareBrandSize24,\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: 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: VkSquareBrandAltSize24,\n disabled: VkGrayscaleSize24,\n },\n secondary: {\n default: VkBrandSize24,\n disabled: VkSquareGrayscaleSize24,\n },\n tertiary: {\n default: VkSolidSize24,\n disabled: VkSquareSolidSize24,\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: MailSolidSize24,\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 't-bank': {\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 't-bank': {\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\nexport const VK_ICON_MAP_IN_MORE_BUTTON = {\n primary: { default: VkSquareBrandSize24, disabled: VkGrayscaleSize24 },\n secondary: { default: VkSquareBrandSize24, disabled: VkSquareGrayscaleSize24 },\n tertiary: { default: VkSolidSize24, disabled: VkSquareSolidSize24 },\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 AppleGrayscaleSize24,\n AppleBrandSize24,\n AppleSolidSize24,\n VkSquareBrandAltSize24,\n VkGrayscaleSize24,\n VkBrandSize24,\n VkSolidSize24,\n VkSquareGrayscaleSize24,\n GoogleBrandSize24,\n GoogleGrayscaleSize24,\n GoogleSolidSize24,\n MailBrandAltSize24,\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 VkSquareSolidSize24,\n VkSquareBrandSize24,\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: 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: VkSquareBrandAltSize24,\n disabled: VkGrayscaleSize24,\n },\n secondary: {\n default: VkBrandSize24,\n disabled: VkSquareGrayscaleSize24,\n },\n tertiary: {\n default: VkSolidSize24,\n disabled: VkSquareSolidSize24,\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: MailSolidSize24,\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 't-bank': {\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 't-bank': {\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\nexport const VK_ICON_MAP_IN_MORE_BUTTON = {\n primary: { default: VkSquareBrandSize24, disabled: VkGrayscaleSize24 },\n secondary: { default: VkSquareBrandSize24, disabled: VkSquareGrayscaleSize24 },\n tertiary: { default: VkSolidSize24, disabled: VkSquareSolidSize24 },\n};\n"],"names":[],"mappings":"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"}