@hh.ru/magritte-ui-tag 5.4.2 → 5.4.3

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 (9) hide show
  1. package/Tag.d.ts +1 -1
  2. package/Tag.js +76 -52
  3. package/Tag.js.map +1 -1
  4. package/index.css +337 -337
  5. package/index.d.ts +2 -2
  6. package/index.mock.d.ts +1 -1
  7. package/index.mock.js +2 -2
  8. package/index.mock.js.map +1 -1
  9. package/package.json +4 -4
package/Tag.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type RefAttributes } from 'react';
2
- import type { TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';
2
+ import type { TagIconProps, TagLabelProps } from './types';
3
3
  export declare const TAG_HIGHLIGHT_ANIMATION_CYCLE: number;
4
4
  export declare const Tag: {
5
5
  (props: TagIconProps & RefAttributes<HTMLDivElement>): React.ReactElement;
package/Tag.js CHANGED
@@ -7,69 +7,93 @@ import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
7
7
  import { IconDynamic } from '@hh.ru/magritte-ui-icon';
8
8
  import { isIconElement } from '@hh.ru/magritte-ui-icon/types';
9
9
 
10
- var styles = {"tag":"magritte-tag___WdGxk_5-4-2","tag-dashed":"magritte-tag-dashed___IqnQe_5-4-2","tagDashed":"magritte-tag-dashed___IqnQe_5-4-2","tag__label":"magritte-tag__label___YHV-o_5-4-2","tagLabel":"magritte-tag__label___YHV-o_5-4-2","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_5-4-2","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_5-4-2","icon-color-override":"magritte-icon-color-override___z7Qmm_5-4-2","iconColorOverride":"magritte-icon-color-override___z7Qmm_5-4-2","on-surface":"magritte-on-surface___-0Bc4_5-4-2","onSurface":"magritte-on-surface___-0Bc4_5-4-2","tag_state-disabled":"magritte-tag_state-disabled___2su23_5-4-2","tagStateDisabled":"magritte-tag_state-disabled___2su23_5-4-2","disabled-icon-color-override":"magritte-disabled-icon-color-override___E6mEW_5-4-2","disabledIconColorOverride":"magritte-disabled-icon-color-override___E6mEW_5-4-2","tag_style-positive":"magritte-tag_style-positive___o2Zfe_5-4-2","tagStylePositive":"magritte-tag_style-positive___o2Zfe_5-4-2","tag_style-negative":"magritte-tag_style-negative___-HbQe_5-4-2","tagStyleNegative":"magritte-tag_style-negative___-HbQe_5-4-2","tag_style-special":"magritte-tag_style-special___-IqT-_5-4-2","tagStyleSpecial":"magritte-tag_style-special___-IqT-_5-4-2","tag_style-warning":"magritte-tag_style-warning___4xBGB_5-4-2","tagStyleWarning":"magritte-tag_style-warning___4xBGB_5-4-2","tag_style-accent":"magritte-tag_style-accent___WCqKw_5-4-2","tagStyleAccent":"magritte-tag_style-accent___WCqKw_5-4-2","tag_size-medium":"magritte-tag_size-medium___Splpy_5-4-2","tagSizeMedium":"magritte-tag_size-medium___Splpy_5-4-2","tag__icon":"magritte-tag__icon___Avk97_5-4-2","tagIcon":"magritte-tag__icon___Avk97_5-4-2","tag_size-large":"magritte-tag_size-large___SWuug_5-4-2","tagSizeLarge":"magritte-tag_size-large___SWuug_5-4-2","tag_highlight":"magritte-tag_highlight___RmDYp_5-4-2","tagHighlight":"magritte-tag_highlight___RmDYp_5-4-2","tag-highlight-shine":"magritte-tag-highlight-shine___8ZFPr_5-4-2","tagHighlightShine":"magritte-tag-highlight-shine___8ZFPr_5-4-2"};
10
+ var styles = {"tag":"magritte-tag___WdGxk_5-4-3","tag-dashed":"magritte-tag-dashed___IqnQe_5-4-3","tagDashed":"magritte-tag-dashed___IqnQe_5-4-3","tag__label":"magritte-tag__label___YHV-o_5-4-3","tagLabel":"magritte-tag__label___YHV-o_5-4-3","tag_style-neutral":"magritte-tag_style-neutral___cw1Bt_5-4-3","tagStyleNeutral":"magritte-tag_style-neutral___cw1Bt_5-4-3","icon-color-override":"magritte-icon-color-override___z7Qmm_5-4-3","iconColorOverride":"magritte-icon-color-override___z7Qmm_5-4-3","on-surface":"magritte-on-surface___-0Bc4_5-4-3","onSurface":"magritte-on-surface___-0Bc4_5-4-3","tag_state-disabled":"magritte-tag_state-disabled___2su23_5-4-3","tagStateDisabled":"magritte-tag_state-disabled___2su23_5-4-3","disabled-icon-color-override":"magritte-disabled-icon-color-override___E6mEW_5-4-3","disabledIconColorOverride":"magritte-disabled-icon-color-override___E6mEW_5-4-3","tag_style-positive":"magritte-tag_style-positive___o2Zfe_5-4-3","tagStylePositive":"magritte-tag_style-positive___o2Zfe_5-4-3","tag_style-negative":"magritte-tag_style-negative___-HbQe_5-4-3","tagStyleNegative":"magritte-tag_style-negative___-HbQe_5-4-3","tag_style-special":"magritte-tag_style-special___-IqT-_5-4-3","tagStyleSpecial":"magritte-tag_style-special___-IqT-_5-4-3","tag_style-warning":"magritte-tag_style-warning___4xBGB_5-4-3","tagStyleWarning":"magritte-tag_style-warning___4xBGB_5-4-3","tag_style-accent":"magritte-tag_style-accent___WCqKw_5-4-3","tagStyleAccent":"magritte-tag_style-accent___WCqKw_5-4-3","tag_size-medium":"magritte-tag_size-medium___Splpy_5-4-3","tagSizeMedium":"magritte-tag_size-medium___Splpy_5-4-3","tag__icon":"magritte-tag__icon___Avk97_5-4-3","tagIcon":"magritte-tag__icon___Avk97_5-4-3","tag_size-large":"magritte-tag_size-large___SWuug_5-4-3","tagSizeLarge":"magritte-tag_size-large___SWuug_5-4-3","tag_highlight":"magritte-tag_highlight___RmDYp_5-4-3","tagHighlight":"magritte-tag_highlight___RmDYp_5-4-3","tag-highlight-shine":"magritte-tag-highlight-shine___8ZFPr_5-4-3","tagHighlightShine":"magritte-tag-highlight-shine___8ZFPr_5-4-3"};
11
11
 
12
12
  const TAG_HIGHLIGHT_MOTION = 1440;
13
13
  const TAG_HIGHLIGHT_PAUSE = 2500;
14
14
  const TAG_HIGHLIGHT_ANIMATION_CYCLE = TAG_HIGHLIGHT_MOTION + TAG_HIGHLIGHT_PAUSE;
15
- const TAG_HIGHLIGHT_DELAY_PROPERTY = '--tag-highlight-delay';
16
- const TAG_HIGHLIGHT_DURATION_PROPERTY = '--tag-highlight-duration';
17
- const TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE = 'animationSynced';
15
+ const TAG_HIGHLIGHT_DELAY_PROPERTY = "--tag-highlight-delay";
16
+ const TAG_HIGHLIGHT_DURATION_PROPERTY = "--tag-highlight-duration";
17
+ const TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE = "animationSynced";
18
18
  const getTagHighlightDelay = () => {
19
- const phase = Date.now() % TAG_HIGHLIGHT_ANIMATION_CYCLE;
20
- if (phase === 0) {
21
- return 0;
22
- }
23
- return phase < TAG_HIGHLIGHT_MOTION ? TAG_HIGHLIGHT_ANIMATION_CYCLE - phase : -phase;
19
+ const phase = Date.now() % TAG_HIGHLIGHT_ANIMATION_CYCLE;
20
+ if (phase === 0) {
21
+ return 0;
22
+ }
23
+ return phase < TAG_HIGHLIGHT_MOTION ? TAG_HIGHLIGHT_ANIMATION_CYCLE - phase : -phase;
24
24
  };
25
25
  const SIZE_TO_CSS = {
26
- large: styles.tagSizeLarge,
27
- medium: styles.tagSizeMedium,
26
+ large: styles.tagSizeLarge,
27
+ medium: styles.tagSizeMedium
28
28
  };
29
29
  const STYLE_TO_CSS = {
30
- special: styles.tagStyleSpecial,
31
- warning: styles.tagStyleWarning,
32
- positive: styles.tagStylePositive,
33
- negative: styles.tagStyleNegative,
34
- neutral: styles.tagStyleNeutral,
35
- accent: styles.tagStyleAccent,
30
+ special: styles.tagStyleSpecial,
31
+ warning: styles.tagStyleWarning,
32
+ positive: styles.tagStylePositive,
33
+ negative: styles.tagStyleNegative,
34
+ neutral: styles.tagStyleNeutral,
35
+ accent: styles.tagStyleAccent
36
36
  };
37
- const TagComponent = ({ style = 'neutral', size = 'medium', disabled = false, hideLabel, icon, highlight = false, dashed = false, onClick, 'aria-label': ariaLabel, children, onSurface, 'data-qa': dataQa, }, ref) => {
38
- const tagRef = useRef(null);
39
- const tagRefMulti = useMultipleRefs(tagRef, ref);
40
- const showLabel = !hideLabel && children;
41
- const isDisabled = useDisabled() || disabled;
42
- const withIcon = isIconElement(icon) && icon.type._size === 16;
43
- const isHighlightEnabled = highlight && !isDisabled;
44
- useLayoutEffect(() => {
45
- const tagEl = tagRef.current;
46
- if (!isHighlightEnabled || !tagEl) {
47
- tagEl?.style.removeProperty(TAG_HIGHLIGHT_DELAY_PROPERTY);
48
- tagEl?.style.removeProperty(TAG_HIGHLIGHT_DURATION_PROPERTY);
49
- delete tagEl?.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE];
50
- return undefined;
51
- }
52
- tagEl.style.setProperty(TAG_HIGHLIGHT_DURATION_PROPERTY, `${TAG_HIGHLIGHT_ANIMATION_CYCLE}ms`);
53
- // During hydration, synchronous animation-delay setup via useLayoutEffect
54
- // does not guarantee proper phase alignment. raf ensures correct timing.
55
- const animationFrameId = requestAnimationFrame(() => {
56
- const syncedDelay = getTagHighlightDelay();
57
- tagEl.style.setProperty(TAG_HIGHLIGHT_DELAY_PROPERTY, `${syncedDelay}ms`);
58
- tagEl.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE] = 'true';
59
- });
60
- return () => {
61
- cancelAnimationFrame(animationFrameId);
62
- };
63
- }, [isHighlightEnabled]);
64
- const className = classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {
65
- [styles.tagStateDisabled]: isDisabled,
66
- [styles.tagHighlight]: isHighlightEnabled,
67
- [styles.tagDashed]: dashed,
68
- [styles.iconColorOverride]: withIcon && !isDisabled && !('initialColor' in icon.props || 'hex' in icon.props),
69
- [styles.disabledIconColorOverride]: withIcon && isDisabled && !('disabledColor' in icon.props || 'hexDisabled' in icon.props),
70
- [styles.onSurface]: onSurface,
37
+ const TagComponent = ({
38
+ style = "neutral",
39
+ size = "medium",
40
+ disabled = false,
41
+ hideLabel,
42
+ icon,
43
+ highlight = false,
44
+ dashed = false,
45
+ onClick,
46
+ "aria-label": ariaLabel,
47
+ children,
48
+ onSurface,
49
+ "data-qa": dataQa
50
+ }, ref) => {
51
+ const tagRef = useRef(null);
52
+ const tagRefMulti = useMultipleRefs(tagRef, ref);
53
+ const showLabel = !hideLabel && children;
54
+ const isDisabled = useDisabled() || disabled;
55
+ const withIcon = isIconElement(icon) && icon.type._size === 16;
56
+ const isHighlightEnabled = highlight && !isDisabled;
57
+ useLayoutEffect(() => {
58
+ const tagEl = tagRef.current;
59
+ if (!isHighlightEnabled || !tagEl) {
60
+ tagEl?.style.removeProperty(TAG_HIGHLIGHT_DELAY_PROPERTY);
61
+ tagEl?.style.removeProperty(TAG_HIGHLIGHT_DURATION_PROPERTY);
62
+ delete tagEl?.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE];
63
+ return void 0;
64
+ }
65
+ tagEl.style.setProperty(TAG_HIGHLIGHT_DURATION_PROPERTY, `${TAG_HIGHLIGHT_ANIMATION_CYCLE}ms`);
66
+ const animationFrameId = requestAnimationFrame(() => {
67
+ const syncedDelay = getTagHighlightDelay();
68
+ tagEl.style.setProperty(TAG_HIGHLIGHT_DELAY_PROPERTY, `${syncedDelay}ms`);
69
+ tagEl.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE] = "true";
71
70
  });
72
- return (jsxs("div", { ref: tagRefMulti, className: className, "aria-disabled": isDisabled, onClick: dashed && !isDisabled ? onClick : undefined, "data-qa": dataQa, children: [withIcon && (jsx(DisabledContext.Provider, { value: isDisabled, children: jsx(IconDynamic, { hoverEnabled: false, pressEnabled: false, children: jsx("div", { className: styles.tagIcon, children: cloneElement(icon, { 'aria-label': !showLabel ? ariaLabel : undefined }) }) }) })), showLabel && jsx("div", { className: styles.tagLabel, children: children })] }));
71
+ return () => {
72
+ cancelAnimationFrame(animationFrameId);
73
+ };
74
+ }, [isHighlightEnabled]);
75
+ const className = classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {
76
+ [styles.tagStateDisabled]: isDisabled,
77
+ [styles.tagHighlight]: isHighlightEnabled,
78
+ [styles.tagDashed]: dashed,
79
+ [styles.iconColorOverride]: withIcon && !isDisabled && !("initialColor" in icon.props || "hex" in icon.props),
80
+ [styles.disabledIconColorOverride]: withIcon && isDisabled && !("disabledColor" in icon.props || "hexDisabled" in icon.props),
81
+ [styles.onSurface]: onSurface
82
+ });
83
+ return /* @__PURE__ */ jsxs(
84
+ "div",
85
+ {
86
+ ref: tagRefMulti,
87
+ className,
88
+ "aria-disabled": isDisabled,
89
+ onClick: dashed && !isDisabled ? onClick : void 0,
90
+ "data-qa": dataQa,
91
+ children: [
92
+ withIcon && /* @__PURE__ */ jsx(DisabledContext.Provider, { value: isDisabled, children: /* @__PURE__ */ jsx(IconDynamic, { hoverEnabled: false, pressEnabled: false, children: /* @__PURE__ */ jsx("div", { className: styles.tagIcon, children: cloneElement(icon, { "aria-label": !showLabel ? ariaLabel : void 0 }) }) }) }),
93
+ showLabel && /* @__PURE__ */ jsx("div", { className: styles.tagLabel, children })
94
+ ]
95
+ }
96
+ );
73
97
  };
74
98
  const Tag = forwardRef(TagComponent);
75
99
 
package/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["src/Tag.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useLayoutEffect, useRef, type ForwardedRef, type RefAttributes } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\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 TAG_HIGHLIGHT_MOTION = 1440;\nconst TAG_HIGHLIGHT_PAUSE = 2500;\nexport const TAG_HIGHLIGHT_ANIMATION_CYCLE = TAG_HIGHLIGHT_MOTION + TAG_HIGHLIGHT_PAUSE;\n\nconst TAG_HIGHLIGHT_DELAY_PROPERTY = '--tag-highlight-delay';\nconst TAG_HIGHLIGHT_DURATION_PROPERTY = '--tag-highlight-duration';\nconst TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE = 'animationSynced';\n\nconst getTagHighlightDelay = (): number => {\n const phase = Date.now() % TAG_HIGHLIGHT_ANIMATION_CYCLE;\n\n if (phase === 0) {\n return 0;\n }\n\n return phase < TAG_HIGHLIGHT_MOTION ? TAG_HIGHLIGHT_ANIMATION_CYCLE - phase : -phase;\n};\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\nconst TagComponent = (\n {\n style = 'neutral',\n size = 'medium',\n disabled = false,\n hideLabel,\n icon,\n highlight = false,\n dashed = false,\n onClick,\n 'aria-label': ariaLabel,\n children,\n onSurface,\n 'data-qa': dataQa,\n }: TagIconProps | TagLabelProps,\n ref: ForwardedRef<HTMLDivElement>\n): React.ReactElement => {\n const tagRef = useRef<HTMLDivElement>(null);\n const tagRefMulti = useMultipleRefs(tagRef, ref);\n const showLabel = !hideLabel && children;\n const isDisabled = useDisabled() || disabled;\n const withIcon = isIconElement(icon) && (icon.type as IconWrapperComponentSize16)._size === 16;\n const isHighlightEnabled = highlight && !isDisabled;\n\n useLayoutEffect(() => {\n const tagEl = tagRef.current;\n if (!isHighlightEnabled || !tagEl) {\n tagEl?.style.removeProperty(TAG_HIGHLIGHT_DELAY_PROPERTY);\n tagEl?.style.removeProperty(TAG_HIGHLIGHT_DURATION_PROPERTY);\n delete tagEl?.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE];\n return undefined;\n }\n tagEl.style.setProperty(TAG_HIGHLIGHT_DURATION_PROPERTY, `${TAG_HIGHLIGHT_ANIMATION_CYCLE}ms`);\n // During hydration, synchronous animation-delay setup via useLayoutEffect\n // does not guarantee proper phase alignment. raf ensures correct timing.\n const animationFrameId = requestAnimationFrame(() => {\n const syncedDelay = getTagHighlightDelay();\n tagEl.style.setProperty(TAG_HIGHLIGHT_DELAY_PROPERTY, `${syncedDelay}ms`);\n tagEl.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE] = 'true';\n });\n return () => {\n cancelAnimationFrame(animationFrameId);\n };\n }, [isHighlightEnabled]);\n\n const className = classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {\n [styles.tagStateDisabled]: isDisabled,\n [styles.tagHighlight]: isHighlightEnabled,\n [styles.tagDashed]: dashed,\n [styles.iconColorOverride]: 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 return (\n <div\n ref={tagRefMulti}\n className={className}\n aria-disabled={isDisabled}\n onClick={dashed && !isDisabled ? onClick : undefined}\n data-qa={dataQa}\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\nexport const Tag = forwardRef(TagComponent) as {\n (props: TagIconProps & RefAttributes<HTMLDivElement>): React.ReactElement;\n (props: TagLabelProps & RefAttributes<HTMLDivElement>): React.ReactElement;\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAWA,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAClC,MAAM,mBAAmB,GAAG,IAAI,CAAC;AACpB,MAAA,6BAA6B,GAAG,oBAAoB,GAAG,oBAAoB;AAExF,MAAM,4BAA4B,GAAG,uBAAuB,CAAC;AAC7D,MAAM,+BAA+B,GAAG,0BAA0B,CAAC;AACnE,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;AAE5D,MAAM,oBAAoB,GAAG,MAAa;IACtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,6BAA6B,CAAC;AAEzD,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACb,QAAA,OAAO,CAAC,CAAC;KACZ;AAED,IAAA,OAAO,KAAK,GAAG,oBAAoB,GAAG,6BAA6B,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACzF,CAAC,CAAC;AAEF,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;AAEF,MAAM,YAAY,GAAG,CACjB,EACI,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,SAAS,EAAE,MAAM,GACU,EAC/B,GAAiC,KACb;AACpB,IAAA,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACjD,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,MAAM,kBAAkB,GAAG,SAAS,IAAI,CAAC,UAAU,CAAC;IAEpD,eAAe,CAAC,MAAK;AACjB,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,CAAC,kBAAkB,IAAI,CAAC,KAAK,EAAE;AAC/B,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,4BAA4B,CAAC,CAAC;AAC1D,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC;AAC7D,YAAA,OAAO,KAAK,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAC;AACzD,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,+BAA+B,EAAE,CAAG,EAAA,6BAA6B,CAAI,EAAA,CAAA,CAAC,CAAC;;;AAG/F,QAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,MAAK;AAChD,YAAA,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;YAC3C,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,CAAG,EAAA,WAAW,CAAI,EAAA,CAAA,CAAC,CAAC;AAC1E,YAAA,KAAK,CAAC,OAAO,CAAC,iCAAiC,CAAC,GAAG,MAAM,CAAC;AAC9D,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,MAAK;YACR,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;AAC3C,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE;AAC7E,QAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,UAAU;AACrC,QAAA,CAAC,MAAM,CAAC,YAAY,GAAG,kBAAkB;AACzC,QAAA,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM;QAC1B,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ,IAAI,CAAC,UAAU,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;QAC7G,CAAC,MAAM,CAAC,yBAAyB,GAC7B,QAAQ,IAAI,UAAU,IAAI,EAAE,eAAe,IAAI,IAAI,CAAC,KAAK,IAAI,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC;AAC7F,QAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAChC,KAAA,CAAC,CAAC;IAEH,QACIA,cACI,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,UAAU,EACzB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,SAAS,aAC3C,MAAM,EAAA,QAAA,EAAA,CAEd,QAAQ,KACLC,IAAC,eAAe,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,IAAC,WAAW,EAAA,EAAC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,YACjDA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,QAAA,EAAA,YAAY,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,EAAE,CAAC,EAAA,CACvE,GACI,EACS,CAAA,CAC9B,EACA,SAAS,IAAIA,aAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,EAAA,CAAO,CAC7D,EAAA,CAAA,EACR;AACN,CAAC,CAAC;MAEW,GAAG,GAAG,UAAU,CAAC,YAAY;;;;"}
1
+ {"version":3,"file":"Tag.js","sources":["src/Tag.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useLayoutEffect, useRef, type ForwardedRef, type RefAttributes } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\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 TAG_HIGHLIGHT_MOTION = 1440;\nconst TAG_HIGHLIGHT_PAUSE = 2500;\nexport const TAG_HIGHLIGHT_ANIMATION_CYCLE = TAG_HIGHLIGHT_MOTION + TAG_HIGHLIGHT_PAUSE;\n\nconst TAG_HIGHLIGHT_DELAY_PROPERTY = '--tag-highlight-delay';\nconst TAG_HIGHLIGHT_DURATION_PROPERTY = '--tag-highlight-duration';\nconst TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE = 'animationSynced';\n\nconst getTagHighlightDelay = (): number => {\n const phase = Date.now() % TAG_HIGHLIGHT_ANIMATION_CYCLE;\n\n if (phase === 0) {\n return 0;\n }\n\n return phase < TAG_HIGHLIGHT_MOTION ? TAG_HIGHLIGHT_ANIMATION_CYCLE - phase : -phase;\n};\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\nconst TagComponent = (\n {\n style = 'neutral',\n size = 'medium',\n disabled = false,\n hideLabel,\n icon,\n highlight = false,\n dashed = false,\n onClick,\n 'aria-label': ariaLabel,\n children,\n onSurface,\n 'data-qa': dataQa,\n }: TagIconProps | TagLabelProps,\n ref: ForwardedRef<HTMLDivElement>\n): React.ReactElement => {\n const tagRef = useRef<HTMLDivElement>(null);\n const tagRefMulti = useMultipleRefs(tagRef, ref);\n const showLabel = !hideLabel && children;\n const isDisabled = useDisabled() || disabled;\n const withIcon = isIconElement(icon) && (icon.type as IconWrapperComponentSize16)._size === 16;\n const isHighlightEnabled = highlight && !isDisabled;\n\n useLayoutEffect(() => {\n const tagEl = tagRef.current;\n if (!isHighlightEnabled || !tagEl) {\n tagEl?.style.removeProperty(TAG_HIGHLIGHT_DELAY_PROPERTY);\n tagEl?.style.removeProperty(TAG_HIGHLIGHT_DURATION_PROPERTY);\n delete tagEl?.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE];\n return undefined;\n }\n tagEl.style.setProperty(TAG_HIGHLIGHT_DURATION_PROPERTY, `${TAG_HIGHLIGHT_ANIMATION_CYCLE}ms`);\n // During hydration, synchronous animation-delay setup via useLayoutEffect\n // does not guarantee proper phase alignment. raf ensures correct timing.\n const animationFrameId = requestAnimationFrame(() => {\n const syncedDelay = getTagHighlightDelay();\n tagEl.style.setProperty(TAG_HIGHLIGHT_DELAY_PROPERTY, `${syncedDelay}ms`);\n tagEl.dataset[TAG_HIGHLIGHT_SYNC_DATA_ATTRIBUTE] = 'true';\n });\n return () => {\n cancelAnimationFrame(animationFrameId);\n };\n }, [isHighlightEnabled]);\n\n const className = classnames(styles.tag, STYLE_TO_CSS[style], SIZE_TO_CSS[size], {\n [styles.tagStateDisabled]: isDisabled,\n [styles.tagHighlight]: isHighlightEnabled,\n [styles.tagDashed]: dashed,\n [styles.iconColorOverride]: 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 return (\n <div\n ref={tagRefMulti}\n className={className}\n aria-disabled={isDisabled}\n onClick={dashed && !isDisabled ? onClick : undefined}\n data-qa={dataQa}\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\nexport const Tag = forwardRef(TagComponent) as {\n (props: TagIconProps & RefAttributes<HTMLDivElement>): React.ReactElement;\n (props: TagLabelProps & RefAttributes<HTMLDivElement>): React.ReactElement;\n};\n"],"names":[],"mappings":"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"}
package/index.css CHANGED
@@ -1,166 +1,166 @@
1
1
  :root{
2
- --magritte-color-component-tag-background-neutral-v26-0-0:#F1F4F9;
3
- --magritte-color-component-tag-background-positive-v26-0-0:#E8F9EC;
4
- --magritte-color-component-tag-background-negative-v26-0-0:#FEF2EF;
5
- --magritte-color-component-tag-background-warning-v26-0-0:#FFF3E6;
6
- --magritte-color-component-tag-background-special-v26-0-0:#F7F4FF;
7
- --magritte-color-component-tag-background-accent-v26-0-0:#EDF6FF;
8
- --magritte-color-component-tag-background-on-surface-neutral-v26-0-0:#ffffff;
9
- --magritte-color-component-tag-background-on-surface-positive-v26-0-0:#ffffff;
10
- --magritte-color-component-tag-background-on-surface-negative-v26-0-0:#ffffff;
11
- --magritte-color-component-tag-background-on-surface-warning-v26-0-0:#ffffff;
12
- --magritte-color-component-tag-background-on-surface-special-v26-0-0:#ffffff;
13
- --magritte-color-component-tag-background-on-surface-accent-v26-0-0:#ffffff;
14
- --magritte-color-component-tag-background-state-neutral-disabled-v26-0-0:#f1f4f97a;
15
- --magritte-color-component-tag-background-state-positive-disabled-v26-0-0:#e8f9ec7a;
16
- --magritte-color-component-tag-background-state-negative-disabled-v26-0-0:#fef2ef7a;
17
- --magritte-color-component-tag-background-state-warning-disabled-v26-0-0:#fff3e67a;
18
- --magritte-color-component-tag-background-state-special-disabled-v26-0-0:#f7f4ff7a;
19
- --magritte-color-component-tag-background-state-accent-disabled-v26-0-0:#edf6ff7a;
20
- --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-0:#ffffff7a;
21
- --magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-0:#ffffff7a;
22
- --magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-0:#ffffff7a;
23
- --magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-0:#ffffff7a;
24
- --magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-0:#ffffff7a;
25
- --magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-0:#ffffff7a;
26
- --magritte-color-component-tag-background-state-neutral-hovered-v26-0-0:#F4F6FB;
27
- --magritte-color-component-tag-background-state-positive-hovered-v26-0-0:#f0fbf3;
28
- --magritte-color-component-tag-background-state-negative-hovered-v26-0-0:#fff6f4;
29
- --magritte-color-component-tag-background-state-warning-hovered-v26-0-0:#fff7ee;
30
- --magritte-color-component-tag-background-state-special-hovered-v26-0-0:#f9f7ff;
31
- --magritte-color-component-tag-background-state-accent-hovered-v26-0-0:#f3f9ff;
32
- --magritte-color-component-tag-background-state-neutral-pressed-v26-0-0:#F1F4F9;
33
- --magritte-color-component-tag-background-state-positive-pressed-v26-0-0:#E8F9EC;
34
- --magritte-color-component-tag-background-state-negative-pressed-v26-0-0:#FEF2EF;
35
- --magritte-color-component-tag-background-state-warning-pressed-v26-0-0:#FFF3E6;
36
- --magritte-color-component-tag-background-state-special-pressed-v26-0-0:#F7F4FF;
37
- --magritte-color-component-tag-background-state-accent-pressed-v26-0-0:#EDF6FF;
38
- --magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-0:#ffffff;
39
- --magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-0:#ffffff;
40
- --magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-0:#ffffff;
41
- --magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-0:#ffffff;
42
- --magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-0:#ffffff;
43
- --magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-0:#ffffff;
44
- --magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-0:#ffffff;
45
- --magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-0:#ffffff;
46
- --magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-0:#ffffff;
47
- --magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-0:#ffffff;
48
- --magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-0:#ffffff;
49
- --magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-0:#ffffff;
50
- --magritte-color-component-tag-text-neutral-v26-0-0:#000000;
51
- --magritte-color-component-tag-text-positive-v26-0-0:#10b55f;
52
- --magritte-color-component-tag-text-negative-v26-0-0:#ee4735;
53
- --magritte-color-component-tag-text-warning-v26-0-0:#ff9900;
54
- --magritte-color-component-tag-text-special-v26-0-0:#883be9;
55
- --magritte-color-component-tag-text-accent-v26-0-0:#0d63e3;
56
- --magritte-color-component-tag-text-state-neutral-disabled-v26-0-0:#0000007a;
57
- --magritte-color-component-tag-text-state-positive-disabled-v26-0-0:#00984f7a;
58
- --magritte-color-component-tag-text-state-negative-disabled-v26-0-0:#ee47357a;
59
- --magritte-color-component-tag-text-state-warning-disabled-v26-0-0:#c373047a;
60
- --magritte-color-component-tag-text-state-special-disabled-v26-0-0:#883be97a;
61
- --magritte-color-component-tag-text-state-accent-disabled-v26-0-0:#0d63e37a;
62
- --magritte-color-component-tag-icon-neutral-v26-0-0:#000000;
63
- --magritte-color-component-tag-icon-positive-v26-0-0:#10b55f;
64
- --magritte-color-component-tag-icon-negative-v26-0-0:#ee4735;
65
- --magritte-color-component-tag-icon-warning-v26-0-0:#ff9900;
66
- --magritte-color-component-tag-icon-special-v26-0-0:#883be9;
67
- --magritte-color-component-tag-icon-accent-v26-0-0:#0d63e3;
68
- --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-0:#0000007a;
69
- --magritte-color-component-tag-icon-state-positive-disabled-v26-0-0:#00984f7a;
70
- --magritte-color-component-tag-icon-state-negative-disabled-v26-0-0:#ee47357a;
71
- --magritte-color-component-tag-icon-state-warning-disabled-v26-0-0:#c373047a;
72
- --magritte-color-component-tag-icon-state-special-disabled-v26-0-0:#883be97a;
73
- --magritte-color-component-tag-icon-state-accent-disabled-v26-0-0:#0d63e37a;
2
+ --magritte-color-component-tag-background-neutral-v26-0-1:#F1F4F9;
3
+ --magritte-color-component-tag-background-positive-v26-0-1:#E8F9EC;
4
+ --magritte-color-component-tag-background-negative-v26-0-1:#FEF2EF;
5
+ --magritte-color-component-tag-background-warning-v26-0-1:#FFF3E6;
6
+ --magritte-color-component-tag-background-special-v26-0-1:#F7F4FF;
7
+ --magritte-color-component-tag-background-accent-v26-0-1:#EDF6FF;
8
+ --magritte-color-component-tag-background-on-surface-neutral-v26-0-1:#ffffff;
9
+ --magritte-color-component-tag-background-on-surface-positive-v26-0-1:#ffffff;
10
+ --magritte-color-component-tag-background-on-surface-negative-v26-0-1:#ffffff;
11
+ --magritte-color-component-tag-background-on-surface-warning-v26-0-1:#ffffff;
12
+ --magritte-color-component-tag-background-on-surface-special-v26-0-1:#ffffff;
13
+ --magritte-color-component-tag-background-on-surface-accent-v26-0-1:#ffffff;
14
+ --magritte-color-component-tag-background-state-neutral-disabled-v26-0-1:#f1f4f97a;
15
+ --magritte-color-component-tag-background-state-positive-disabled-v26-0-1:#e8f9ec7a;
16
+ --magritte-color-component-tag-background-state-negative-disabled-v26-0-1:#fef2ef7a;
17
+ --magritte-color-component-tag-background-state-warning-disabled-v26-0-1:#fff3e67a;
18
+ --magritte-color-component-tag-background-state-special-disabled-v26-0-1:#f7f4ff7a;
19
+ --magritte-color-component-tag-background-state-accent-disabled-v26-0-1:#edf6ff7a;
20
+ --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-1:#ffffff7a;
21
+ --magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-1:#ffffff7a;
22
+ --magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-1:#ffffff7a;
23
+ --magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-1:#ffffff7a;
24
+ --magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-1:#ffffff7a;
25
+ --magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-1:#ffffff7a;
26
+ --magritte-color-component-tag-background-state-neutral-hovered-v26-0-1:#F4F6FB;
27
+ --magritte-color-component-tag-background-state-positive-hovered-v26-0-1:#f0fbf3;
28
+ --magritte-color-component-tag-background-state-negative-hovered-v26-0-1:#fff6f4;
29
+ --magritte-color-component-tag-background-state-warning-hovered-v26-0-1:#fff7ee;
30
+ --magritte-color-component-tag-background-state-special-hovered-v26-0-1:#f9f7ff;
31
+ --magritte-color-component-tag-background-state-accent-hovered-v26-0-1:#f3f9ff;
32
+ --magritte-color-component-tag-background-state-neutral-pressed-v26-0-1:#F1F4F9;
33
+ --magritte-color-component-tag-background-state-positive-pressed-v26-0-1:#E8F9EC;
34
+ --magritte-color-component-tag-background-state-negative-pressed-v26-0-1:#FEF2EF;
35
+ --magritte-color-component-tag-background-state-warning-pressed-v26-0-1:#FFF3E6;
36
+ --magritte-color-component-tag-background-state-special-pressed-v26-0-1:#F7F4FF;
37
+ --magritte-color-component-tag-background-state-accent-pressed-v26-0-1:#EDF6FF;
38
+ --magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-1:#ffffff;
39
+ --magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-1:#ffffff;
40
+ --magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-1:#ffffff;
41
+ --magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-1:#ffffff;
42
+ --magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-1:#ffffff;
43
+ --magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-1:#ffffff;
44
+ --magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-1:#ffffff;
45
+ --magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-1:#ffffff;
46
+ --magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-1:#ffffff;
47
+ --magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-1:#ffffff;
48
+ --magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-1:#ffffff;
49
+ --magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-1:#ffffff;
50
+ --magritte-color-component-tag-text-neutral-v26-0-1:#000000;
51
+ --magritte-color-component-tag-text-positive-v26-0-1:#10b55f;
52
+ --magritte-color-component-tag-text-negative-v26-0-1:#ee4735;
53
+ --magritte-color-component-tag-text-warning-v26-0-1:#ff9900;
54
+ --magritte-color-component-tag-text-special-v26-0-1:#883be9;
55
+ --magritte-color-component-tag-text-accent-v26-0-1:#0d63e3;
56
+ --magritte-color-component-tag-text-state-neutral-disabled-v26-0-1:#0000007a;
57
+ --magritte-color-component-tag-text-state-positive-disabled-v26-0-1:#00984f7a;
58
+ --magritte-color-component-tag-text-state-negative-disabled-v26-0-1:#ee47357a;
59
+ --magritte-color-component-tag-text-state-warning-disabled-v26-0-1:#c373047a;
60
+ --magritte-color-component-tag-text-state-special-disabled-v26-0-1:#883be97a;
61
+ --magritte-color-component-tag-text-state-accent-disabled-v26-0-1:#0d63e37a;
62
+ --magritte-color-component-tag-icon-neutral-v26-0-1:#000000;
63
+ --magritte-color-component-tag-icon-positive-v26-0-1:#10b55f;
64
+ --magritte-color-component-tag-icon-negative-v26-0-1:#ee4735;
65
+ --magritte-color-component-tag-icon-warning-v26-0-1:#ff9900;
66
+ --magritte-color-component-tag-icon-special-v26-0-1:#883be9;
67
+ --magritte-color-component-tag-icon-accent-v26-0-1:#0d63e3;
68
+ --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-1:#0000007a;
69
+ --magritte-color-component-tag-icon-state-positive-disabled-v26-0-1:#00984f7a;
70
+ --magritte-color-component-tag-icon-state-negative-disabled-v26-0-1:#ee47357a;
71
+ --magritte-color-component-tag-icon-state-warning-disabled-v26-0-1:#c373047a;
72
+ --magritte-color-component-tag-icon-state-special-disabled-v26-0-1:#883be97a;
73
+ --magritte-color-component-tag-icon-state-accent-disabled-v26-0-1:#0d63e37a;
74
74
  }
75
75
 
76
76
  .magritte-night-theme{
77
- --magritte-color-component-tag-background-neutral-v26-0-0:#303030;
78
- --magritte-color-component-tag-background-positive-v26-0-0:#16321F;
79
- --magritte-color-component-tag-background-negative-v26-0-0:#3D2622;
80
- --magritte-color-component-tag-background-warning-v26-0-0:#3D270E;
81
- --magritte-color-component-tag-background-special-v26-0-0:#2F293C;
82
- --magritte-color-component-tag-background-accent-v26-0-0:#222D3D;
83
- --magritte-color-component-tag-background-on-surface-neutral-v26-0-0:#1B1B1B;
84
- --magritte-color-component-tag-background-on-surface-positive-v26-0-0:#1B1B1B;
85
- --magritte-color-component-tag-background-on-surface-negative-v26-0-0:#1B1B1B;
86
- --magritte-color-component-tag-background-on-surface-warning-v26-0-0:#1B1B1B;
87
- --magritte-color-component-tag-background-on-surface-special-v26-0-0:#1B1B1B;
88
- --magritte-color-component-tag-background-on-surface-accent-v26-0-0:#1B1B1B;
89
- --magritte-color-component-tag-text-neutral-v26-0-0:#ffffff;
90
- --magritte-color-component-tag-text-negative-v26-0-0:#ff4d3a;
91
- --magritte-color-component-tag-text-warning-v26-0-0:#D78009;
92
- --magritte-color-component-tag-text-special-v26-0-0:#a579f4;
93
- --magritte-color-component-tag-text-accent-v26-0-0:#5e9eff;
94
- --magritte-color-component-tag-icon-neutral-v26-0-0:#ffffff;
95
- --magritte-color-component-tag-icon-negative-v26-0-0:#ff4d3a;
96
- --magritte-color-component-tag-icon-warning-v26-0-0:#D78009;
97
- --magritte-color-component-tag-icon-special-v26-0-0:#a579f4;
98
- --magritte-color-component-tag-icon-accent-v26-0-0:#5e9eff;
99
- --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-0:#aabbca7a;
100
- --magritte-color-component-tag-icon-state-positive-disabled-v26-0-0:#10b55f7a;
101
- --magritte-color-component-tag-icon-state-negative-disabled-v26-0-0:#ff4d3a7a;
102
- --magritte-color-component-tag-icon-state-warning-disabled-v26-0-0:#d780097a;
103
- --magritte-color-component-tag-icon-state-special-disabled-v26-0-0:#a579f47a;
104
- --magritte-color-component-tag-text-state-neutral-disabled-v26-0-0:#aabbca7a;
105
- --magritte-color-component-tag-text-state-positive-disabled-v26-0-0:#10b55f7a;
106
- --magritte-color-component-tag-text-state-negative-disabled-v26-0-0:#ff4d3a7a;
107
- --magritte-color-component-tag-text-state-warning-disabled-v26-0-0:#d780097a;
108
- --magritte-color-component-tag-text-state-special-disabled-v26-0-0:#a579f47a;
109
- --magritte-color-component-tag-background-state-neutral-disabled-v26-0-0:#3030307a;
110
- --magritte-color-component-tag-background-state-positive-disabled-v26-0-0:#16321f7a;
111
- --magritte-color-component-tag-background-state-negative-disabled-v26-0-0:#3d26227a;
112
- --magritte-color-component-tag-background-state-warning-disabled-v26-0-0:#3d270e7a;
113
- --magritte-color-component-tag-background-state-special-disabled-v26-0-0:#2f293c7a;
114
- --magritte-color-component-tag-background-state-accent-disabled-v26-0-0:#222d3d7a;
115
- --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-0:#1b1b1b7a;
116
- --magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-0:#1b1b1b7a;
117
- --magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-0:#1b1b1b7a;
118
- --magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-0:#1b1b1b7a;
119
- --magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-0:#1b1b1b7a;
120
- --magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-0:#1b1b1b7a;
121
- --magritte-color-component-tag-background-state-neutral-hovered-v26-0-0:#3B3B3B;
122
- --magritte-color-component-tag-background-state-positive-hovered-v26-0-0:#012d13;
123
- --magritte-color-component-tag-background-state-negative-hovered-v26-0-0:#4c1008;
124
- --magritte-color-component-tag-background-state-warning-hovered-v26-0-0:#3D270E;
125
- --magritte-color-component-tag-background-state-special-hovered-v26-0-0:#2F293C;
126
- --magritte-color-component-tag-background-state-neutral-pressed-v26-0-0:#303030;
127
- --magritte-color-component-tag-background-state-accent-pressed-v26-0-0:#222D3D;
128
- --magritte-color-component-tag-background-state-positive-pressed-v26-0-0:#16321F;
129
- --magritte-color-component-tag-background-state-negative-pressed-v26-0-0:#3D2622;
130
- --magritte-color-component-tag-background-state-warning-pressed-v26-0-0:#3D270E;
131
- --magritte-color-component-tag-background-state-special-pressed-v26-0-0:#2F293C;
132
- --magritte-color-component-tag-background-state-accent-hovered-v26-0-0:#00235a;
133
- --magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-0:#1B1B1B;
134
- --magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-0:#1B1B1B;
135
- --magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-0:#1B1B1B;
136
- --magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-0:#1B1B1B;
137
- --magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-0:#1B1B1B;
138
- --magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-0:#1B1B1B;
139
- --magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-0:#1B1B1B;
140
- --magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-0:#1B1B1B;
141
- --magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-0:#1B1B1B;
142
- --magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-0:#1B1B1B;
143
- --magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-0:#1B1B1B;
144
- --magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-0:#1B1B1B;
77
+ --magritte-color-component-tag-background-neutral-v26-0-1:#303030;
78
+ --magritte-color-component-tag-background-positive-v26-0-1:#16321F;
79
+ --magritte-color-component-tag-background-negative-v26-0-1:#3D2622;
80
+ --magritte-color-component-tag-background-warning-v26-0-1:#3D270E;
81
+ --magritte-color-component-tag-background-special-v26-0-1:#2F293C;
82
+ --magritte-color-component-tag-background-accent-v26-0-1:#222D3D;
83
+ --magritte-color-component-tag-background-on-surface-neutral-v26-0-1:#1B1B1B;
84
+ --magritte-color-component-tag-background-on-surface-positive-v26-0-1:#1B1B1B;
85
+ --magritte-color-component-tag-background-on-surface-negative-v26-0-1:#1B1B1B;
86
+ --magritte-color-component-tag-background-on-surface-warning-v26-0-1:#1B1B1B;
87
+ --magritte-color-component-tag-background-on-surface-special-v26-0-1:#1B1B1B;
88
+ --magritte-color-component-tag-background-on-surface-accent-v26-0-1:#1B1B1B;
89
+ --magritte-color-component-tag-text-neutral-v26-0-1:#ffffff;
90
+ --magritte-color-component-tag-text-negative-v26-0-1:#ff4d3a;
91
+ --magritte-color-component-tag-text-warning-v26-0-1:#D78009;
92
+ --magritte-color-component-tag-text-special-v26-0-1:#a579f4;
93
+ --magritte-color-component-tag-text-accent-v26-0-1:#5e9eff;
94
+ --magritte-color-component-tag-icon-neutral-v26-0-1:#ffffff;
95
+ --magritte-color-component-tag-icon-negative-v26-0-1:#ff4d3a;
96
+ --magritte-color-component-tag-icon-warning-v26-0-1:#D78009;
97
+ --magritte-color-component-tag-icon-special-v26-0-1:#a579f4;
98
+ --magritte-color-component-tag-icon-accent-v26-0-1:#5e9eff;
99
+ --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-1:#aabbca7a;
100
+ --magritte-color-component-tag-icon-state-positive-disabled-v26-0-1:#10b55f7a;
101
+ --magritte-color-component-tag-icon-state-negative-disabled-v26-0-1:#ff4d3a7a;
102
+ --magritte-color-component-tag-icon-state-warning-disabled-v26-0-1:#d780097a;
103
+ --magritte-color-component-tag-icon-state-special-disabled-v26-0-1:#a579f47a;
104
+ --magritte-color-component-tag-text-state-neutral-disabled-v26-0-1:#aabbca7a;
105
+ --magritte-color-component-tag-text-state-positive-disabled-v26-0-1:#10b55f7a;
106
+ --magritte-color-component-tag-text-state-negative-disabled-v26-0-1:#ff4d3a7a;
107
+ --magritte-color-component-tag-text-state-warning-disabled-v26-0-1:#d780097a;
108
+ --magritte-color-component-tag-text-state-special-disabled-v26-0-1:#a579f47a;
109
+ --magritte-color-component-tag-background-state-neutral-disabled-v26-0-1:#3030307a;
110
+ --magritte-color-component-tag-background-state-positive-disabled-v26-0-1:#16321f7a;
111
+ --magritte-color-component-tag-background-state-negative-disabled-v26-0-1:#3d26227a;
112
+ --magritte-color-component-tag-background-state-warning-disabled-v26-0-1:#3d270e7a;
113
+ --magritte-color-component-tag-background-state-special-disabled-v26-0-1:#2f293c7a;
114
+ --magritte-color-component-tag-background-state-accent-disabled-v26-0-1:#222d3d7a;
115
+ --magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-1:#1b1b1b7a;
116
+ --magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-1:#1b1b1b7a;
117
+ --magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-1:#1b1b1b7a;
118
+ --magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-1:#1b1b1b7a;
119
+ --magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-1:#1b1b1b7a;
120
+ --magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-1:#1b1b1b7a;
121
+ --magritte-color-component-tag-background-state-neutral-hovered-v26-0-1:#3B3B3B;
122
+ --magritte-color-component-tag-background-state-positive-hovered-v26-0-1:#012d13;
123
+ --magritte-color-component-tag-background-state-negative-hovered-v26-0-1:#4c1008;
124
+ --magritte-color-component-tag-background-state-warning-hovered-v26-0-1:#3D270E;
125
+ --magritte-color-component-tag-background-state-special-hovered-v26-0-1:#2F293C;
126
+ --magritte-color-component-tag-background-state-neutral-pressed-v26-0-1:#303030;
127
+ --magritte-color-component-tag-background-state-accent-pressed-v26-0-1:#222D3D;
128
+ --magritte-color-component-tag-background-state-positive-pressed-v26-0-1:#16321F;
129
+ --magritte-color-component-tag-background-state-negative-pressed-v26-0-1:#3D2622;
130
+ --magritte-color-component-tag-background-state-warning-pressed-v26-0-1:#3D270E;
131
+ --magritte-color-component-tag-background-state-special-pressed-v26-0-1:#2F293C;
132
+ --magritte-color-component-tag-background-state-accent-hovered-v26-0-1:#00235a;
133
+ --magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-1:#1B1B1B;
134
+ --magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-1:#1B1B1B;
135
+ --magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-1:#1B1B1B;
136
+ --magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-1:#1B1B1B;
137
+ --magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-1:#1B1B1B;
138
+ --magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-1:#1B1B1B;
139
+ --magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-1:#1B1B1B;
140
+ --magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-1:#1B1B1B;
141
+ --magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-1:#1B1B1B;
142
+ --magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-1:#1B1B1B;
143
+ --magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-1:#1B1B1B;
144
+ --magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-1:#1B1B1B;
145
145
  }
146
146
 
147
147
  .magritte-zp-day-theme{
148
- --magritte-color-component-tag-background-accent-v26-0-0:#F1F4F7;
149
- --magritte-color-component-tag-background-state-warning-hovered-v26-0-0:#FFF3E6;
150
- --magritte-color-component-tag-background-state-accent-hovered-v26-0-0:#F9FAFB;
151
- --magritte-color-component-tag-background-state-accent-pressed-v26-0-0:#F1F4F7;
152
- --magritte-color-component-tag-text-positive-v26-0-0:#00984f;
153
- --magritte-color-component-tag-text-accent-v26-0-0:#7195AF;
154
- --magritte-color-component-tag-text-state-neutral-disabled-v26-0-0:#5e6c777a;
155
- --magritte-color-component-tag-text-state-warning-disabled-v26-0-0:#ac66007a;
156
- --magritte-color-component-tag-text-state-accent-disabled-v26-0-0:#B1C5D3;
157
- --magritte-color-component-tag-icon-positive-v26-0-0:#00984f;
158
- --magritte-color-component-tag-icon-accent-v26-0-0:#7195AF;
159
- --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-0:#5e6c777a;
160
- --magritte-color-component-tag-icon-state-warning-disabled-v26-0-0:#ac66007a;
161
- --magritte-color-component-tag-icon-state-accent-disabled-v26-0-0:#B1C5D3;
162
- }
163
- .magritte-tag___WdGxk_5-4-2{
148
+ --magritte-color-component-tag-background-accent-v26-0-1:#F1F4F7;
149
+ --magritte-color-component-tag-background-state-warning-hovered-v26-0-1:#FFF3E6;
150
+ --magritte-color-component-tag-background-state-accent-hovered-v26-0-1:#F9FAFB;
151
+ --magritte-color-component-tag-background-state-accent-pressed-v26-0-1:#F1F4F7;
152
+ --magritte-color-component-tag-text-positive-v26-0-1:#00984f;
153
+ --magritte-color-component-tag-text-accent-v26-0-1:#7195AF;
154
+ --magritte-color-component-tag-text-state-neutral-disabled-v26-0-1:#5e6c777a;
155
+ --magritte-color-component-tag-text-state-warning-disabled-v26-0-1:#ac66007a;
156
+ --magritte-color-component-tag-text-state-accent-disabled-v26-0-1:#B1C5D3;
157
+ --magritte-color-component-tag-icon-positive-v26-0-1:#00984f;
158
+ --magritte-color-component-tag-icon-accent-v26-0-1:#7195AF;
159
+ --magritte-color-component-tag-icon-state-neutral-disabled-v26-0-1:#5e6c777a;
160
+ --magritte-color-component-tag-icon-state-warning-disabled-v26-0-1:#ac66007a;
161
+ --magritte-color-component-tag-icon-state-accent-disabled-v26-0-1:#B1C5D3;
162
+ }
163
+ .magritte-tag___WdGxk_5-4-3{
164
164
  display:inline-flex;
165
165
  align-items:center;
166
166
  justify-content:center;
@@ -168,290 +168,290 @@
168
168
  overflow:hidden;
169
169
  isolation:isolate;
170
170
  }
171
- .magritte-tag-dashed___IqnQe_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
171
+ .magritte-tag-dashed___IqnQe_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
172
172
  text-decoration-line:underline;
173
173
  text-decoration-style:dotted;
174
174
  text-decoration-thickness:10%;
175
175
  text-underline-offset:auto;
176
176
  text-decoration-skip-ink:auto;
177
177
  }
178
- .magritte-tag_style-neutral___cw1Bt_5-4-2{
179
- background-color:var(--magritte-color-component-tag-background-neutral-v26-0-0);
178
+ .magritte-tag_style-neutral___cw1Bt_5-4-3{
179
+ background-color:var(--magritte-color-component-tag-background-neutral-v26-0-1);
180
180
  }
181
- .magritte-tag_style-neutral___cw1Bt_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
182
- color:var(--magritte-color-component-tag-text-neutral-v26-0-0);
181
+ .magritte-tag_style-neutral___cw1Bt_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
182
+ color:var(--magritte-color-component-tag-text-neutral-v26-0-1);
183
183
  }
184
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
185
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v26-0-0);
184
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
185
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-neutral-v26-0-1);
186
186
  }
187
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
188
- background-color:var(--magritte-color-component-tag-background-on-surface-neutral-v26-0-0);
187
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
188
+ background-color:var(--magritte-color-component-tag-background-on-surface-neutral-v26-0-1);
189
189
  }
190
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
191
- background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v26-0-0);
190
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
191
+ background-color:var(--magritte-color-component-tag-background-state-neutral-disabled-v26-0-1);
192
192
  }
193
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
194
- color:var(--magritte-color-component-tag-text-state-neutral-disabled-v26-0-0);
193
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
194
+ color:var(--magritte-color-component-tag-text-state-neutral-disabled-v26-0-1);
195
195
  }
196
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
197
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v26-0-0);
196
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
197
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-neutral-disabled-v26-0-1);
198
198
  }
199
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
200
- background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-0);
199
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
200
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-disabled-v26-0-1);
201
201
  }
202
202
  @media (min-width: 1020px){
203
- body.magritte-old-layout .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
204
- background-color:var(--magritte-color-component-tag-background-state-neutral-hovered-v26-0-0);
203
+ body.magritte-old-layout .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
204
+ background-color:var(--magritte-color-component-tag-background-state-neutral-hovered-v26-0-1);
205
205
  }
206
- body.magritte-old-layout .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
207
- background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-0);
206
+ body.magritte-old-layout .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
207
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-1);
208
208
  }
209
209
  }
210
210
  @media (min-width: 1024px){
211
- body:not(.magritte-old-layout) .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
212
- background-color:var(--magritte-color-component-tag-background-state-neutral-hovered-v26-0-0);
211
+ body:not(.magritte-old-layout) .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
212
+ background-color:var(--magritte-color-component-tag-background-state-neutral-hovered-v26-0-1);
213
213
  }
214
- body:not(.magritte-old-layout) .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
215
- background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-0);
214
+ body:not(.magritte-old-layout) .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
215
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-hovered-v26-0-1);
216
216
  }
217
217
  }
218
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
219
- background-color:var(--magritte-color-component-tag-background-state-neutral-pressed-v26-0-0);
218
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
219
+ background-color:var(--magritte-color-component-tag-background-state-neutral-pressed-v26-0-1);
220
220
  }
221
- .magritte-tag_style-neutral___cw1Bt_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
222
- background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-0);
221
+ .magritte-tag_style-neutral___cw1Bt_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
222
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-neutral-pressed-v26-0-1);
223
223
  }
224
- .magritte-tag_style-positive___o2Zfe_5-4-2{
225
- background-color:var(--magritte-color-component-tag-background-positive-v26-0-0);
224
+ .magritte-tag_style-positive___o2Zfe_5-4-3{
225
+ background-color:var(--magritte-color-component-tag-background-positive-v26-0-1);
226
226
  }
227
- .magritte-tag_style-positive___o2Zfe_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
228
- color:var(--magritte-color-component-tag-text-positive-v26-0-0);
227
+ .magritte-tag_style-positive___o2Zfe_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
228
+ color:var(--magritte-color-component-tag-text-positive-v26-0-1);
229
229
  }
230
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
231
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v26-0-0);
230
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
231
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-positive-v26-0-1);
232
232
  }
233
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
234
- background-color:var(--magritte-color-component-tag-background-on-surface-positive-v26-0-0);
233
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
234
+ background-color:var(--magritte-color-component-tag-background-on-surface-positive-v26-0-1);
235
235
  }
236
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
237
- background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v26-0-0);
236
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
237
+ background-color:var(--magritte-color-component-tag-background-state-positive-disabled-v26-0-1);
238
238
  }
239
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
240
- color:var(--magritte-color-component-tag-text-state-positive-disabled-v26-0-0);
239
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
240
+ color:var(--magritte-color-component-tag-text-state-positive-disabled-v26-0-1);
241
241
  }
242
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
243
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v26-0-0);
242
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
243
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-positive-disabled-v26-0-1);
244
244
  }
245
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
246
- background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-0);
245
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
246
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-disabled-v26-0-1);
247
247
  }
248
248
  @media (min-width: 1020px){
249
- body.magritte-old-layout .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
250
- background-color:var(--magritte-color-component-tag-background-state-positive-hovered-v26-0-0);
249
+ body.magritte-old-layout .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
250
+ background-color:var(--magritte-color-component-tag-background-state-positive-hovered-v26-0-1);
251
251
  }
252
- body.magritte-old-layout .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
253
- background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-0);
252
+ body.magritte-old-layout .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
253
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-1);
254
254
  }
255
255
  }
256
256
  @media (min-width: 1024px){
257
- body:not(.magritte-old-layout) .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
258
- background-color:var(--magritte-color-component-tag-background-state-positive-hovered-v26-0-0);
257
+ body:not(.magritte-old-layout) .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
258
+ background-color:var(--magritte-color-component-tag-background-state-positive-hovered-v26-0-1);
259
259
  }
260
- body:not(.magritte-old-layout) .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
261
- background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-0);
260
+ body:not(.magritte-old-layout) .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
261
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-hovered-v26-0-1);
262
262
  }
263
263
  }
264
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
265
- background-color:var(--magritte-color-component-tag-background-state-positive-pressed-v26-0-0);
264
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
265
+ background-color:var(--magritte-color-component-tag-background-state-positive-pressed-v26-0-1);
266
266
  }
267
- .magritte-tag_style-positive___o2Zfe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
268
- background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-0);
267
+ .magritte-tag_style-positive___o2Zfe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
268
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-positive-pressed-v26-0-1);
269
269
  }
270
- .magritte-tag_style-negative___-HbQe_5-4-2{
271
- background-color:var(--magritte-color-component-tag-background-negative-v26-0-0);
270
+ .magritte-tag_style-negative___-HbQe_5-4-3{
271
+ background-color:var(--magritte-color-component-tag-background-negative-v26-0-1);
272
272
  }
273
- .magritte-tag_style-negative___-HbQe_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
274
- color:var(--magritte-color-component-tag-text-negative-v26-0-0);
273
+ .magritte-tag_style-negative___-HbQe_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
274
+ color:var(--magritte-color-component-tag-text-negative-v26-0-1);
275
275
  }
276
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
277
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v26-0-0);
276
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
277
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-negative-v26-0-1);
278
278
  }
279
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
280
- background-color:var(--magritte-color-component-tag-background-on-surface-negative-v26-0-0);
279
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
280
+ background-color:var(--magritte-color-component-tag-background-on-surface-negative-v26-0-1);
281
281
  }
282
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
283
- background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v26-0-0);
282
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
283
+ background-color:var(--magritte-color-component-tag-background-state-negative-disabled-v26-0-1);
284
284
  }
285
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
286
- color:var(--magritte-color-component-tag-text-state-negative-disabled-v26-0-0);
285
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
286
+ color:var(--magritte-color-component-tag-text-state-negative-disabled-v26-0-1);
287
287
  }
288
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
289
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v26-0-0);
288
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
289
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-negative-disabled-v26-0-1);
290
290
  }
291
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
292
- background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-0);
291
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
292
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-disabled-v26-0-1);
293
293
  }
294
294
  @media (min-width: 1020px){
295
- body.magritte-old-layout .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
296
- background-color:var(--magritte-color-component-tag-background-state-negative-hovered-v26-0-0);
295
+ body.magritte-old-layout .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
296
+ background-color:var(--magritte-color-component-tag-background-state-negative-hovered-v26-0-1);
297
297
  }
298
- body.magritte-old-layout .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
299
- background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-0);
298
+ body.magritte-old-layout .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
299
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-1);
300
300
  }
301
301
  }
302
302
  @media (min-width: 1024px){
303
- body:not(.magritte-old-layout) .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
304
- background-color:var(--magritte-color-component-tag-background-state-negative-hovered-v26-0-0);
303
+ body:not(.magritte-old-layout) .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
304
+ background-color:var(--magritte-color-component-tag-background-state-negative-hovered-v26-0-1);
305
305
  }
306
- body:not(.magritte-old-layout) .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
307
- background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-0);
306
+ body:not(.magritte-old-layout) .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
307
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-hovered-v26-0-1);
308
308
  }
309
309
  }
310
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
311
- background-color:var(--magritte-color-component-tag-background-state-negative-pressed-v26-0-0);
310
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
311
+ background-color:var(--magritte-color-component-tag-background-state-negative-pressed-v26-0-1);
312
312
  }
313
- .magritte-tag_style-negative___-HbQe_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
314
- background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-0);
313
+ .magritte-tag_style-negative___-HbQe_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
314
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-negative-pressed-v26-0-1);
315
315
  }
316
- .magritte-tag_style-special___-IqT-_5-4-2{
317
- background-color:var(--magritte-color-component-tag-background-special-v26-0-0);
316
+ .magritte-tag_style-special___-IqT-_5-4-3{
317
+ background-color:var(--magritte-color-component-tag-background-special-v26-0-1);
318
318
  }
319
- .magritte-tag_style-special___-IqT-_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
320
- color:var(--magritte-color-component-tag-text-special-v26-0-0);
319
+ .magritte-tag_style-special___-IqT-_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
320
+ color:var(--magritte-color-component-tag-text-special-v26-0-1);
321
321
  }
322
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
323
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v26-0-0);
322
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
323
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-special-v26-0-1);
324
324
  }
325
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
326
- background-color:var(--magritte-color-component-tag-background-on-surface-special-v26-0-0);
325
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
326
+ background-color:var(--magritte-color-component-tag-background-on-surface-special-v26-0-1);
327
327
  }
328
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
329
- background-color:var(--magritte-color-component-tag-background-state-special-disabled-v26-0-0);
328
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
329
+ background-color:var(--magritte-color-component-tag-background-state-special-disabled-v26-0-1);
330
330
  }
331
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
332
- color:var(--magritte-color-component-tag-text-state-special-disabled-v26-0-0);
331
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
332
+ color:var(--magritte-color-component-tag-text-state-special-disabled-v26-0-1);
333
333
  }
334
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
335
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v26-0-0);
334
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
335
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-special-disabled-v26-0-1);
336
336
  }
337
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
338
- background-color:var(--magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-0);
337
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
338
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-special-disabled-v26-0-1);
339
339
  }
340
340
  @media (min-width: 1020px){
341
- body.magritte-old-layout .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
342
- background-color:var(--magritte-color-component-tag-background-state-special-hovered-v26-0-0);
341
+ body.magritte-old-layout .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
342
+ background-color:var(--magritte-color-component-tag-background-state-special-hovered-v26-0-1);
343
343
  }
344
- body.magritte-old-layout .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
345
- background-color:var(--magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-0);
344
+ body.magritte-old-layout .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
345
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-1);
346
346
  }
347
347
  }
348
348
  @media (min-width: 1024px){
349
- body:not(.magritte-old-layout) .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
350
- background-color:var(--magritte-color-component-tag-background-state-special-hovered-v26-0-0);
349
+ body:not(.magritte-old-layout) .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
350
+ background-color:var(--magritte-color-component-tag-background-state-special-hovered-v26-0-1);
351
351
  }
352
- body:not(.magritte-old-layout) .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
353
- background-color:var(--magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-0);
352
+ body:not(.magritte-old-layout) .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
353
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-special-hovered-v26-0-1);
354
354
  }
355
355
  }
356
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
357
- background-color:var(--magritte-color-component-tag-background-state-special-pressed-v26-0-0);
356
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
357
+ background-color:var(--magritte-color-component-tag-background-state-special-pressed-v26-0-1);
358
358
  }
359
- .magritte-tag_style-special___-IqT-_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
360
- background-color:var(--magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-0);
359
+ .magritte-tag_style-special___-IqT-_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
360
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-special-pressed-v26-0-1);
361
361
  }
362
- .magritte-tag_style-warning___4xBGB_5-4-2{
363
- background-color:var(--magritte-color-component-tag-background-warning-v26-0-0);
362
+ .magritte-tag_style-warning___4xBGB_5-4-3{
363
+ background-color:var(--magritte-color-component-tag-background-warning-v26-0-1);
364
364
  }
365
- .magritte-tag_style-warning___4xBGB_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
366
- color:var(--magritte-color-component-tag-text-warning-v26-0-0);
365
+ .magritte-tag_style-warning___4xBGB_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
366
+ color:var(--magritte-color-component-tag-text-warning-v26-0-1);
367
367
  }
368
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
369
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v26-0-0);
368
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
369
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-warning-v26-0-1);
370
370
  }
371
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
372
- background-color:var(--magritte-color-component-tag-background-on-surface-warning-v26-0-0);
371
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
372
+ background-color:var(--magritte-color-component-tag-background-on-surface-warning-v26-0-1);
373
373
  }
374
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
375
- background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v26-0-0);
374
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
375
+ background-color:var(--magritte-color-component-tag-background-state-warning-disabled-v26-0-1);
376
376
  }
377
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
378
- color:var(--magritte-color-component-tag-text-state-warning-disabled-v26-0-0);
377
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
378
+ color:var(--magritte-color-component-tag-text-state-warning-disabled-v26-0-1);
379
379
  }
380
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
381
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v26-0-0);
380
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
381
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-warning-disabled-v26-0-1);
382
382
  }
383
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
384
- background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-0);
383
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
384
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-disabled-v26-0-1);
385
385
  }
386
386
  @media (min-width: 1020px){
387
- body.magritte-old-layout .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
388
- background-color:var(--magritte-color-component-tag-background-state-warning-hovered-v26-0-0);
387
+ body.magritte-old-layout .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
388
+ background-color:var(--magritte-color-component-tag-background-state-warning-hovered-v26-0-1);
389
389
  }
390
- body.magritte-old-layout .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
391
- background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-0);
390
+ body.magritte-old-layout .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
391
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-1);
392
392
  }
393
393
  }
394
394
  @media (min-width: 1024px){
395
- body:not(.magritte-old-layout) .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
396
- background-color:var(--magritte-color-component-tag-background-state-warning-hovered-v26-0-0);
395
+ body:not(.magritte-old-layout) .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
396
+ background-color:var(--magritte-color-component-tag-background-state-warning-hovered-v26-0-1);
397
397
  }
398
- body:not(.magritte-old-layout) .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
399
- background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-0);
398
+ body:not(.magritte-old-layout) .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
399
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-hovered-v26-0-1);
400
400
  }
401
401
  }
402
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
403
- background-color:var(--magritte-color-component-tag-background-state-warning-pressed-v26-0-0);
402
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
403
+ background-color:var(--magritte-color-component-tag-background-state-warning-pressed-v26-0-1);
404
404
  }
405
- .magritte-tag_style-warning___4xBGB_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
406
- background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-0);
405
+ .magritte-tag_style-warning___4xBGB_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
406
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-warning-pressed-v26-0-1);
407
407
  }
408
- .magritte-tag_style-accent___WCqKw_5-4-2{
409
- background-color:var(--magritte-color-component-tag-background-accent-v26-0-0);
408
+ .magritte-tag_style-accent___WCqKw_5-4-3{
409
+ background-color:var(--magritte-color-component-tag-background-accent-v26-0-1);
410
410
  }
411
- .magritte-tag_style-accent___WCqKw_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
412
- color:var(--magritte-color-component-tag-text-accent-v26-0-0);
411
+ .magritte-tag_style-accent___WCqKw_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
412
+ color:var(--magritte-color-component-tag-text-accent-v26-0-1);
413
413
  }
414
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-icon-color-override___z7Qmm_5-4-2{
415
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-accent-v26-0-0);
414
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-icon-color-override___z7Qmm_5-4-3{
415
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-accent-v26-0-1);
416
416
  }
417
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
418
- background-color:var(--magritte-color-component-tag-background-on-surface-accent-v26-0-0);
417
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
418
+ background-color:var(--magritte-color-component-tag-background-on-surface-accent-v26-0-1);
419
419
  }
420
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag_state-disabled___2su23_5-4-2{
421
- background-color:var(--magritte-color-component-tag-background-state-accent-disabled-v26-0-0);
420
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag_state-disabled___2su23_5-4-3{
421
+ background-color:var(--magritte-color-component-tag-background-state-accent-disabled-v26-0-1);
422
422
  }
423
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag_state-disabled___2su23_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
424
- color:var(--magritte-color-component-tag-text-state-accent-disabled-v26-0-0);
423
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag_state-disabled___2su23_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
424
+ color:var(--magritte-color-component-tag-text-state-accent-disabled-v26-0-1);
425
425
  }
426
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-disabled-icon-color-override___E6mEW_5-4-2{
427
- --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-accent-disabled-v26-0-0);
426
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-disabled-icon-color-override___E6mEW_5-4-3{
427
+ --magritte-ui-icon-color-override:var(--magritte-color-component-tag-icon-state-accent-disabled-v26-0-1);
428
428
  }
429
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag_state-disabled___2su23_5-4-2.magritte-on-surface___-0Bc4_5-4-2{
430
- background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-0);
429
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag_state-disabled___2su23_5-4-3.magritte-on-surface___-0Bc4_5-4-3{
430
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-disabled-v26-0-1);
431
431
  }
432
432
  @media (min-width: 1020px){
433
- body.magritte-old-layout .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
434
- background-color:var(--magritte-color-component-tag-background-state-accent-hovered-v26-0-0);
433
+ body.magritte-old-layout .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
434
+ background-color:var(--magritte-color-component-tag-background-state-accent-hovered-v26-0-1);
435
435
  }
436
- body.magritte-old-layout .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
437
- background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-0);
436
+ body.magritte-old-layout .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
437
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-1);
438
438
  }
439
439
  }
440
440
  @media (min-width: 1024px){
441
- body:not(.magritte-old-layout) .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):hover{
442
- background-color:var(--magritte-color-component-tag-background-state-accent-hovered-v26-0-0);
441
+ body:not(.magritte-old-layout) .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):hover{
442
+ background-color:var(--magritte-color-component-tag-background-state-accent-hovered-v26-0-1);
443
443
  }
444
- body:not(.magritte-old-layout) .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:hover{
445
- background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-0);
444
+ body:not(.magritte-old-layout) .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:hover{
445
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-hovered-v26-0-1);
446
446
  }
447
447
  }
448
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2):active{
449
- background-color:var(--magritte-color-component-tag-background-state-accent-pressed-v26-0-0);
448
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3):active{
449
+ background-color:var(--magritte-color-component-tag-background-state-accent-pressed-v26-0-1);
450
450
  }
451
- .magritte-tag_style-accent___WCqKw_5-4-2.magritte-tag-dashed___IqnQe_5-4-2:not(.magritte-tag_state-disabled___2su23_5-4-2).magritte-on-surface___-0Bc4_5-4-2:active{
452
- background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-0);
451
+ .magritte-tag_style-accent___WCqKw_5-4-3.magritte-tag-dashed___IqnQe_5-4-3:not(.magritte-tag_state-disabled___2su23_5-4-3).magritte-on-surface___-0Bc4_5-4-3:active{
452
+ background-color:var(--magritte-color-component-tag-background-state-on-surface-accent-pressed-v26-0-1);
453
453
  }
454
- .magritte-tag_size-medium___Splpy_5-4-2{
454
+ .magritte-tag_size-medium___Splpy_5-4-3{
455
455
  border-radius:8px;
456
456
  padding:4px 8px;
457
457
  gap:4px;
@@ -459,10 +459,10 @@
459
459
  max-width:min(100%, 288px);
460
460
  box-sizing:border-box;
461
461
  }
462
- .magritte-tag_size-medium___Splpy_5-4-2 .magritte-tag__icon___Avk97_5-4-2{
462
+ .magritte-tag_size-medium___Splpy_5-4-3 .magritte-tag__icon___Avk97_5-4-3{
463
463
  padding:2px 0;
464
464
  }
465
- .magritte-tag_size-large___SWuug_5-4-2{
465
+ .magritte-tag_size-large___SWuug_5-4-3{
466
466
  border-radius:18px;
467
467
  padding:6px 10px;
468
468
  gap:2px;
@@ -470,7 +470,7 @@
470
470
  max-width:min(100%, 288px);
471
471
  box-sizing:border-box;
472
472
  }
473
- .magritte-tag_size-large___SWuug_5-4-2 .magritte-tag__label___YHV-o_5-4-2{
473
+ .magritte-tag_size-large___SWuug_5-4-3 .magritte-tag__label___YHV-o_5-4-3{
474
474
  font-family:"hh sans";
475
475
  font-weight:500;
476
476
  line-height:22px;
@@ -481,10 +481,10 @@
481
481
  text-decoration:none;
482
482
  padding:1px 2px;
483
483
  }
484
- .magritte-tag_size-large___SWuug_5-4-2 .magritte-tag__icon___Avk97_5-4-2{
484
+ .magritte-tag_size-large___SWuug_5-4-3 .magritte-tag__icon___Avk97_5-4-3{
485
485
  padding:4px 0;
486
486
  }
487
- .magritte-tag__label___YHV-o_5-4-2{
487
+ .magritte-tag__label___YHV-o_5-4-3{
488
488
  font-family:"hh sans";
489
489
  font-weight:400;
490
490
  line-height:20px;
@@ -497,11 +497,11 @@
497
497
  overflow:hidden;
498
498
  white-space:nowrap;
499
499
  }
500
- .magritte-tag__icon___Avk97_5-4-2{
500
+ .magritte-tag__icon___Avk97_5-4-3{
501
501
  display:flex;
502
502
  flex-shrink:0;
503
503
  }
504
- .magritte-tag_highlight___RmDYp_5-4-2::after{
504
+ .magritte-tag_highlight___RmDYp_5-4-3::after{
505
505
  content:'';
506
506
  position:absolute;
507
507
  top:0;
@@ -513,22 +513,22 @@
513
513
  transform:translateX(-50px);
514
514
  background:linear-gradient(292deg, rgba(255, 255, 255, 0) 29.2%, rgba(255, 255, 255, 0.8) 49.55%, rgba(255, 255, 255, 0) 69.9%);
515
515
  opacity:0.8;
516
- animation-name:magritte-tag-highlight-shine___8ZFPr_5-4-2;
516
+ animation-name:magritte-tag-highlight-shine___8ZFPr_5-4-3;
517
517
  animation-duration:var(--tag-highlight-duration);
518
518
  animation-timing-function:linear;
519
519
  animation-iteration-count:infinite;
520
520
  animation-play-state:paused;
521
521
  }
522
- .magritte-tag_highlight___RmDYp_5-4-2[data-animation-synced='true'].magritte-tag_highlight___RmDYp_5-4-2::after{
522
+ .magritte-tag_highlight___RmDYp_5-4-3[data-animation-synced='true'].magritte-tag_highlight___RmDYp_5-4-3::after{
523
523
  animation-play-state:running;
524
524
  animation-delay:var(--tag-highlight-delay, 0ms);
525
525
  }
526
526
  @media (prefers-reduced-motion: reduce){
527
- .magritte-tag_highlight___RmDYp_5-4-2::after{
527
+ .magritte-tag_highlight___RmDYp_5-4-3::after{
528
528
  animation:none;
529
529
  }
530
530
  }
531
- @keyframes magritte-tag-highlight-shine___8ZFPr_5-4-2{
531
+ @keyframes magritte-tag-highlight-shine___8ZFPr_5-4-3{
532
532
  0%{
533
533
  transform:translateX(-50px);
534
534
  }
package/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from '@hh.ru/magritte-ui-tag/Tag';
2
- export type { TagStyle, TagSize, TagIconProps, TagLabelProps, TagProps } from '@hh.ru/magritte-ui-tag/types';
1
+ export * from './Tag';
2
+ export type { TagStyle, TagSize, TagIconProps, TagLabelProps, TagProps } from './types';
package/index.mock.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ForwardRefExoticComponent } from 'react';
2
- export type { TagStyle, TagSize, TagIconProps, TagLabelProps } from '@hh.ru/magritte-ui-tag/types';
2
+ export type { TagStyle, TagSize, TagIconProps, TagLabelProps } from './types';
3
3
  export declare const Tag: ForwardRefExoticComponent<Record<string, unknown>>;
package/index.mock.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import './index.css';
2
2
  import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
 
4
- const Tag = mockComponent('Tag', undefined, {
5
- withChildren: true,
4
+ const Tag = mockComponent("Tag", void 0, {
5
+ withChildren: true
6
6
  });
7
7
 
8
8
  export { Tag };
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":";;AAMa,MAAA,GAAA,GAA0D,aAAc,CAAA,KAAA,EAAO,KAAW,CAAA,EAAA;AAAA,EACnG,YAAc,EAAA,IAAA;AAClB,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tag",
3
- "version": "5.4.2",
3
+ "version": "5.4.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,9 +25,9 @@
25
25
  "dependencies": {
26
26
  "@hh.ru/magritte-common-use-disabled": "1.0.16",
27
27
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
28
- "@hh.ru/magritte-design-tokens": "26.0.0",
28
+ "@hh.ru/magritte-design-tokens": "26.0.1",
29
29
  "@hh.ru/magritte-ui-breakpoint": "6.1.2",
30
- "@hh.ru/magritte-ui-icon": "15.1.4",
30
+ "@hh.ru/magritte-ui-icon": "15.1.5",
31
31
  "@hh.ru/magritte-ui-mock-component": "1.1.8"
32
32
  },
33
33
  "peerDependencies": {
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
40
+ "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
41
41
  }