@hh.ru/magritte-ui-branded-button 1.2.0 → 2.0.0
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 +1 -1
- package/icons.d.ts +2 -2
- package/icons.js +2 -2
- package/icons.js.map +1 -1
- package/index.css +1378 -1378
- package/package.json +6 -6
- package/types.d.ts +1 -1
package/BrandedButton.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Text } from '@hh.ru/magritte-ui-typography';
|
|
|
8
8
|
import '@hh.ru/magritte-ui-icon/variants/icon';
|
|
9
9
|
import '@hh.ru/magritte-ui-icon/variants/service';
|
|
10
10
|
|
|
11
|
-
var styles = {"branded-button":"magritte-branded-button___1S-
|
|
11
|
+
var styles = {"branded-button":"magritte-branded-button___1S-6h_2-0-0","brandedButton":"magritte-branded-button___1S-6h_2-0-0","with-label":"magritte-with-label___Dk5zY_2-0-0","withLabel":"magritte-with-label___Dk5zY_2-0-0","large":"magritte-large___fhHp1_2-0-0","medium":"magritte-medium___acdMN_2-0-0","content":"magritte-content___KCvC7_2-0-0","label":"magritte-label___5wD1u_2-0-0","icons":"magritte-icons___w0xoV_2-0-0","icon":"magritte-icon___Jrf4s_2-0-0","apple-primary":"magritte-apple-primary___JRlQ6_2-0-0","applePrimary":"magritte-apple-primary___JRlQ6_2-0-0","disabled":"magritte-disabled___jnf8q_2-0-0","vk-primary":"magritte-vk-primary___Yb3pK_2-0-0","vkPrimary":"magritte-vk-primary___Yb3pK_2-0-0","mail-primary":"magritte-mail-primary___-L14-_2-0-0","mailPrimary":"magritte-mail-primary___-L14-_2-0-0","ok-primary":"magritte-ok-primary___C1FPr_2-0-0","okPrimary":"magritte-ok-primary___C1FPr_2-0-0","google-primary":"magritte-google-primary___aFVAZ_2-0-0","googlePrimary":"magritte-google-primary___aFVAZ_2-0-0","esia-primary":"magritte-esia-primary___tVRSb_2-0-0","esiaPrimary":"magritte-esia-primary___tVRSb_2-0-0","t-bank-primary":"magritte-t-bank-primary___zK7wR_2-0-0","tBankPrimary":"magritte-t-bank-primary___zK7wR_2-0-0","yandex-primary":"magritte-yandex-primary___-7Uln_2-0-0","yandexPrimary":"magritte-yandex-primary___-7Uln_2-0-0","more-primary":"magritte-more-primary___KWZtF_2-0-0","morePrimary":"magritte-more-primary___KWZtF_2-0-0","apple-secondary":"magritte-apple-secondary___hGF96_2-0-0","appleSecondary":"magritte-apple-secondary___hGF96_2-0-0","vk-secondary":"magritte-vk-secondary___QtaCT_2-0-0","vkSecondary":"magritte-vk-secondary___QtaCT_2-0-0","mail-secondary":"magritte-mail-secondary___3UqUc_2-0-0","mailSecondary":"magritte-mail-secondary___3UqUc_2-0-0","ok-secondary":"magritte-ok-secondary___vnWnt_2-0-0","okSecondary":"magritte-ok-secondary___vnWnt_2-0-0","google-secondary":"magritte-google-secondary___xz82D_2-0-0","googleSecondary":"magritte-google-secondary___xz82D_2-0-0","esia-secondary":"magritte-esia-secondary___fpaCK_2-0-0","esiaSecondary":"magritte-esia-secondary___fpaCK_2-0-0","t-bank-secondary":"magritte-t-bank-secondary___pcYpz_2-0-0","tBankSecondary":"magritte-t-bank-secondary___pcYpz_2-0-0","yandex-secondary":"magritte-yandex-secondary___8lFGz_2-0-0","yandexSecondary":"magritte-yandex-secondary___8lFGz_2-0-0","more-secondary":"magritte-more-secondary___ZC-AL_2-0-0","moreSecondary":"magritte-more-secondary___ZC-AL_2-0-0","apple-tertiary":"magritte-apple-tertiary___Ibvcd_2-0-0","appleTertiary":"magritte-apple-tertiary___Ibvcd_2-0-0","vk-tertiary":"magritte-vk-tertiary___V2CIc_2-0-0","vkTertiary":"magritte-vk-tertiary___V2CIc_2-0-0","mail-tertiary":"magritte-mail-tertiary___WJxIx_2-0-0","mailTertiary":"magritte-mail-tertiary___WJxIx_2-0-0","ok-tertiary":"magritte-ok-tertiary___aOdxp_2-0-0","okTertiary":"magritte-ok-tertiary___aOdxp_2-0-0","google-tertiary":"magritte-google-tertiary___LGKec_2-0-0","googleTertiary":"magritte-google-tertiary___LGKec_2-0-0","esia-tertiary":"magritte-esia-tertiary___IU16g_2-0-0","esiaTertiary":"magritte-esia-tertiary___IU16g_2-0-0","t-bank-tertiary":"magritte-t-bank-tertiary___Dee9q_2-0-0","tBankTertiary":"magritte-t-bank-tertiary___Dee9q_2-0-0","yandex-tertiary":"magritte-yandex-tertiary___VLvi4_2-0-0","yandexTertiary":"magritte-yandex-tertiary___VLvi4_2-0-0","more-tertiary":"magritte-more-tertiary___fv4ob_2-0-0","moreTertiary":"magritte-more-tertiary___fv4ob_2-0-0","icon-apple":"magritte-icon-apple___GNkzh_2-0-0","iconApple":"magritte-icon-apple___GNkzh_2-0-0","icon-vk":"magritte-icon-vk___ZYtqi_2-0-0","iconVk":"magritte-icon-vk___ZYtqi_2-0-0","icon-mail":"magritte-icon-mail___llrks_2-0-0","iconMail":"magritte-icon-mail___llrks_2-0-0","icon-ok":"magritte-icon-ok___46dW7_2-0-0","iconOk":"magritte-icon-ok___46dW7_2-0-0","icon-google":"magritte-icon-google___IMAFR_2-0-0","iconGoogle":"magritte-icon-google___IMAFR_2-0-0","icon-esia":"magritte-icon-esia___dDBGo_2-0-0","iconEsia":"magritte-icon-esia___dDBGo_2-0-0","icon-t-bank":"magritte-icon-t-bank___Dx2fC_2-0-0","iconTBank":"magritte-icon-t-bank___Dx2fC_2-0-0","icon-yandex":"magritte-icon-yandex___fe4ig_2-0-0","iconYandex":"magritte-icon-yandex___fe4ig_2-0-0"};
|
|
12
12
|
|
|
13
13
|
const ICONS_MAX = 2;
|
|
14
14
|
const BrandedButtonComponent = ({ Element = 'button', service: _service, size = 'medium', mode = 'primary', 'data-qa': dataQa = 'branded-button', disabled, children, ...restProps }, ref) => {
|
package/icons.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BrandedButtonService, BrandedButtonMode } from './types';
|
|
2
|
-
import {
|
|
3
|
-
type Map = Partial<Record<BrandedButtonService | 'more', Record<BrandedButtonMode, Record<'default' | 'disabled',
|
|
2
|
+
import { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon';
|
|
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
6
|
export {};
|
package/icons.js
CHANGED
|
@@ -87,7 +87,7 @@ const SERVICE_ICON_MAP = {
|
|
|
87
87
|
disabled: EsiaSolidSize24,
|
|
88
88
|
},
|
|
89
89
|
},
|
|
90
|
-
|
|
90
|
+
't-bank': {
|
|
91
91
|
primary: {
|
|
92
92
|
default: TinkoffIdBrandSize24,
|
|
93
93
|
disabled: TinkoffIdGrayscaleSize24,
|
|
@@ -118,7 +118,7 @@ const SERVICE_ICON_MAP = {
|
|
|
118
118
|
};
|
|
119
119
|
const SERVICE_ONLY_ICON_MAP = {
|
|
120
120
|
...SERVICE_ICON_MAP,
|
|
121
|
-
|
|
121
|
+
't-bank': {
|
|
122
122
|
primary: {
|
|
123
123
|
default: TinkoffBrandAltSize24,
|
|
124
124
|
disabled: TinkoffGrayscaleSize24,
|
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 { 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',
|
|
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 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', 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: 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 '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"],"names":[],"mappings":"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"}
|