@hh.ru/magritte-ui-tag 5.1.3 → 5.1.5

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 (5) hide show
  1. package/Tag.js +1 -1
  2. package/Tag.js.map +1 -1
  3. package/index.css +210 -210
  4. package/index.mock.js.map +1 -1
  5. package/package.json +6 -6
package/Tag.js CHANGED
@@ -6,7 +6,7 @@ import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disable
6
6
  import { IconDynamic } from '@hh.ru/magritte-ui-icon';
7
7
  import { isIconElement } from '@hh.ru/magritte-ui-icon/types';
8
8
 
9
- var styles = {"tag":"magritte-tag___WdGxk_5-1-3","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_5-1-3","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_5-1-3","tag__label":"magritte-tag__label___YHV-o_5-1-3","tagLabel":"magritte-tag__label___YHV-o_5-1-3","icon-color-override":"magritte-icon-color-override___z7Qmm_5-1-3","iconColorOverride":"magritte-icon-color-override___z7Qmm_5-1-3","on-surface":"magritte-on-surface___-0Bc4_5-1-3","onSurface":"magritte-on-surface___-0Bc4_5-1-3","tag_state-disabled":"magritte-tag_state-disabled___2su23_5-1-3","tagStateDisabled":"magritte-tag_state-disabled___2su23_5-1-3","disabled-icon-color-override":"magritte-disabled-icon-color-override___E6mEW_5-1-3","disabledIconColorOverride":"magritte-disabled-icon-color-override___E6mEW_5-1-3","tag_style-positive":"magritte-tag_style-positive___o2Zfe_5-1-3","tagStylePositive":"magritte-tag_style-positive___o2Zfe_5-1-3","tag_style-negative":"magritte-tag_style-negative___-HbQe_5-1-3","tagStyleNegative":"magritte-tag_style-negative___-HbQe_5-1-3","tag_style-special":"magritte-tag_style-special___-IqT-_5-1-3","tagStyleSpecial":"magritte-tag_style-special___-IqT-_5-1-3","tag_style-warning":"magritte-tag_style-warning___4xBGB_5-1-3","tagStyleWarning":"magritte-tag_style-warning___4xBGB_5-1-3","tag_style-accent":"magritte-tag_style-accent___WCqKw_5-1-3","tagStyleAccent":"magritte-tag_style-accent___WCqKw_5-1-3","tag_size-medium":"magritte-tag_size-medium___Splpy_5-1-3","tagSizeMedium":"magritte-tag_size-medium___Splpy_5-1-3","tag__icon":"magritte-tag__icon___Avk97_5-1-3","tagIcon":"magritte-tag__icon___Avk97_5-1-3","tag_size-large":"magritte-tag_size-large___SWuug_5-1-3","tagSizeLarge":"magritte-tag_size-large___SWuug_5-1-3"};
9
+ var styles = {"tag":"magritte-tag___WdGxk_5-1-5","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_5-1-5","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_5-1-5","tag__label":"magritte-tag__label___YHV-o_5-1-5","tagLabel":"magritte-tag__label___YHV-o_5-1-5","icon-color-override":"magritte-icon-color-override___z7Qmm_5-1-5","iconColorOverride":"magritte-icon-color-override___z7Qmm_5-1-5","on-surface":"magritte-on-surface___-0Bc4_5-1-5","onSurface":"magritte-on-surface___-0Bc4_5-1-5","tag_state-disabled":"magritte-tag_state-disabled___2su23_5-1-5","tagStateDisabled":"magritte-tag_state-disabled___2su23_5-1-5","disabled-icon-color-override":"magritte-disabled-icon-color-override___E6mEW_5-1-5","disabledIconColorOverride":"magritte-disabled-icon-color-override___E6mEW_5-1-5","tag_style-positive":"magritte-tag_style-positive___o2Zfe_5-1-5","tagStylePositive":"magritte-tag_style-positive___o2Zfe_5-1-5","tag_style-negative":"magritte-tag_style-negative___-HbQe_5-1-5","tagStyleNegative":"magritte-tag_style-negative___-HbQe_5-1-5","tag_style-special":"magritte-tag_style-special___-IqT-_5-1-5","tagStyleSpecial":"magritte-tag_style-special___-IqT-_5-1-5","tag_style-warning":"magritte-tag_style-warning___4xBGB_5-1-5","tagStyleWarning":"magritte-tag_style-warning___4xBGB_5-1-5","tag_style-accent":"magritte-tag_style-accent___WCqKw_5-1-5","tagStyleAccent":"magritte-tag_style-accent___WCqKw_5-1-5","tag_size-medium":"magritte-tag_size-medium___Splpy_5-1-5","tagSizeMedium":"magritte-tag_size-medium___Splpy_5-1-5","tag__icon":"magritte-tag__icon___Avk97_5-1-5","tagIcon":"magritte-tag__icon___Avk97_5-1-5","tag_size-large":"magritte-tag_size-large___SWuug_5-1-5","tagSizeLarge":"magritte-tag_size-large___SWuug_5-1-5"};
10
10
 
11
11
  const SIZE_TO_CSS = {
12
12
  large: styles.tagSizeLarge,
package/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["../src/Tag.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { type IconWrapperComponentSize16, isIconElement } from '@hh.ru/magritte-ui-icon/types';\nimport type { TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';\n\nimport styles from './tag.less';\n\nconst SIZE_TO_CSS = {\n large: styles.tagSizeLarge,\n medium: styles.tagSizeMedium,\n};\n\nconst STYLE_TO_CSS = {\n special: styles.tagStyleSpecial,\n warning: styles.tagStyleWarning,\n positive: styles.tagStylePositive,\n negative: styles.tagStyleNegative,\n neutral: styles.tagStyleNeutral,\n accent: styles.tagStyleAccent,\n};\n\nexport function Tag(props: TagIconProps): React.ReactElement;\nexport function Tag(props: TagLabelProps): React.ReactElement;\n\nexport function Tag({\n style = 'neutral',\n size = 'medium',\n disabled = false,\n hideLabel,\n icon,\n 'aria-label': ariaLabel,\n children,\n onSurface,\n}: TagIconProps | TagLabelProps): React.ReactElement {\n const showLabel = !hideLabel && children;\n const isDisabled = useDisabled() || disabled;\n const withIcon = isIconElement(icon) && (icon.type as IconWrapperComponentSize16)._size === 16;\n return (\n <div\n className={classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {\n [styles.tagStateDisabled]: isDisabled,\n [styles.iconColorOverride]:\n withIcon && !isDisabled && !('initialColor' in icon.props || 'hex' in icon.props),\n [styles.disabledIconColorOverride]:\n withIcon && isDisabled && !('disabledColor' in icon.props || 'hexDisabled' in icon.props),\n [styles.onSurface]: onSurface,\n })}\n >\n {withIcon && (\n <DisabledContext.Provider value={isDisabled}>\n <IconDynamic hoverEnabled={false} pressEnabled={false}>\n <div className={styles.tagIcon}>\n {cloneElement(icon, { 'aria-label': !showLabel ? ariaLabel : undefined })}\n </div>\n </IconDynamic>\n </DisabledContext.Provider>\n )}\n {showLabel && <div className={styles.tagLabel}>{children}</div>}\n </div>\n );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAUA,MAAM,WAAW,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC,YAAY;IAC1B,MAAM,EAAE,MAAM,CAAC,aAAa;CAC/B,CAAC;AAEF,MAAM,YAAY,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,QAAQ,EAAE,MAAM,CAAC,gBAAgB;IACjC,QAAQ,EAAE,MAAM,CAAC,gBAAgB;IACjC,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,MAAM,EAAE,MAAM,CAAC,cAAc;CAChC,CAAC;AAKI,SAAU,GAAG,CAAC,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,GACkB,EAAA;AAC3B,IAAA,MAAM,SAAS,GAAG,CAAC,SAAS,IAAI,QAAQ,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,IAAI,QAAQ,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,IAAK,IAAI,CAAC,IAAmC,CAAC,KAAK,KAAK,EAAE,CAAC;AAC/F,IAAA,QACIA,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE;AACtE,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,UAAU;YACrC,CAAC,MAAM,CAAC,iBAAiB,GACrB,QAAQ,IAAI,CAAC,UAAU,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;YACrF,CAAC,MAAM,CAAC,yBAAyB,GAC7B,QAAQ,IAAI,UAAU,IAAI,EAAE,eAAe,IAAI,IAAI,CAAC,KAAK,IAAI,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC;AAC7F,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAChC,SAAA,CAAC,EAED,QAAA,EAAA,CAAA,QAAQ,KACLC,IAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,IAAC,WAAW,EAAA,EAAC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EACjD,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EACzB,YAAY,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,EAAE,CAAC,EACvE,CAAA,EAAA,CACI,EACS,CAAA,CAC9B,EACA,SAAS,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,QAAQ,EAAO,CAAA,CAAA,EAAA,CAC7D,EACR;AACN;;;;"}
1
+ {"version":3,"file":"Tag.js","sources":["src/Tag.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { type IconWrapperComponentSize16, isIconElement } from '@hh.ru/magritte-ui-icon/types';\nimport type { TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';\n\nimport styles from './tag.less';\n\nconst SIZE_TO_CSS = {\n large: styles.tagSizeLarge,\n medium: styles.tagSizeMedium,\n};\n\nconst STYLE_TO_CSS = {\n special: styles.tagStyleSpecial,\n warning: styles.tagStyleWarning,\n positive: styles.tagStylePositive,\n negative: styles.tagStyleNegative,\n neutral: styles.tagStyleNeutral,\n accent: styles.tagStyleAccent,\n};\n\nexport function Tag(props: TagIconProps): React.ReactElement;\nexport function Tag(props: TagLabelProps): React.ReactElement;\n\nexport function Tag({\n style = 'neutral',\n size = 'medium',\n disabled = false,\n hideLabel,\n icon,\n 'aria-label': ariaLabel,\n children,\n onSurface,\n}: TagIconProps | TagLabelProps): React.ReactElement {\n const showLabel = !hideLabel && children;\n const isDisabled = useDisabled() || disabled;\n const withIcon = isIconElement(icon) && (icon.type as IconWrapperComponentSize16)._size === 16;\n return (\n <div\n className={classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {\n [styles.tagStateDisabled]: isDisabled,\n [styles.iconColorOverride]:\n withIcon && !isDisabled && !('initialColor' in icon.props || 'hex' in icon.props),\n [styles.disabledIconColorOverride]:\n withIcon && isDisabled && !('disabledColor' in icon.props || 'hexDisabled' in icon.props),\n [styles.onSurface]: onSurface,\n })}\n >\n {withIcon && (\n <DisabledContext.Provider value={isDisabled}>\n <IconDynamic hoverEnabled={false} pressEnabled={false}>\n <div className={styles.tagIcon}>\n {cloneElement(icon, { 'aria-label': !showLabel ? ariaLabel : undefined })}\n </div>\n </IconDynamic>\n </DisabledContext.Provider>\n )}\n {showLabel && <div className={styles.tagLabel}>{children}</div>}\n </div>\n );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAUA,MAAM,WAAW,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC,YAAY;IAC1B,MAAM,EAAE,MAAM,CAAC,aAAa;CAC/B,CAAC;AAEF,MAAM,YAAY,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,QAAQ,EAAE,MAAM,CAAC,gBAAgB;IACjC,QAAQ,EAAE,MAAM,CAAC,gBAAgB;IACjC,OAAO,EAAE,MAAM,CAAC,eAAe;IAC/B,MAAM,EAAE,MAAM,CAAC,cAAc;CAChC,CAAC;AAKI,SAAU,GAAG,CAAC,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,GACkB,EAAA;AAC3B,IAAA,MAAM,SAAS,GAAG,CAAC,SAAS,IAAI,QAAQ,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,IAAI,QAAQ,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,IAAK,IAAI,CAAC,IAAmC,CAAC,KAAK,KAAK,EAAE,CAAC;AAC/F,IAAA,QACIA,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE;AACtE,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,UAAU;YACrC,CAAC,MAAM,CAAC,iBAAiB,GACrB,QAAQ,IAAI,CAAC,UAAU,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;YACrF,CAAC,MAAM,CAAC,yBAAyB,GAC7B,QAAQ,IAAI,UAAU,IAAI,EAAE,eAAe,IAAI,IAAI,CAAC,KAAK,IAAI,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC;AAC7F,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAChC,SAAA,CAAC,EAED,QAAA,EAAA,CAAA,QAAQ,KACLC,IAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,IAAC,WAAW,EAAA,EAAC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EACjD,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EACzB,YAAY,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,EAAE,CAAC,EACvE,CAAA,EAAA,CACI,EACS,CAAA,CAC9B,EACA,SAAS,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,QAAQ,EAAO,CAAA,CAAA,EAAA,CAC7D,EACR;AACN;;;;"}
package/index.css CHANGED
@@ -1,266 +1,266 @@
1
1
  :root{
2
- --magritte-color-component-tag-background-neutral-v24-4-0:#F1F4F9;
3
- --magritte-color-component-tag-background-positive-v24-4-0:#E8F9EC;
4
- --magritte-color-component-tag-background-negative-v24-4-0:#FEF2EF;
5
- --magritte-color-component-tag-background-warning-v24-4-0:#FFF3E6;
6
- --magritte-color-component-tag-background-special-v24-4-0:#F7F4FF;
7
- --magritte-color-component-tag-background-accent-v24-4-0:#EDF6FF;
8
- --magritte-color-component-tag-background-on-surface-neutral-v24-4-0:#ffffff;
9
- --magritte-color-component-tag-background-on-surface-positive-v24-4-0:#ffffff;
10
- --magritte-color-component-tag-background-on-surface-negative-v24-4-0:#ffffff;
11
- --magritte-color-component-tag-background-on-surface-warning-v24-4-0:#ffffff;
12
- --magritte-color-component-tag-background-on-surface-special-v24-4-0:#ffffff;
13
- --magritte-color-component-tag-background-on-surface-accent-v24-4-0:#ffffff;
14
- --magritte-color-component-tag-background-state-neutral-disabled-v24-4-0:#f1f4f97a;
15
- --magritte-color-component-tag-background-state-positive-disabled-v24-4-0:#e8f9ec7a;
16
- --magritte-color-component-tag-background-state-negative-disabled-v24-4-0:#fef2ef7a;
17
- --magritte-color-component-tag-background-state-warning-disabled-v24-4-0:#fff3e67a;
18
- --magritte-color-component-tag-background-state-special-disabled-v24-4-0:#f7f4ff7a;
19
- --magritte-color-component-tag-background-state-accent-disabled-v24-4-0:#edf6ff7a;
20
- --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-0:#ffffff7a;
21
- --magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-0:#ffffff7a;
22
- --magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-0:#ffffff7a;
23
- --magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-0:#ffffff7a;
24
- --magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-0:#ffffff7a;
25
- --magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-0:#ffffff7a;
26
- --magritte-color-component-tag-text-neutral-v24-4-0:#000000;
27
- --magritte-color-component-tag-text-positive-v24-4-0:#10b55f;
28
- --magritte-color-component-tag-text-negative-v24-4-0:#ee4735;
29
- --magritte-color-component-tag-text-warning-v24-4-0:#C37304;
30
- --magritte-color-component-tag-text-special-v24-4-0:#883be9;
31
- --magritte-color-component-tag-text-accent-v24-4-0:#0d63e3;
32
- --magritte-color-component-tag-text-state-neutral-disabled-v24-4-0:#0000007a;
33
- --magritte-color-component-tag-text-state-positive-disabled-v24-4-0:#00984f7a;
34
- --magritte-color-component-tag-text-state-negative-disabled-v24-4-0:#ee47357a;
35
- --magritte-color-component-tag-text-state-warning-disabled-v24-4-0:#c373047a;
36
- --magritte-color-component-tag-text-state-special-disabled-v24-4-0:#883be97a;
37
- --magritte-color-component-tag-text-state-accent-disabled-v24-4-0:#0d63e37a;
38
- --magritte-color-component-tag-icon-neutral-v24-4-0:#000000;
39
- --magritte-color-component-tag-icon-positive-v24-4-0:#10b55f;
40
- --magritte-color-component-tag-icon-negative-v24-4-0:#ee4735;
41
- --magritte-color-component-tag-icon-warning-v24-4-0:#C37304;
42
- --magritte-color-component-tag-icon-special-v24-4-0:#883be9;
43
- --magritte-color-component-tag-icon-accent-v24-4-0:#0d63e3;
44
- --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-0:#0000007a;
45
- --magritte-color-component-tag-icon-state-positive-disabled-v24-4-0:#00984f7a;
46
- --magritte-color-component-tag-icon-state-negative-disabled-v24-4-0:#ee47357a;
47
- --magritte-color-component-tag-icon-state-warning-disabled-v24-4-0:#c373047a;
48
- --magritte-color-component-tag-icon-state-special-disabled-v24-4-0:#883be97a;
49
- --magritte-color-component-tag-icon-state-accent-disabled-v24-4-0:#0d63e37a;
2
+ --magritte-color-component-tag-background-neutral-v24-4-1:#F1F4F9;
3
+ --magritte-color-component-tag-background-positive-v24-4-1:#E8F9EC;
4
+ --magritte-color-component-tag-background-negative-v24-4-1:#FEF2EF;
5
+ --magritte-color-component-tag-background-warning-v24-4-1:#FFF3E6;
6
+ --magritte-color-component-tag-background-special-v24-4-1:#F7F4FF;
7
+ --magritte-color-component-tag-background-accent-v24-4-1:#EDF6FF;
8
+ --magritte-color-component-tag-background-on-surface-neutral-v24-4-1:#ffffff;
9
+ --magritte-color-component-tag-background-on-surface-positive-v24-4-1:#ffffff;
10
+ --magritte-color-component-tag-background-on-surface-negative-v24-4-1:#ffffff;
11
+ --magritte-color-component-tag-background-on-surface-warning-v24-4-1:#ffffff;
12
+ --magritte-color-component-tag-background-on-surface-special-v24-4-1:#ffffff;
13
+ --magritte-color-component-tag-background-on-surface-accent-v24-4-1:#ffffff;
14
+ --magritte-color-component-tag-background-state-neutral-disabled-v24-4-1:#f1f4f97a;
15
+ --magritte-color-component-tag-background-state-positive-disabled-v24-4-1:#e8f9ec7a;
16
+ --magritte-color-component-tag-background-state-negative-disabled-v24-4-1:#fef2ef7a;
17
+ --magritte-color-component-tag-background-state-warning-disabled-v24-4-1:#fff3e67a;
18
+ --magritte-color-component-tag-background-state-special-disabled-v24-4-1:#f7f4ff7a;
19
+ --magritte-color-component-tag-background-state-accent-disabled-v24-4-1:#edf6ff7a;
20
+ --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-1:#ffffff7a;
21
+ --magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-1:#ffffff7a;
22
+ --magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-1:#ffffff7a;
23
+ --magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-1:#ffffff7a;
24
+ --magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-1:#ffffff7a;
25
+ --magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-1:#ffffff7a;
26
+ --magritte-color-component-tag-text-neutral-v24-4-1:#000000;
27
+ --magritte-color-component-tag-text-positive-v24-4-1:#10b55f;
28
+ --magritte-color-component-tag-text-negative-v24-4-1:#ee4735;
29
+ --magritte-color-component-tag-text-warning-v24-4-1:#C37304;
30
+ --magritte-color-component-tag-text-special-v24-4-1:#883be9;
31
+ --magritte-color-component-tag-text-accent-v24-4-1:#0d63e3;
32
+ --magritte-color-component-tag-text-state-neutral-disabled-v24-4-1:#0000007a;
33
+ --magritte-color-component-tag-text-state-positive-disabled-v24-4-1:#00984f7a;
34
+ --magritte-color-component-tag-text-state-negative-disabled-v24-4-1:#ee47357a;
35
+ --magritte-color-component-tag-text-state-warning-disabled-v24-4-1:#c373047a;
36
+ --magritte-color-component-tag-text-state-special-disabled-v24-4-1:#883be97a;
37
+ --magritte-color-component-tag-text-state-accent-disabled-v24-4-1:#0d63e37a;
38
+ --magritte-color-component-tag-icon-neutral-v24-4-1:#000000;
39
+ --magritte-color-component-tag-icon-positive-v24-4-1:#10b55f;
40
+ --magritte-color-component-tag-icon-negative-v24-4-1:#ee4735;
41
+ --magritte-color-component-tag-icon-warning-v24-4-1:#C37304;
42
+ --magritte-color-component-tag-icon-special-v24-4-1:#883be9;
43
+ --magritte-color-component-tag-icon-accent-v24-4-1:#0d63e3;
44
+ --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-1:#0000007a;
45
+ --magritte-color-component-tag-icon-state-positive-disabled-v24-4-1:#00984f7a;
46
+ --magritte-color-component-tag-icon-state-negative-disabled-v24-4-1:#ee47357a;
47
+ --magritte-color-component-tag-icon-state-warning-disabled-v24-4-1:#c373047a;
48
+ --magritte-color-component-tag-icon-state-special-disabled-v24-4-1:#883be97a;
49
+ --magritte-color-component-tag-icon-state-accent-disabled-v24-4-1:#0d63e37a;
50
50
  }
51
51
 
52
52
  .magritte-night-theme{
53
- --magritte-color-component-tag-background-neutral-v24-4-0:#303030;
54
- --magritte-color-component-tag-background-positive-v24-4-0:#16321F;
55
- --magritte-color-component-tag-background-negative-v24-4-0:#3D2622;
56
- --magritte-color-component-tag-background-warning-v24-4-0:#3D270E;
57
- --magritte-color-component-tag-background-special-v24-4-0:#2F293C;
58
- --magritte-color-component-tag-background-accent-v24-4-0:#222D3D;
59
- --magritte-color-component-tag-background-on-surface-neutral-v24-4-0:#1B1B1B;
60
- --magritte-color-component-tag-background-on-surface-positive-v24-4-0:#1B1B1B;
61
- --magritte-color-component-tag-background-on-surface-negative-v24-4-0:#1B1B1B;
62
- --magritte-color-component-tag-background-on-surface-warning-v24-4-0:#1B1B1B;
63
- --magritte-color-component-tag-background-on-surface-special-v24-4-0:#1B1B1B;
64
- --magritte-color-component-tag-background-on-surface-accent-v24-4-0:#1B1B1B;
65
- --magritte-color-component-tag-text-neutral-v24-4-0:#ffffff;
66
- --magritte-color-component-tag-text-negative-v24-4-0:#ff4d3a;
67
- --magritte-color-component-tag-text-warning-v24-4-0:#D78009;
68
- --magritte-color-component-tag-text-special-v24-4-0:#a579f4;
69
- --magritte-color-component-tag-text-accent-v24-4-0:#5e9eff;
70
- --magritte-color-component-tag-icon-neutral-v24-4-0:#ffffff;
71
- --magritte-color-component-tag-icon-negative-v24-4-0:#ff4d3a;
72
- --magritte-color-component-tag-icon-warning-v24-4-0:#D78009;
73
- --magritte-color-component-tag-icon-special-v24-4-0:#a579f4;
74
- --magritte-color-component-tag-icon-accent-v24-4-0:#5e9eff;
75
- --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-0:#aabbca7a;
76
- --magritte-color-component-tag-icon-state-positive-disabled-v24-4-0:#10b55f7a;
77
- --magritte-color-component-tag-icon-state-negative-disabled-v24-4-0:#ff4d3a7a;
78
- --magritte-color-component-tag-icon-state-warning-disabled-v24-4-0:#d780097a;
79
- --magritte-color-component-tag-icon-state-special-disabled-v24-4-0:#a579f47a;
80
- --magritte-color-component-tag-text-state-neutral-disabled-v24-4-0:#aabbca7a;
81
- --magritte-color-component-tag-text-state-positive-disabled-v24-4-0:#10b55f7a;
82
- --magritte-color-component-tag-text-state-negative-disabled-v24-4-0:#ff4d3a7a;
83
- --magritte-color-component-tag-text-state-warning-disabled-v24-4-0:#d780097a;
84
- --magritte-color-component-tag-text-state-special-disabled-v24-4-0:#a579f47a;
85
- --magritte-color-component-tag-background-state-neutral-disabled-v24-4-0:#3030307a;
86
- --magritte-color-component-tag-background-state-positive-disabled-v24-4-0:#16321f7a;
87
- --magritte-color-component-tag-background-state-negative-disabled-v24-4-0:#3d26227a;
88
- --magritte-color-component-tag-background-state-warning-disabled-v24-4-0:#3d270e7a;
89
- --magritte-color-component-tag-background-state-special-disabled-v24-4-0:#2f293c7a;
90
- --magritte-color-component-tag-background-state-accent-disabled-v24-4-0:#222d3d7a;
91
- --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-0:#1b1b1b7a;
92
- --magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-0:#1b1b1b7a;
93
- --magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-0:#1b1b1b7a;
94
- --magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-0:#1b1b1b7a;
95
- --magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-0:#1b1b1b7a;
96
- --magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-0:#1b1b1b7a;
53
+ --magritte-color-component-tag-background-neutral-v24-4-1:#303030;
54
+ --magritte-color-component-tag-background-positive-v24-4-1:#16321F;
55
+ --magritte-color-component-tag-background-negative-v24-4-1:#3D2622;
56
+ --magritte-color-component-tag-background-warning-v24-4-1:#3D270E;
57
+ --magritte-color-component-tag-background-special-v24-4-1:#2F293C;
58
+ --magritte-color-component-tag-background-accent-v24-4-1:#222D3D;
59
+ --magritte-color-component-tag-background-on-surface-neutral-v24-4-1:#1B1B1B;
60
+ --magritte-color-component-tag-background-on-surface-positive-v24-4-1:#1B1B1B;
61
+ --magritte-color-component-tag-background-on-surface-negative-v24-4-1:#1B1B1B;
62
+ --magritte-color-component-tag-background-on-surface-warning-v24-4-1:#1B1B1B;
63
+ --magritte-color-component-tag-background-on-surface-special-v24-4-1:#1B1B1B;
64
+ --magritte-color-component-tag-background-on-surface-accent-v24-4-1:#1B1B1B;
65
+ --magritte-color-component-tag-text-neutral-v24-4-1:#ffffff;
66
+ --magritte-color-component-tag-text-negative-v24-4-1:#ff4d3a;
67
+ --magritte-color-component-tag-text-warning-v24-4-1:#D78009;
68
+ --magritte-color-component-tag-text-special-v24-4-1:#a579f4;
69
+ --magritte-color-component-tag-text-accent-v24-4-1:#5e9eff;
70
+ --magritte-color-component-tag-icon-neutral-v24-4-1:#ffffff;
71
+ --magritte-color-component-tag-icon-negative-v24-4-1:#ff4d3a;
72
+ --magritte-color-component-tag-icon-warning-v24-4-1:#D78009;
73
+ --magritte-color-component-tag-icon-special-v24-4-1:#a579f4;
74
+ --magritte-color-component-tag-icon-accent-v24-4-1:#5e9eff;
75
+ --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-1:#aabbca7a;
76
+ --magritte-color-component-tag-icon-state-positive-disabled-v24-4-1:#10b55f7a;
77
+ --magritte-color-component-tag-icon-state-negative-disabled-v24-4-1:#ff4d3a7a;
78
+ --magritte-color-component-tag-icon-state-warning-disabled-v24-4-1:#d780097a;
79
+ --magritte-color-component-tag-icon-state-special-disabled-v24-4-1:#a579f47a;
80
+ --magritte-color-component-tag-text-state-neutral-disabled-v24-4-1:#aabbca7a;
81
+ --magritte-color-component-tag-text-state-positive-disabled-v24-4-1:#10b55f7a;
82
+ --magritte-color-component-tag-text-state-negative-disabled-v24-4-1:#ff4d3a7a;
83
+ --magritte-color-component-tag-text-state-warning-disabled-v24-4-1:#d780097a;
84
+ --magritte-color-component-tag-text-state-special-disabled-v24-4-1:#a579f47a;
85
+ --magritte-color-component-tag-background-state-neutral-disabled-v24-4-1:#3030307a;
86
+ --magritte-color-component-tag-background-state-positive-disabled-v24-4-1:#16321f7a;
87
+ --magritte-color-component-tag-background-state-negative-disabled-v24-4-1:#3d26227a;
88
+ --magritte-color-component-tag-background-state-warning-disabled-v24-4-1:#3d270e7a;
89
+ --magritte-color-component-tag-background-state-special-disabled-v24-4-1:#2f293c7a;
90
+ --magritte-color-component-tag-background-state-accent-disabled-v24-4-1:#222d3d7a;
91
+ --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-1:#1b1b1b7a;
92
+ --magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-1:#1b1b1b7a;
93
+ --magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-1:#1b1b1b7a;
94
+ --magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-1:#1b1b1b7a;
95
+ --magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-1:#1b1b1b7a;
96
+ --magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-1:#1b1b1b7a;
97
97
  }
98
98
 
99
99
  .magritte-zp-day-theme{
100
- --magritte-color-component-tag-background-accent-v24-4-0:#F1F4F7;
101
- --magritte-color-component-tag-text-positive-v24-4-0:#00984f;
102
- --magritte-color-component-tag-text-warning-v24-4-0:#ac6600;
103
- --magritte-color-component-tag-text-accent-v24-4-0:#7195AF;
104
- --magritte-color-component-tag-text-state-neutral-disabled-v24-4-0:#5e6c777a;
105
- --magritte-color-component-tag-text-state-warning-disabled-v24-4-0:#ac66007a;
106
- --magritte-color-component-tag-text-state-accent-disabled-v24-4-0:#B1C5D3;
107
- --magritte-color-component-tag-icon-positive-v24-4-0:#00984f;
108
- --magritte-color-component-tag-icon-warning-v24-4-0:#ac6600;
109
- --magritte-color-component-tag-icon-accent-v24-4-0:#7195AF;
110
- --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-0:#5e6c777a;
111
- --magritte-color-component-tag-icon-state-warning-disabled-v24-4-0:#ac66007a;
112
- --magritte-color-component-tag-icon-state-accent-disabled-v24-4-0:#B1C5D3;
113
- }
114
- .magritte-tag___WdGxk_5-1-3{
100
+ --magritte-color-component-tag-background-accent-v24-4-1:#F1F4F7;
101
+ --magritte-color-component-tag-text-positive-v24-4-1:#00984f;
102
+ --magritte-color-component-tag-text-warning-v24-4-1:#ac6600;
103
+ --magritte-color-component-tag-text-accent-v24-4-1:#7195AF;
104
+ --magritte-color-component-tag-text-state-neutral-disabled-v24-4-1:#5e6c777a;
105
+ --magritte-color-component-tag-text-state-warning-disabled-v24-4-1:#ac66007a;
106
+ --magritte-color-component-tag-text-state-accent-disabled-v24-4-1:#B1C5D3;
107
+ --magritte-color-component-tag-icon-positive-v24-4-1:#00984f;
108
+ --magritte-color-component-tag-icon-warning-v24-4-1:#ac6600;
109
+ --magritte-color-component-tag-icon-accent-v24-4-1:#7195AF;
110
+ --magritte-color-component-tag-icon-state-neutral-disabled-v24-4-1:#5e6c777a;
111
+ --magritte-color-component-tag-icon-state-warning-disabled-v24-4-1:#ac66007a;
112
+ --magritte-color-component-tag-icon-state-accent-disabled-v24-4-1:#B1C5D3;
113
+ }
114
+ .magritte-tag___WdGxk_5-1-5{
115
115
  display:inline-flex;
116
116
  align-items:center;
117
117
  justify-content:center;
118
118
  }
119
- .magritte-tag_style-neutral___cw1Bt_5-1-3{
120
- background-color:var(--magritte-color-component-tag-background-neutral-v24-4-0);
119
+ .magritte-tag_style-neutral___cw1Bt_5-1-5{
120
+ background-color:var(--magritte-color-component-tag-background-neutral-v24-4-1);
121
121
  }
122
- .magritte-tag_style-neutral___cw1Bt_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
123
- color:var(--magritte-color-component-tag-text-neutral-v24-4-0);
122
+ .magritte-tag_style-neutral___cw1Bt_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
123
+ color:var(--magritte-color-component-tag-text-neutral-v24-4-1);
124
124
  }
125
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
126
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v24-4-0);
125
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
126
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v24-4-1);
127
127
  }
128
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
129
- background-color:var(--magritte-color-component-tag-background-on-surface-neutral-v24-4-0);
128
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
129
+ background-color:var(--magritte-color-component-tag-background-on-surface-neutral-v24-4-1);
130
130
  }
131
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
132
- background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v24-4-0);
131
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
132
+ background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v24-4-1);
133
133
  }
134
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
135
- color:var(--magritte-color-component-tag-text-state-neutral-disabled-v24-4-0);
134
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
135
+ color:var(--magritte-color-component-tag-text-state-neutral-disabled-v24-4-1);
136
136
  }
137
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
138
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v24-4-0);
137
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
138
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v24-4-1);
139
139
  }
140
- .magritte-tag_style-neutral___cw1Bt_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
141
- background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-0);
140
+ .magritte-tag_style-neutral___cw1Bt_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
141
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-disabled-v24-4-1);
142
142
  }
143
- .magritte-tag_style-positive___o2Zfe_5-1-3{
144
- background-color:var(--magritte-color-component-tag-background-positive-v24-4-0);
143
+ .magritte-tag_style-positive___o2Zfe_5-1-5{
144
+ background-color:var(--magritte-color-component-tag-background-positive-v24-4-1);
145
145
  }
146
- .magritte-tag_style-positive___o2Zfe_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
147
- color:var(--magritte-color-component-tag-text-positive-v24-4-0);
146
+ .magritte-tag_style-positive___o2Zfe_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
147
+ color:var(--magritte-color-component-tag-text-positive-v24-4-1);
148
148
  }
149
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
150
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v24-4-0);
149
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
150
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v24-4-1);
151
151
  }
152
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
153
- background-color:var(--magritte-color-component-tag-background-on-surface-positive-v24-4-0);
152
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
153
+ background-color:var(--magritte-color-component-tag-background-on-surface-positive-v24-4-1);
154
154
  }
155
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
156
- background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v24-4-0);
155
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
156
+ background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v24-4-1);
157
157
  }
158
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
159
- color:var(--magritte-color-component-tag-text-state-positive-disabled-v24-4-0);
158
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
159
+ color:var(--magritte-color-component-tag-text-state-positive-disabled-v24-4-1);
160
160
  }
161
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
162
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v24-4-0);
161
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
162
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v24-4-1);
163
163
  }
164
- .magritte-tag_style-positive___o2Zfe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
165
- background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-0);
164
+ .magritte-tag_style-positive___o2Zfe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
165
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-disabled-v24-4-1);
166
166
  }
167
- .magritte-tag_style-negative___-HbQe_5-1-3{
168
- background-color:var(--magritte-color-component-tag-background-negative-v24-4-0);
167
+ .magritte-tag_style-negative___-HbQe_5-1-5{
168
+ background-color:var(--magritte-color-component-tag-background-negative-v24-4-1);
169
169
  }
170
- .magritte-tag_style-negative___-HbQe_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
171
- color:var(--magritte-color-component-tag-text-negative-v24-4-0);
170
+ .magritte-tag_style-negative___-HbQe_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
171
+ color:var(--magritte-color-component-tag-text-negative-v24-4-1);
172
172
  }
173
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
174
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v24-4-0);
173
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
174
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v24-4-1);
175
175
  }
176
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
177
- background-color:var(--magritte-color-component-tag-background-on-surface-negative-v24-4-0);
176
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
177
+ background-color:var(--magritte-color-component-tag-background-on-surface-negative-v24-4-1);
178
178
  }
179
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
180
- background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v24-4-0);
179
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
180
+ background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v24-4-1);
181
181
  }
182
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
183
- color:var(--magritte-color-component-tag-text-state-negative-disabled-v24-4-0);
182
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
183
+ color:var(--magritte-color-component-tag-text-state-negative-disabled-v24-4-1);
184
184
  }
185
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
186
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v24-4-0);
185
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
186
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v24-4-1);
187
187
  }
188
- .magritte-tag_style-negative___-HbQe_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
189
- background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-0);
188
+ .magritte-tag_style-negative___-HbQe_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
189
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-disabled-v24-4-1);
190
190
  }
191
- .magritte-tag_style-special___-IqT-_5-1-3{
192
- background-color:var(--magritte-color-component-tag-background-special-v24-4-0);
191
+ .magritte-tag_style-special___-IqT-_5-1-5{
192
+ background-color:var(--magritte-color-component-tag-background-special-v24-4-1);
193
193
  }
194
- .magritte-tag_style-special___-IqT-_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
195
- color:var(--magritte-color-component-tag-text-special-v24-4-0);
194
+ .magritte-tag_style-special___-IqT-_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
195
+ color:var(--magritte-color-component-tag-text-special-v24-4-1);
196
196
  }
197
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
198
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v24-4-0);
197
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
198
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v24-4-1);
199
199
  }
200
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
201
- background-color:var(--magritte-color-component-tag-background-on-surface-special-v24-4-0);
200
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
201
+ background-color:var(--magritte-color-component-tag-background-on-surface-special-v24-4-1);
202
202
  }
203
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
204
- background-color:var(--magritte-color-component-tag-background-state-special-disabled-v24-4-0);
203
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
204
+ background-color:var(--magritte-color-component-tag-background-state-special-disabled-v24-4-1);
205
205
  }
206
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
207
- color:var(--magritte-color-component-tag-text-state-special-disabled-v24-4-0);
206
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
207
+ color:var(--magritte-color-component-tag-text-state-special-disabled-v24-4-1);
208
208
  }
209
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
210
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v24-4-0);
209
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
210
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v24-4-1);
211
211
  }
212
- .magritte-tag_style-special___-IqT-_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
213
- background-color:var(--magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-0);
212
+ .magritte-tag_style-special___-IqT-_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
213
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-special-disabled-v24-4-1);
214
214
  }
215
- .magritte-tag_style-warning___4xBGB_5-1-3{
216
- background-color:var(--magritte-color-component-tag-background-warning-v24-4-0);
215
+ .magritte-tag_style-warning___4xBGB_5-1-5{
216
+ background-color:var(--magritte-color-component-tag-background-warning-v24-4-1);
217
217
  }
218
- .magritte-tag_style-warning___4xBGB_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
219
- color:var(--magritte-color-component-tag-text-warning-v24-4-0);
218
+ .magritte-tag_style-warning___4xBGB_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
219
+ color:var(--magritte-color-component-tag-text-warning-v24-4-1);
220
220
  }
221
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
222
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v24-4-0);
221
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
222
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v24-4-1);
223
223
  }
224
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
225
- background-color:var(--magritte-color-component-tag-background-on-surface-warning-v24-4-0);
224
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
225
+ background-color:var(--magritte-color-component-tag-background-on-surface-warning-v24-4-1);
226
226
  }
227
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
228
- background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v24-4-0);
227
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
228
+ background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v24-4-1);
229
229
  }
230
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
231
- color:var(--magritte-color-component-tag-text-state-warning-disabled-v24-4-0);
230
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
231
+ color:var(--magritte-color-component-tag-text-state-warning-disabled-v24-4-1);
232
232
  }
233
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
234
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v24-4-0);
233
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
234
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v24-4-1);
235
235
  }
236
- .magritte-tag_style-warning___4xBGB_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
237
- background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-0);
236
+ .magritte-tag_style-warning___4xBGB_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
237
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-disabled-v24-4-1);
238
238
  }
239
- .magritte-tag_style-accent___WCqKw_5-1-3{
240
- background-color:var(--magritte-color-component-tag-background-accent-v24-4-0);
239
+ .magritte-tag_style-accent___WCqKw_5-1-5{
240
+ background-color:var(--magritte-color-component-tag-background-accent-v24-4-1);
241
241
  }
242
- .magritte-tag_style-accent___WCqKw_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
243
- color:var(--magritte-color-component-tag-text-accent-v24-4-0);
242
+ .magritte-tag_style-accent___WCqKw_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
243
+ color:var(--magritte-color-component-tag-text-accent-v24-4-1);
244
244
  }
245
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-icon-color-override___z7Qmm_5-1-3{
246
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-accent-v24-4-0);
245
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-icon-color-override___z7Qmm_5-1-5{
246
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-accent-v24-4-1);
247
247
  }
248
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
249
- background-color:var(--magritte-color-component-tag-background-on-surface-accent-v24-4-0);
248
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
249
+ background-color:var(--magritte-color-component-tag-background-on-surface-accent-v24-4-1);
250
250
  }
251
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-tag_state-disabled___2su23_5-1-3{
252
- background-color:var(--magritte-color-component-tag-background-state-accent-disabled-v24-4-0);
251
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-tag_state-disabled___2su23_5-1-5{
252
+ background-color:var(--magritte-color-component-tag-background-state-accent-disabled-v24-4-1);
253
253
  }
254
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-tag_state-disabled___2su23_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
255
- color:var(--magritte-color-component-tag-text-state-accent-disabled-v24-4-0);
254
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-tag_state-disabled___2su23_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
255
+ color:var(--magritte-color-component-tag-text-state-accent-disabled-v24-4-1);
256
256
  }
257
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-disabled-icon-color-override___E6mEW_5-1-3{
258
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-accent-disabled-v24-4-0);
257
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-disabled-icon-color-override___E6mEW_5-1-5{
258
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-accent-disabled-v24-4-1);
259
259
  }
260
- .magritte-tag_style-accent___WCqKw_5-1-3.magritte-tag_state-disabled___2su23_5-1-3.magritte-on-surface___-0Bc4_5-1-3{
261
- background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-0);
260
+ .magritte-tag_style-accent___WCqKw_5-1-5.magritte-tag_state-disabled___2su23_5-1-5.magritte-on-surface___-0Bc4_5-1-5{
261
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-disabled-v24-4-1);
262
262
  }
263
- .magritte-tag_size-medium___Splpy_5-1-3{
263
+ .magritte-tag_size-medium___Splpy_5-1-5{
264
264
  border-radius:8px;
265
265
  padding:4px 8px;
266
266
  gap:4px;
@@ -268,10 +268,10 @@
268
268
  max-width:min(100%, 288px);
269
269
  box-sizing:border-box;
270
270
  }
271
- .magritte-tag_size-medium___Splpy_5-1-3 .magritte-tag__icon___Avk97_5-1-3{
271
+ .magritte-tag_size-medium___Splpy_5-1-5 .magritte-tag__icon___Avk97_5-1-5{
272
272
  padding:2px 0;
273
273
  }
274
- .magritte-tag_size-large___SWuug_5-1-3{
274
+ .magritte-tag_size-large___SWuug_5-1-5{
275
275
  border-radius:18px;
276
276
  padding:6px 10px;
277
277
  gap:2px;
@@ -279,7 +279,7 @@
279
279
  max-width:min(100%, 288px);
280
280
  box-sizing:border-box;
281
281
  }
282
- .magritte-tag_size-large___SWuug_5-1-3 .magritte-tag__label___YHV-o_5-1-3{
282
+ .magritte-tag_size-large___SWuug_5-1-5 .magritte-tag__label___YHV-o_5-1-5{
283
283
  font-family:"hh sans";
284
284
  font-weight:500;
285
285
  line-height:22px;
@@ -290,10 +290,10 @@
290
290
  text-decoration:none;
291
291
  padding:1px 2px;
292
292
  }
293
- .magritte-tag_size-large___SWuug_5-1-3 .magritte-tag__icon___Avk97_5-1-3{
293
+ .magritte-tag_size-large___SWuug_5-1-5 .magritte-tag__icon___Avk97_5-1-5{
294
294
  padding:4px 0;
295
295
  }
296
- .magritte-tag__label___YHV-o_5-1-3{
296
+ .magritte-tag__label___YHV-o_5-1-5{
297
297
  font-family:"hh sans";
298
298
  font-weight:400;
299
299
  line-height:20px;
@@ -306,7 +306,7 @@
306
306
  overflow:hidden;
307
307
  white-space:nowrap;
308
308
  }
309
- .magritte-tag__icon___Avk97_5-1-3{
309
+ .magritte-tag__icon___Avk97_5-1-5{
310
310
  display:flex;
311
311
  flex-shrink:0;
312
312
  }
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type { TagStyle, TagSize, TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';\n\nexport const Tag: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Tag', undefined, {\n withChildren: true,\n});\n"],"names":[],"mappings":";;MAMa,GAAG,GAAuD,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE;AACnG,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type { TagStyle, TagSize, TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';\n\nexport const Tag: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Tag', undefined, {\n withChildren: true,\n});\n"],"names":[],"mappings":";;MAMa,GAAG,GAAuD,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE;AACnG,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tag",
3
- "version": "5.1.3",
3
+ "version": "5.1.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,10 +19,10 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-common-use-disabled": "1.0.14",
23
- "@hh.ru/magritte-design-tokens": "24.4.0",
24
- "@hh.ru/magritte-ui-icon": "13.10.1",
25
- "@hh.ru/magritte-ui-mock-component": "1.1.6"
22
+ "@hh.ru/magritte-common-use-disabled": "1.0.15",
23
+ "@hh.ru/magritte-design-tokens": "24.4.1",
24
+ "@hh.ru/magritte-ui-icon": "13.11.1",
25
+ "@hh.ru/magritte-ui-mock-component": "1.1.7"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "classnames": ">=2.3.2",
@@ -31,5 +31,5 @@
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "dbdbcad65f9d7dc14f074ed3e1e83a48d1ef832c"
34
+ "gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
35
35
  }