@hh.ru/magritte-ui-action 6.0.29 → 6.0.31

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 (17) hide show
  1. package/Action.d.ts +3 -3
  2. package/Action.js +44 -11
  3. package/Action.js.map +1 -1
  4. package/Skeleton-DA61JFW5.js +44 -0
  5. package/{Skeleton-CX2LCkK4.js.map → Skeleton-DA61JFW5.js.map} +1 -1
  6. package/Skeleton.d.ts +1 -1
  7. package/Skeleton.js +1 -1
  8. package/index.css +285 -285
  9. package/index.d.ts +2 -2
  10. package/index.js +1 -1
  11. package/index.mock.d.ts +1 -1
  12. package/index.mock.js +2 -2
  13. package/index.mock.js.map +1 -1
  14. package/package.json +6 -6
  15. package/types.js +1 -1
  16. package/types.js.map +1 -1
  17. package/Skeleton-CX2LCkK4.js +0 -25
package/Action.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@hh.ru/magritte-common-focus-visible';
2
- import { type ActionProps } from '@hh.ru/magritte-ui-action/types';
3
- export declare const ActionComponent: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("@hh.ru/magritte-ui-action/types").ActionBaseProps | "type" | "aria-disabled"> & import("@hh.ru/magritte-ui-action/types").ActionBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
2
+ import { type ActionProps } from './types';
3
+ export declare const ActionComponent: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-disabled" | "type" | keyof import("./types").ActionBaseProps> & import("./types").ActionBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  /** @deprecated Компонент Action deprecated - используйте Icon */
5
- export declare const Action: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("@hh.ru/magritte-ui-action/types").ActionBaseProps | "type" | "aria-disabled"> & import("@hh.ru/magritte-ui-action/types").ActionBaseProps & import("react").RefAttributes<HTMLButtonElement>>, ActionProps>;
5
+ export declare const Action: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-disabled" | "type" | keyof import("./types").ActionBaseProps> & import("./types").ActionBaseProps & import("react").RefAttributes<HTMLButtonElement>>, ActionProps>;
package/Action.js CHANGED
@@ -4,29 +4,62 @@ import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import '@hh.ru/magritte-common-focus-visible';
6
6
  import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
7
- import { s as styles, A as ActionSkeleton } from './Skeleton-CX2LCkK4.js';
7
+ import { s as styles, A as ActionSkeleton } from './Skeleton-DA61JFW5.js';
8
8
  import { ComponentWithBadge } from '@hh.ru/magritte-ui-badge';
9
9
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
10
10
  import '@hh.ru/magritte-common-use-loading-state';
11
11
 
12
- const ALLOWED_BADGE_SIZES = ['small', 'extra-small'];
13
- const ActionComponent = forwardRef(({ style = 'neutral', pressedStyle, hoverStyle, mode = 'primary', icon, showBackground = false, onClick, disabled, disablePadding = false, badge, 'data-qa': dataQa, ...rest }, ref) => {
12
+ const ALLOWED_BADGE_SIZES = ["small", "extra-small"];
13
+ const ActionComponent = forwardRef(
14
+ ({
15
+ style = "neutral",
16
+ pressedStyle,
17
+ hoverStyle,
18
+ mode = "primary",
19
+ icon,
20
+ showBackground = false,
21
+ onClick,
22
+ disabled,
23
+ disablePadding = false,
24
+ badge,
25
+ "data-qa": dataQa,
26
+ ...rest
27
+ }, ref) => {
14
28
  const IconComponent = icon;
15
29
  const forceDisabled = useDisabled();
16
30
  const isComponentDisabled = !!disabled || forceDisabled;
17
- const action = (jsx("button", { ...rest, ref: ref, type: "button", onClick: onClick, className: classnames(styles.action, styles[`action-mode-${mode}`], styles[`action-style-${style}`], styles[`action-hover-style-${hoverStyle || style}`], styles[`action-pressed-style-${pressedStyle || style}`], {
31
+ const action = /* @__PURE__ */ jsx(
32
+ "button",
33
+ {
34
+ ...rest,
35
+ ref,
36
+ type: "button",
37
+ onClick,
38
+ className: classnames(
39
+ styles.action,
40
+ styles[`action-mode-${mode}`],
41
+ styles[`action-style-${style}`],
42
+ styles[`action-hover-style-${hoverStyle || style}`],
43
+ styles[`action-pressed-style-${pressedStyle || style}`],
44
+ {
18
45
  [styles.actionShowBackground]: showBackground && !disablePadding,
19
- [styles.actionDisablePadding]: disablePadding,
20
- }), disabled: isComponentDisabled, "data-qa": dataQa, children: jsx(IconComponent, {}) }));
46
+ [styles.actionDisablePadding]: disablePadding
47
+ }
48
+ ),
49
+ disabled: isComponentDisabled,
50
+ "data-qa": dataQa,
51
+ children: /* @__PURE__ */ jsx(IconComponent, {})
52
+ }
53
+ );
21
54
  if (!badge || isComponentDisabled) {
22
- return action;
55
+ return action;
23
56
  }
24
- return (jsx(ComponentWithBadge, { allowedSizes: ALLOWED_BADGE_SIZES, badge: badge, offset: disablePadding ? -3 : 5, children: action }));
25
- });
26
- ActionComponent.displayName = 'Action';
57
+ return /* @__PURE__ */ jsx(ComponentWithBadge, { allowedSizes: ALLOWED_BADGE_SIZES, badge, offset: disablePadding ? -3 : 5, children: action });
58
+ }
59
+ );
60
+ ActionComponent.displayName = "Action";
27
61
  const ActionWithFlag = ActionComponent;
28
62
  ActionWithFlag.isAction = true;
29
- /** @deprecated Компонент Action deprecated - используйте Icon */
30
63
  const Action = enrichWithSkeleton(ActionComponent, ActionSkeleton);
31
64
 
32
65
  export { Action, ActionComponent };
package/Action.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Action.js","sources":["src/Action.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { ActionSkeleton } from '@hh.ru/magritte-ui-action/Skeleton';\nimport { type ActionProps } from '@hh.ru/magritte-ui-action/types';\nimport { BadgeSize, ComponentWithBadge } from '@hh.ru/magritte-ui-badge';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './action.less';\n\nconst ALLOWED_BADGE_SIZES: BadgeSize[] = ['small', 'extra-small'];\n\nexport const ActionComponent = forwardRef<HTMLButtonElement, ActionProps>(\n (\n {\n style = 'neutral',\n pressedStyle,\n hoverStyle,\n mode = 'primary',\n icon,\n showBackground = false,\n onClick,\n disabled,\n disablePadding = false,\n badge,\n 'data-qa': dataQa,\n ...rest\n },\n ref\n ) => {\n const IconComponent = icon;\n const forceDisabled = useDisabled();\n const isComponentDisabled = !!disabled || forceDisabled;\n\n const action = (\n <button\n {...rest}\n ref={ref}\n type=\"button\"\n onClick={onClick}\n className={classnames(\n styles.action,\n styles[`action-mode-${mode}`],\n styles[`action-style-${style}`],\n styles[`action-hover-style-${hoverStyle || style}`],\n styles[`action-pressed-style-${pressedStyle || style}`],\n {\n [styles.actionShowBackground]: showBackground && !disablePadding,\n [styles.actionDisablePadding]: disablePadding,\n }\n )}\n disabled={isComponentDisabled}\n data-qa={dataQa}\n >\n <IconComponent />\n </button>\n );\n\n if (!badge || isComponentDisabled) {\n return action;\n }\n\n return (\n <ComponentWithBadge allowedSizes={ALLOWED_BADGE_SIZES} badge={badge} offset={disablePadding ? -3 : 5}>\n {action}\n </ComponentWithBadge>\n );\n }\n);\n\nActionComponent.displayName = 'Action';\nconst ActionWithFlag = ActionComponent as typeof ActionComponent & { isAction: true };\nActionWithFlag.isAction = true;\n\n/** @deprecated Компонент Action deprecated - используйте Icon */\nexport const Action = enrichWithSkeleton(ActionComponent, ActionSkeleton);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAYA,MAAM,mBAAmB,GAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;MAErD,eAAe,GAAG,UAAU,CACrC,CACI,EACI,KAAK,GAAG,SAAS,EACjB,YAAY,EACZ,UAAU,EACV,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,SAAS,EAAE,MAAM,EACjB,GAAG,IAAI,EACV,EACD,GAAG,KACH;IACA,MAAM,aAAa,GAAG,IAAI,CAAC;AAC3B,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAC,QAAQ,IAAI,aAAa,CAAC;IAExD,MAAM,MAAM,IACRA,GACQ,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,eAAe,IAAI,CAAA,CAAE,CAAC,EAC7B,MAAM,CAAC,CAAgB,aAAA,EAAA,KAAK,CAAE,CAAA,CAAC,EAC/B,MAAM,CAAC,CAAA,mBAAA,EAAsB,UAAU,IAAI,KAAK,CAAA,CAAE,CAAC,EACnD,MAAM,CAAC,CAAwB,qBAAA,EAAA,YAAY,IAAI,KAAK,CAAE,CAAA,CAAC,EACvD;YACI,CAAC,MAAM,CAAC,oBAAoB,GAAG,cAAc,IAAI,CAAC,cAAc;AAChE,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,cAAc;AAChD,SAAA,CACJ,EACD,QAAQ,EAAE,mBAAmB,EACpB,SAAA,EAAA,MAAM,EAEf,QAAA,EAAAA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EACZ,CAAA,CACZ,CAAC;AAEF,IAAA,IAAI,CAAC,KAAK,IAAI,mBAAmB,EAAE;AAC/B,QAAA,OAAO,MAAM,CAAC;KACjB;AAED,IAAA,QACIA,GAAA,CAAC,kBAAkB,EAAA,EAAC,YAAY,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,GAAG,CAAC,CAAC,GAAG,CAAC,EAC/F,QAAA,EAAA,MAAM,EACU,CAAA,EACvB;AACN,CAAC,EACH;AAEF,eAAe,CAAC,WAAW,GAAG,QAAQ,CAAC;AACvC,MAAM,cAAc,GAAG,eAA8D,CAAC;AACtF,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC;AAE/B;AACa,MAAA,MAAM,GAAG,kBAAkB,CAAC,eAAe,EAAE,cAAc;;;;"}
1
+ {"version":3,"file":"Action.js","sources":["src/Action.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { ActionSkeleton } from '@hh.ru/magritte-ui-action/Skeleton';\nimport { type ActionProps } from '@hh.ru/magritte-ui-action/types';\nimport { BadgeSize, ComponentWithBadge } from '@hh.ru/magritte-ui-badge';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './action.less';\n\nconst ALLOWED_BADGE_SIZES: BadgeSize[] = ['small', 'extra-small'];\n\nexport const ActionComponent = forwardRef<HTMLButtonElement, ActionProps>(\n (\n {\n style = 'neutral',\n pressedStyle,\n hoverStyle,\n mode = 'primary',\n icon,\n showBackground = false,\n onClick,\n disabled,\n disablePadding = false,\n badge,\n 'data-qa': dataQa,\n ...rest\n },\n ref\n ) => {\n const IconComponent = icon;\n const forceDisabled = useDisabled();\n const isComponentDisabled = !!disabled || forceDisabled;\n\n const action = (\n <button\n {...rest}\n ref={ref}\n type=\"button\"\n onClick={onClick}\n className={classnames(\n styles.action,\n styles[`action-mode-${mode}`],\n styles[`action-style-${style}`],\n styles[`action-hover-style-${hoverStyle || style}`],\n styles[`action-pressed-style-${pressedStyle || style}`],\n {\n [styles.actionShowBackground]: showBackground && !disablePadding,\n [styles.actionDisablePadding]: disablePadding,\n }\n )}\n disabled={isComponentDisabled}\n data-qa={dataQa}\n >\n <IconComponent />\n </button>\n );\n\n if (!badge || isComponentDisabled) {\n return action;\n }\n\n return (\n <ComponentWithBadge allowedSizes={ALLOWED_BADGE_SIZES} badge={badge} offset={disablePadding ? -3 : 5}>\n {action}\n </ComponentWithBadge>\n );\n }\n);\n\nActionComponent.displayName = 'Action';\nconst ActionWithFlag = ActionComponent as typeof ActionComponent & { isAction: true };\nActionWithFlag.isAction = true;\n\n/** @deprecated Компонент Action deprecated - используйте Icon */\nexport const Action = enrichWithSkeleton(ActionComponent, ActionSkeleton);\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,mBAAA,GAAmC,CAAC,OAAA,EAAS,aAAa,CAAA,CAAA;AAEzD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC3B,CACI;AAAA,IACI,KAAQ,GAAA,SAAA;AAAA,IACR,YAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAO,GAAA,SAAA;AAAA,IACP,IAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,KAAA;AAAA,IACA,SAAW,EAAA,MAAA;AAAA,IACX,GAAG,IAAA;AAAA,KAEP,GACC,KAAA;AACD,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAA;AACtB,IAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAClC,IAAM,MAAA,mBAAA,GAAsB,CAAC,CAAC,QAAY,IAAA,aAAA,CAAA;AAE1C,IAAA,MAAM,MACF,mBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACI,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,IAAK,EAAA,QAAA;AAAA,QACL,OAAA;AAAA,QACA,SAAW,EAAA,UAAA;AAAA,UACP,MAAO,CAAA,MAAA;AAAA,UACP,MAAA,CAAO,CAAe,YAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,UAC5B,MAAA,CAAO,CAAgB,aAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,UAC9B,MAAO,CAAA,CAAA,mBAAA,EAAsB,UAAc,IAAA,KAAK,CAAE,CAAA,CAAA;AAAA,UAClD,MAAO,CAAA,CAAA,qBAAA,EAAwB,YAAgB,IAAA,KAAK,CAAE,CAAA,CAAA;AAAA,UACtD;AAAA,YACI,CAAC,MAAA,CAAO,oBAAoB,GAAG,kBAAkB,CAAC,cAAA;AAAA,YAClD,CAAC,MAAO,CAAA,oBAAoB,GAAG,cAAA;AAAA,WACnC;AAAA,SACJ;AAAA,QACA,QAAU,EAAA,mBAAA;AAAA,QACV,SAAS,EAAA,MAAA;AAAA,QAET,8BAAC,aAAc,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KACnB,CAAA;AAGJ,IAAI,IAAA,CAAC,SAAS,mBAAqB,EAAA;AAC/B,MAAO,OAAA,MAAA,CAAA;AAAA,KACX;AAEA,IACI,uBAAA,GAAA,CAAC,sBAAmB,YAAc,EAAA,mBAAA,EAAqB,OAAc,MAAQ,EAAA,cAAA,GAAiB,CAAK,CAAA,GAAA,CAAA,EAC9F,QACL,EAAA,MAAA,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,EAAA;AAEA,eAAA,CAAgB,WAAc,GAAA,QAAA,CAAA;AAC9B,MAAM,cAAiB,GAAA,eAAA,CAAA;AACvB,cAAA,CAAe,QAAW,GAAA,IAAA,CAAA;AAGb,MAAA,MAAA,GAAS,kBAAmB,CAAA,eAAA,EAAiB,cAAc;;;;"}
package/Skeleton-DA61JFW5.js ADDED
@@ -0,0 +1,44 @@
1
+ import './index.css';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import classnames from 'classnames';
4
+ import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
5
+ import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
6
+
7
+ var styles = {"action":"magritte-action___JtMQB_6-0-31","action-show-background":"magritte-action-show-background___Qg0JU_6-0-31","actionShowBackground":"magritte-action-show-background___Qg0JU_6-0-31","action-style-constant":"magritte-action-style-constant___fuFNV_6-0-31","actionStyleConstant":"magritte-action-style-constant___fuFNV_6-0-31","action-hover-style-constant":"magritte-action-hover-style-constant___Ci5vc_6-0-31","actionHoverStyleConstant":"magritte-action-hover-style-constant___Ci5vc_6-0-31","action-pressed-style-constant":"magritte-action-pressed-style-constant___pyneP_6-0-31","actionPressedStyleConstant":"magritte-action-pressed-style-constant___pyneP_6-0-31","action-disable-padding":"magritte-action-disable-padding___F-AR7_6-0-31","actionDisablePadding":"magritte-action-disable-padding___F-AR7_6-0-31","action-style-neutral":"magritte-action-style-neutral___zv0k4_6-0-31","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_6-0-31","action-mode-primary":"magritte-action-mode-primary___AzhY5_6-0-31","actionModePrimary":"magritte-action-mode-primary___AzhY5_6-0-31","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_6-0-31","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_6-0-31","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_6-0-31","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_6-0-31","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_6-0-31","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_6-0-31","action-style-accent":"magritte-action-style-accent___5YSMF_6-0-31","actionStyleAccent":"magritte-action-style-accent___5YSMF_6-0-31","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_6-0-31","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_6-0-31","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_6-0-31","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_6-0-31","action-style-negative":"magritte-action-style-negative___CrXqj_6-0-31","actionStyleNegative":"magritte-action-style-negative___CrXqj_6-0-31","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_6-0-31","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_6-0-31","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_6-0-31","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_6-0-31","action-style-warning":"magritte-action-style-warning___ikeHT_6-0-31","actionStyleWarning":"magritte-action-style-warning___ikeHT_6-0-31","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_6-0-31","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_6-0-31","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_6-0-31","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_6-0-31","action-style-special":"magritte-action-style-special___cav2H_6-0-31","actionStyleSpecial":"magritte-action-style-special___cav2H_6-0-31","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_6-0-31","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_6-0-31","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_6-0-31","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_6-0-31","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_6-0-31","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_6-0-31","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_6-0-31","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_6-0-31","action-skeleton":"magritte-action-skeleton___zIUA6_6-0-31","actionSkeleton":"magritte-action-skeleton___zIUA6_6-0-31","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_6-0-31","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_6-0-31"};
8
+
9
+ const ActionSkeleton = ({
10
+ Component: Action,
11
+ // skeleton props
12
+ width,
13
+ height,
14
+ borderRadius,
15
+ inline,
16
+ additionalClass,
17
+ loading,
18
+ ...actionProps
19
+ }) => {
20
+ const isLoading = useLoadingState() || loading;
21
+ if (isLoading) {
22
+ return /* @__PURE__ */ jsx(
23
+ "div",
24
+ {
25
+ className: classnames(styles.actionSkeletonContainer, {
26
+ [styles.actionSkeletonDisablePadding]: actionProps.disablePadding
27
+ }),
28
+ children: /* @__PURE__ */ jsx(
29
+ Skeleton,
30
+ {
31
+ additionalClass: classnames(styles.actionSkeleton, {
32
+ [styles.actionSkeletonShowBackground]: actionProps.showBackground && !actionProps.disablePadding
33
+ })
34
+ }
35
+ )
36
+ }
37
+ );
38
+ }
39
+ return /* @__PURE__ */ jsx(Action, { ...actionProps });
40
+ };
41
+ ActionSkeleton.isAction = true;
42
+
43
+ export { ActionSkeleton as A, styles as s };
44
+ //# sourceMappingURL=Skeleton-DA61JFW5.js.map
package/{Skeleton-CX2LCkK4.js.map → Skeleton-DA61JFW5.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-CX2LCkK4.js","sources":["src/Skeleton.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { ActionProps } from '@hh.ru/magritte-ui-action/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './action.less';\n\nexport const ActionSkeleton: IncompleteSkeletonComponent<ActionProps> & { isAction: true } = ({\n Component: Action,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...actionProps\n}) => {\n const isLoading = useLoadingState() || loading;\n\n if (isLoading) {\n return (\n <div\n className={classnames(styles.actionSkeletonContainer, {\n [styles.actionSkeletonDisablePadding]: actionProps.disablePadding,\n })}\n >\n <Skeleton\n additionalClass={classnames(styles.actionSkeleton, {\n [styles.actionSkeletonShowBackground]:\n actionProps.showBackground && !actionProps.disablePadding,\n })}\n />\n </div>\n );\n }\n\n return <Action {...actionProps} />;\n};\n\nActionSkeleton.isAction = true;\n"],"names":["_jsx"],"mappings":";;;;;;;MAQa,cAAc,GAAkE,CAAC,EAC1F,SAAS,EAAE,MAAM;AAEjB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,WAAW,EACjB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;IAE/C,IAAI,SAAS,EAAE;QACX,QACIA,aACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,uBAAuB,EAAE;AAClD,gBAAA,CAAC,MAAM,CAAC,4BAA4B,GAAG,WAAW,CAAC,cAAc;aACpE,CAAC,EAAA,QAAA,EAEFA,GAAC,CAAA,QAAQ,EACL,EAAA,eAAe,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE;AAC/C,oBAAA,CAAC,MAAM,CAAC,4BAA4B,GAChC,WAAW,CAAC,cAAc,IAAI,CAAC,WAAW,CAAC,cAAc;iBAChE,CAAC,EAAA,CACJ,EACA,CAAA,EACR;KACL;AAED,IAAA,OAAOA,GAAC,CAAA,MAAM,EAAK,EAAA,GAAA,WAAW,GAAI,CAAC;AACvC,EAAE;AAEF,cAAc,CAAC,QAAQ,GAAG,IAAI;;;;"}
1
+ {"version":3,"file":"Skeleton-DA61JFW5.js","sources":["src/Skeleton.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { ActionProps } from '@hh.ru/magritte-ui-action/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './action.less';\n\nexport const ActionSkeleton: IncompleteSkeletonComponent<ActionProps> & { isAction: true } = ({\n Component: Action,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...actionProps\n}) => {\n const isLoading = useLoadingState() || loading;\n\n if (isLoading) {\n return (\n <div\n className={classnames(styles.actionSkeletonContainer, {\n [styles.actionSkeletonDisablePadding]: actionProps.disablePadding,\n })}\n >\n <Skeleton\n additionalClass={classnames(styles.actionSkeleton, {\n [styles.actionSkeletonShowBackground]:\n actionProps.showBackground && !actionProps.disablePadding,\n })}\n />\n </div>\n );\n }\n\n return <Action {...actionProps} />;\n};\n\nActionSkeleton.isAction = true;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,iBAAgF,CAAC;AAAA,EAC1F,SAAW,EAAA,MAAA;AAAA;AAAA,EAGX,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EAEA,GAAG,WAAA;AACP,CAAM,KAAA;AACF,EAAM,MAAA,SAAA,GAAY,iBAAqB,IAAA,OAAA,CAAA;AAEvC,EAAA,IAAI,SAAW,EAAA;AACX,IACI,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,uBAAyB,EAAA;AAAA,UAClD,CAAC,MAAA,CAAO,4BAA4B,GAAG,WAAY,CAAA,cAAA;AAAA,SACtD,CAAA;AAAA,QAED,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACG,eAAA,EAAiB,UAAW,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA,cAC/C,CAAC,MAAO,CAAA,4BAA4B,GAChC,WAAY,CAAA,cAAA,IAAkB,CAAC,WAAY,CAAA,cAAA;AAAA,aAClD,CAAA;AAAA,WAAA;AAAA,SACL;AAAA,OAAA;AAAA,KACJ,CAAA;AAAA,GAER;AAEA,EAAO,uBAAA,GAAA,CAAC,MAAQ,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AACpC,EAAA;AAEA,cAAA,CAAe,QAAW,GAAA,IAAA;;;;"}
package/Skeleton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ActionProps } from '@hh.ru/magritte-ui-action/types';
1
+ import { ActionProps } from './types';
2
2
  import { IncompleteSkeletonComponent } from '@hh.ru/magritte-ui-skeleton';
3
3
  export declare const ActionSkeleton: IncompleteSkeletonComponent<ActionProps> & {
4
4
  isAction: true;
package/Skeleton.js CHANGED
@@ -3,5 +3,5 @@ import 'react/jsx-runtime';
3
3
  import 'classnames';
4
4
  import '@hh.ru/magritte-common-use-loading-state';
5
5
  import '@hh.ru/magritte-ui-skeleton';
6
- export { A as ActionSkeleton } from './Skeleton-CX2LCkK4.js';
6
+ export { A as ActionSkeleton } from './Skeleton-DA61JFW5.js';
7
7
  //# sourceMappingURL=Skeleton.js.map
package/index.css CHANGED
@@ -1,457 +1,457 @@
1
1
  :root{
2
- --magritte-color-background-secondary-v25-1-1:#F1F4F9;
3
- --magritte-color-background-constant-secondary-v25-1-1:#303030;
4
- --magritte-color-background-state-secondary-hovered-v25-1-1:#F4F6FB;
5
- --magritte-color-background-state-secondary-pressed-v25-1-1:#F4F6FB;
6
- --magritte-color-background-state-secondary-disabled-v25-1-1:#f1f4f97a;
7
- --magritte-color-background-state-constant-secondary-hovered-v25-1-1:#3f4850;
8
- --magritte-color-background-state-constant-secondary-pressed-v25-1-1:#343c43;
9
- --magritte-color-background-state-constant-secondary-disabled-v25-1-1:#49545d;
10
- --magritte-color-icon-primary-v25-1-1:#000000;
11
- --magritte-color-icon-secondary-v25-1-1:#768694;
12
- --magritte-color-icon-accent-v25-1-1:#0070ff;
13
- --magritte-color-icon-accent-secondary-v25-1-1:#76adfe;
14
- --magritte-color-icon-negative-v25-1-1:#ff4d3a;
15
- --magritte-color-icon-negative-secondary-v25-1-1:#ff9f8f;
16
- --magritte-color-icon-warning-v25-1-1:#ff9900;
17
- --magritte-color-icon-warning-secondary-v25-1-1:#fdb972;
18
- --magritte-color-icon-special-v25-1-1:#9054ea;
19
- --magritte-color-icon-special-secondary-v25-1-1:#a579f4;
20
- --magritte-color-icon-constant-v25-1-1:#ffffff;
21
- --magritte-color-icon-constant-secondary-v25-1-1:#B9B9B9;
22
- --magritte-color-icon-state-primary-hovered-v25-1-1:#20262b;
23
- --magritte-color-icon-state-primary-pressed-v25-1-1:#000000;
24
- --magritte-color-icon-state-primary-disabled-v25-1-1:#BBC8D4;
25
- --magritte-color-icon-state-secondary-hovered-v25-1-1:#20262b;
26
- --magritte-color-icon-state-secondary-pressed-v25-1-1:#768694;
27
- --magritte-color-icon-state-secondary-disabled-v25-1-1:#BBC8D4;
28
- --magritte-color-icon-state-accent-hovered-v25-1-1:#2b7fff;
29
- --magritte-color-icon-state-accent-pressed-v25-1-1:#0070ff;
30
- --magritte-color-icon-state-accent-disabled-v25-1-1:#0070ff7a;
31
- --magritte-color-icon-state-accent-secondary-hovered-v25-1-1:#8cbbff;
32
- --magritte-color-icon-state-accent-secondary-pressed-v25-1-1:#76adfe;
33
- --magritte-color-icon-state-accent-secondary-disabled-v25-1-1:#76adfe7a;
34
- --magritte-color-icon-state-negative-hovered-v25-1-1:#fe725f;
35
- --magritte-color-icon-state-negative-pressed-v25-1-1:#ff4d3a;
36
- --magritte-color-icon-state-negative-disabled-v25-1-1:#ff4d3a7a;
37
- --magritte-color-icon-state-negative-secondary-hovered-v25-1-1:#fdb5a7;
38
- --magritte-color-icon-state-negative-secondary-pressed-v25-1-1:#ff9f8f;
39
- --magritte-color-icon-state-negative-secondary-disabled-v25-1-1:#ff9f8f7a;
40
- --magritte-color-icon-state-warning-hovered-v25-1-1:#ffa439;
41
- --magritte-color-icon-state-warning-pressed-v25-1-1:#ff9900;
42
- --magritte-color-icon-state-warning-disabled-v25-1-1:#ff99007a;
43
- --magritte-color-icon-state-warning-secondary-hovered-v25-1-1:#fecb97;
44
- --magritte-color-icon-state-warning-secondary-pressed-v25-1-1:#fdb972;
45
- --magritte-color-icon-state-warning-secondary-disabled-v25-1-1:#fdb9727a;
46
- --magritte-color-icon-state-special-hovered-v25-1-1:#9a67ef;
47
- --magritte-color-icon-state-special-pressed-v25-1-1:#9054ea;
48
- --magritte-color-icon-state-special-disabled-v25-1-1:#9054ea7a;
49
- --magritte-color-icon-state-special-secondary-hovered-v25-1-1:#af8bf5;
50
- --magritte-color-icon-state-special-secondary-pressed-v25-1-1:#a579f4;
51
- --magritte-color-icon-state-special-secondary-disabled-v25-1-1:#a579f47a;
52
- --magritte-color-icon-state-constant-hovered-v25-1-1:#F1F4F9;
53
- --magritte-color-icon-state-constant-pressed-v25-1-1:#ffffff;
54
- --magritte-color-icon-state-constant-disabled-v25-1-1:#BBC8D4;
55
- --magritte-color-icon-state-constant-secondary-hovered-v25-1-1:#C6C6C6;
56
- --magritte-color-icon-state-constant-secondary-pressed-v25-1-1:#B9B9B9;
57
- --magritte-color-icon-state-constant-secondary-disabled-v25-1-1:#BBC8D4;
58
- --magritte-color-component-action-stroke-state-accent-focused-accessible-v25-1-1:#0070ff7a;
2
+ --magritte-color-background-secondary-v26-0-1:#F1F4F9;
3
+ --magritte-color-background-constant-secondary-v26-0-1:#303030;
4
+ --magritte-color-background-state-secondary-hovered-v26-0-1:#F4F6FB;
5
+ --magritte-color-background-state-secondary-pressed-v26-0-1:#F4F6FB;
6
+ --magritte-color-background-state-secondary-disabled-v26-0-1:#f1f4f97a;
7
+ --magritte-color-background-state-constant-secondary-hovered-v26-0-1:#3f4850;
8
+ --magritte-color-background-state-constant-secondary-pressed-v26-0-1:#343c43;
9
+ --magritte-color-background-state-constant-secondary-disabled-v26-0-1:#49545d;
10
+ --magritte-color-icon-primary-v26-0-1:#000000;
11
+ --magritte-color-icon-secondary-v26-0-1:#768694;
12
+ --magritte-color-icon-accent-v26-0-1:#0070ff;
13
+ --magritte-color-icon-accent-secondary-v26-0-1:#76adfe;
14
+ --magritte-color-icon-negative-v26-0-1:#ff4d3a;
15
+ --magritte-color-icon-negative-secondary-v26-0-1:#ff9f8f;
16
+ --magritte-color-icon-warning-v26-0-1:#ff9900;
17
+ --magritte-color-icon-warning-secondary-v26-0-1:#fdb972;
18
+ --magritte-color-icon-special-v26-0-1:#9054ea;
19
+ --magritte-color-icon-special-secondary-v26-0-1:#a579f4;
20
+ --magritte-color-icon-constant-v26-0-1:#ffffff;
21
+ --magritte-color-icon-constant-secondary-v26-0-1:#B9B9B9;
22
+ --magritte-color-icon-state-primary-hovered-v26-0-1:#20262b;
23
+ --magritte-color-icon-state-primary-pressed-v26-0-1:#000000;
24
+ --magritte-color-icon-state-primary-disabled-v26-0-1:#BBC8D4;
25
+ --magritte-color-icon-state-secondary-hovered-v26-0-1:#20262b;
26
+ --magritte-color-icon-state-secondary-pressed-v26-0-1:#768694;
27
+ --magritte-color-icon-state-secondary-disabled-v26-0-1:#BBC8D4;
28
+ --magritte-color-icon-state-accent-hovered-v26-0-1:#2b7fff;
29
+ --magritte-color-icon-state-accent-pressed-v26-0-1:#0070ff;
30
+ --magritte-color-icon-state-accent-disabled-v26-0-1:#0070ff7a;
31
+ --magritte-color-icon-state-accent-secondary-hovered-v26-0-1:#8cbbff;
32
+ --magritte-color-icon-state-accent-secondary-pressed-v26-0-1:#76adfe;
33
+ --magritte-color-icon-state-accent-secondary-disabled-v26-0-1:#76adfe7a;
34
+ --magritte-color-icon-state-negative-hovered-v26-0-1:#fe725f;
35
+ --magritte-color-icon-state-negative-pressed-v26-0-1:#ff4d3a;
36
+ --magritte-color-icon-state-negative-disabled-v26-0-1:#ff4d3a7a;
37
+ --magritte-color-icon-state-negative-secondary-hovered-v26-0-1:#fdb5a7;
38
+ --magritte-color-icon-state-negative-secondary-pressed-v26-0-1:#ff9f8f;
39
+ --magritte-color-icon-state-negative-secondary-disabled-v26-0-1:#ff9f8f7a;
40
+ --magritte-color-icon-state-warning-hovered-v26-0-1:#ffa439;
41
+ --magritte-color-icon-state-warning-pressed-v26-0-1:#ff9900;
42
+ --magritte-color-icon-state-warning-disabled-v26-0-1:#ff99007a;
43
+ --magritte-color-icon-state-warning-secondary-hovered-v26-0-1:#fecb97;
44
+ --magritte-color-icon-state-warning-secondary-pressed-v26-0-1:#fdb972;
45
+ --magritte-color-icon-state-warning-secondary-disabled-v26-0-1:#fdb9727a;
46
+ --magritte-color-icon-state-special-hovered-v26-0-1:#9a67ef;
47
+ --magritte-color-icon-state-special-pressed-v26-0-1:#9054ea;
48
+ --magritte-color-icon-state-special-disabled-v26-0-1:#9054ea7a;
49
+ --magritte-color-icon-state-special-secondary-hovered-v26-0-1:#af8bf5;
50
+ --magritte-color-icon-state-special-secondary-pressed-v26-0-1:#a579f4;
51
+ --magritte-color-icon-state-special-secondary-disabled-v26-0-1:#a579f47a;
52
+ --magritte-color-icon-state-constant-hovered-v26-0-1:#F1F4F9;
53
+ --magritte-color-icon-state-constant-pressed-v26-0-1:#ffffff;
54
+ --magritte-color-icon-state-constant-disabled-v26-0-1:#BBC8D4;
55
+ --magritte-color-icon-state-constant-secondary-hovered-v26-0-1:#C6C6C6;
56
+ --magritte-color-icon-state-constant-secondary-pressed-v26-0-1:#B9B9B9;
57
+ --magritte-color-icon-state-constant-secondary-disabled-v26-0-1:#BBC8D4;
58
+ --magritte-color-component-action-stroke-state-accent-focused-accessible-v26-0-1:#0070ff7a;
59
59
  }
60
60
 
61
61
  :root{
62
- --magritte-semantic-animation-ease-in-out-100-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
63
- --magritte-semantic-animation-ease-in-out-100-duration-v25-1-1:100ms;
64
- --magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
65
- --magritte-semantic-animation-ease-in-out-200-duration-v25-1-1:200ms;
62
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
63
+ --magritte-semantic-animation-ease-in-out-100-duration-v26-0-1:100ms;
64
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
65
+ --magritte-semantic-animation-ease-in-out-200-duration-v26-0-1:200ms;
66
66
  }
67
67
 
68
68
  .magritte-night-theme{
69
- --magritte-color-background-secondary-v25-1-1:#303030;
70
- --magritte-color-background-state-secondary-hovered-v25-1-1:#3B3B3B;
71
- --magritte-color-background-state-secondary-pressed-v25-1-1:#3B3B3B;
72
- --magritte-color-background-state-secondary-disabled-v25-1-1:#3030307a;
73
- --magritte-color-background-state-constant-secondary-disabled-v25-1-1:#343c43;
74
- --magritte-color-icon-primary-v25-1-1:#ffffff;
75
- --magritte-color-icon-secondary-v25-1-1:#ABABAB;
76
- --magritte-color-icon-accent-v25-1-1:#5e9eff;
77
- --magritte-color-icon-accent-secondary-v25-1-1:#0d63e3;
78
- --magritte-color-icon-negative-secondary-v25-1-1:#ac3225;
79
- --magritte-color-icon-warning-v25-1-1:#EB8D05;
80
- --magritte-color-icon-warning-secondary-v25-1-1:#9c5b03;
81
- --magritte-color-icon-special-v25-1-1:#af8bf5;
82
- --magritte-color-icon-special-secondary-v25-1-1:#883be9;
83
- --magritte-color-icon-state-primary-hovered-v25-1-1:#ffffff;
84
- --magritte-color-icon-state-primary-pressed-v25-1-1:#ffffff;
85
- --magritte-color-icon-state-primary-disabled-v25-1-1:#767676;
86
- --magritte-color-icon-state-secondary-hovered-v25-1-1:#ABABAB;
87
- --magritte-color-icon-state-secondary-pressed-v25-1-1:#ABABAB;
88
- --magritte-color-icon-state-secondary-disabled-v25-1-1:#767676;
89
- --magritte-color-icon-state-accent-hovered-v25-1-1:#5e9eff;
90
- --magritte-color-icon-state-accent-pressed-v25-1-1:#5e9eff;
91
- --magritte-color-icon-state-accent-disabled-v25-1-1:#5e9eff7a;
92
- --magritte-color-icon-state-accent-secondary-hovered-v25-1-1:#0d63e3;
93
- --magritte-color-icon-state-accent-secondary-pressed-v25-1-1:#0d63e3;
94
- --magritte-color-icon-state-accent-secondary-disabled-v25-1-1:#0d63e37a;
95
- --magritte-color-icon-state-negative-hovered-v25-1-1:#ff4d3a;
96
- --magritte-color-icon-state-negative-secondary-hovered-v25-1-1:#ac3225;
97
- --magritte-color-icon-state-negative-secondary-pressed-v25-1-1:#ac3225;
98
- --magritte-color-icon-state-negative-secondary-disabled-v25-1-1:#ac32257a;
99
- --magritte-color-icon-state-warning-hovered-v25-1-1:#EB8D05;
100
- --magritte-color-icon-state-warning-pressed-v25-1-1:#EB8D05;
101
- --magritte-color-icon-state-warning-disabled-v25-1-1:#eb8d057a;
102
- --magritte-color-icon-state-warning-secondary-hovered-v25-1-1:#9c5b03;
103
- --magritte-color-icon-state-warning-secondary-pressed-v25-1-1:#9c5b03;
104
- --magritte-color-icon-state-warning-secondary-disabled-v25-1-1:#9c5b037a;
105
- --magritte-color-icon-state-special-hovered-v25-1-1:#af8bf5;
106
- --magritte-color-icon-state-special-pressed-v25-1-1:#af8bf5;
107
- --magritte-color-icon-state-special-disabled-v25-1-1:#af8bf57a;
108
- --magritte-color-icon-state-special-secondary-hovered-v25-1-1:#883be9;
109
- --magritte-color-icon-state-special-secondary-pressed-v25-1-1:#883be9;
110
- --magritte-color-icon-state-special-secondary-disabled-v25-1-1:#883be97a;
111
- --magritte-color-icon-state-constant-hovered-v25-1-1:#ffffff;
112
- --magritte-color-icon-state-constant-disabled-v25-1-1:#767676;
113
- --magritte-color-icon-state-constant-secondary-disabled-v25-1-1:#767676;
69
+ --magritte-color-background-secondary-v26-0-1:#303030;
70
+ --magritte-color-background-state-secondary-hovered-v26-0-1:#3B3B3B;
71
+ --magritte-color-background-state-secondary-pressed-v26-0-1:#3B3B3B;
72
+ --magritte-color-background-state-secondary-disabled-v26-0-1:#3030307a;
73
+ --magritte-color-background-state-constant-secondary-disabled-v26-0-1:#343c43;
74
+ --magritte-color-icon-primary-v26-0-1:#ffffff;
75
+ --magritte-color-icon-secondary-v26-0-1:#ABABAB;
76
+ --magritte-color-icon-accent-v26-0-1:#5e9eff;
77
+ --magritte-color-icon-accent-secondary-v26-0-1:#0d63e3;
78
+ --magritte-color-icon-negative-secondary-v26-0-1:#ac3225;
79
+ --magritte-color-icon-warning-v26-0-1:#EB8D05;
80
+ --magritte-color-icon-warning-secondary-v26-0-1:#9c5b03;
81
+ --magritte-color-icon-special-v26-0-1:#af8bf5;
82
+ --magritte-color-icon-special-secondary-v26-0-1:#883be9;
83
+ --magritte-color-icon-state-primary-hovered-v26-0-1:#ffffff;
84
+ --magritte-color-icon-state-primary-pressed-v26-0-1:#ffffff;
85
+ --magritte-color-icon-state-primary-disabled-v26-0-1:#767676;
86
+ --magritte-color-icon-state-secondary-hovered-v26-0-1:#ABABAB;
87
+ --magritte-color-icon-state-secondary-pressed-v26-0-1:#ABABAB;
88
+ --magritte-color-icon-state-secondary-disabled-v26-0-1:#767676;
89
+ --magritte-color-icon-state-accent-hovered-v26-0-1:#5e9eff;
90
+ --magritte-color-icon-state-accent-pressed-v26-0-1:#5e9eff;
91
+ --magritte-color-icon-state-accent-disabled-v26-0-1:#5e9eff7a;
92
+ --magritte-color-icon-state-accent-secondary-hovered-v26-0-1:#0d63e3;
93
+ --magritte-color-icon-state-accent-secondary-pressed-v26-0-1:#0d63e3;
94
+ --magritte-color-icon-state-accent-secondary-disabled-v26-0-1:#0d63e37a;
95
+ --magritte-color-icon-state-negative-hovered-v26-0-1:#ff4d3a;
96
+ --magritte-color-icon-state-negative-secondary-hovered-v26-0-1:#ac3225;
97
+ --magritte-color-icon-state-negative-secondary-pressed-v26-0-1:#ac3225;
98
+ --magritte-color-icon-state-negative-secondary-disabled-v26-0-1:#ac32257a;
99
+ --magritte-color-icon-state-warning-hovered-v26-0-1:#EB8D05;
100
+ --magritte-color-icon-state-warning-pressed-v26-0-1:#EB8D05;
101
+ --magritte-color-icon-state-warning-disabled-v26-0-1:#eb8d057a;
102
+ --magritte-color-icon-state-warning-secondary-hovered-v26-0-1:#9c5b03;
103
+ --magritte-color-icon-state-warning-secondary-pressed-v26-0-1:#9c5b03;
104
+ --magritte-color-icon-state-warning-secondary-disabled-v26-0-1:#9c5b037a;
105
+ --magritte-color-icon-state-special-hovered-v26-0-1:#af8bf5;
106
+ --magritte-color-icon-state-special-pressed-v26-0-1:#af8bf5;
107
+ --magritte-color-icon-state-special-disabled-v26-0-1:#af8bf57a;
108
+ --magritte-color-icon-state-special-secondary-hovered-v26-0-1:#883be9;
109
+ --magritte-color-icon-state-special-secondary-pressed-v26-0-1:#883be9;
110
+ --magritte-color-icon-state-special-secondary-disabled-v26-0-1:#883be97a;
111
+ --magritte-color-icon-state-constant-hovered-v26-0-1:#ffffff;
112
+ --magritte-color-icon-state-constant-disabled-v26-0-1:#767676;
113
+ --magritte-color-icon-state-constant-secondary-disabled-v26-0-1:#767676;
114
114
  }
115
115
 
116
116
  .magritte-zp-day-theme{
117
- --magritte-color-background-state-constant-secondary-disabled-v25-1-1:#343c43;
118
- --magritte-color-icon-accent-v25-1-1:#7195AF;
119
- --magritte-color-icon-accent-secondary-v25-1-1:#A3BFD2;
120
- --magritte-color-icon-negative-secondary-v25-1-1:#ff8a77;
121
- --magritte-color-icon-state-primary-hovered-v25-1-1:#000000;
122
- --magritte-color-icon-state-secondary-hovered-v25-1-1:#8293a2;
123
- --magritte-color-icon-state-accent-hovered-v25-1-1:#618096;
124
- --magritte-color-icon-state-accent-pressed-v25-1-1:#618096;
125
- --magritte-color-icon-state-accent-disabled-v25-1-1:#7195af7a;
126
- --magritte-color-icon-state-accent-secondary-hovered-v25-1-1:#8FA7B8;
127
- --magritte-color-icon-state-accent-secondary-pressed-v25-1-1:#8FA7B8;
128
- --magritte-color-icon-state-accent-secondary-disabled-v25-1-1:#a3bfd27a;
129
- --magritte-color-icon-state-negative-secondary-hovered-v25-1-1:#ff9f8f;
130
- --magritte-color-icon-state-negative-secondary-pressed-v25-1-1:#ff8a77;
131
- --magritte-color-icon-state-negative-secondary-disabled-v25-1-1:#ff8a777a;
132
- --magritte-color-icon-state-warning-hovered-v25-1-1:#EB8D05;
133
- --magritte-color-icon-state-warning-pressed-v25-1-1:#D78009;
134
- --magritte-color-icon-state-warning-secondary-hovered-v25-1-1:#ffa439;
135
- --magritte-color-icon-state-warning-secondary-pressed-v25-1-1:#ff9900;
136
- }
137
- .magritte-action___JtMQB_6-0-29{
117
+ --magritte-color-background-state-constant-secondary-disabled-v26-0-1:#343c43;
118
+ --magritte-color-icon-accent-v26-0-1:#7195AF;
119
+ --magritte-color-icon-accent-secondary-v26-0-1:#A3BFD2;
120
+ --magritte-color-icon-negative-secondary-v26-0-1:#ff8a77;
121
+ --magritte-color-icon-state-primary-hovered-v26-0-1:#000000;
122
+ --magritte-color-icon-state-secondary-hovered-v26-0-1:#8293a2;
123
+ --magritte-color-icon-state-accent-hovered-v26-0-1:#618096;
124
+ --magritte-color-icon-state-accent-pressed-v26-0-1:#618096;
125
+ --magritte-color-icon-state-accent-disabled-v26-0-1:#7195af7a;
126
+ --magritte-color-icon-state-accent-secondary-hovered-v26-0-1:#8FA7B8;
127
+ --magritte-color-icon-state-accent-secondary-pressed-v26-0-1:#8FA7B8;
128
+ --magritte-color-icon-state-accent-secondary-disabled-v26-0-1:#a3bfd27a;
129
+ --magritte-color-icon-state-negative-secondary-hovered-v26-0-1:#ff9f8f;
130
+ --magritte-color-icon-state-negative-secondary-pressed-v26-0-1:#ff8a77;
131
+ --magritte-color-icon-state-negative-secondary-disabled-v26-0-1:#ff8a777a;
132
+ --magritte-color-icon-state-warning-hovered-v26-0-1:#EB8D05;
133
+ --magritte-color-icon-state-warning-pressed-v26-0-1:#D78009;
134
+ --magritte-color-icon-state-warning-secondary-hovered-v26-0-1:#ffa439;
135
+ --magritte-color-icon-state-warning-secondary-pressed-v26-0-1:#ff9900;
136
+ }
137
+ .magritte-action___JtMQB_6-0-31{
138
138
  display:flex;
139
139
  cursor:pointer;
140
140
  border-radius:20px;
141
141
  padding:8px;
142
142
  border-color:var(--magritte-ui-icon-color-override);
143
143
  }
144
- .magritte-action___JtMQB_6-0-29:disabled{
144
+ .magritte-action___JtMQB_6-0-31:disabled{
145
145
  cursor:default;
146
146
  }
147
- .magritte-action___JtMQB_6-0-29.focus-visible{
148
- outline:var(--magritte-color-component-action-stroke-state-accent-focused-accessible-v25-1-1) solid 4px;
147
+ .magritte-action___JtMQB_6-0-31.focus-visible{
148
+ outline:var(--magritte-color-component-action-stroke-state-accent-focused-accessible-v26-0-1) solid 4px;
149
149
  }
150
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29{
151
- background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-secondary-v25-1-1));
150
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31{
151
+ background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-secondary-v26-0-1));
152
152
  }
153
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29:not(:disabled):active{
154
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-secondary-pressed-v25-1-1));
153
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31:not(:disabled):active{
154
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-secondary-pressed-v26-0-1));
155
155
  }
156
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29:disabled{
157
- background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-secondary-hovered-v25-1-1));
156
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31:disabled{
157
+ background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-secondary-hovered-v26-0-1));
158
158
  }
159
159
  @media (min-width: 1020px){
160
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29:not(:disabled):not(:active):hover{
161
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v25-1-1));
160
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31:not(:disabled):not(:active):hover{
161
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v26-0-1));
162
162
  }
163
163
  }
164
164
  @media (min-width: 1024px){
165
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29:not(:disabled):not(:active):hover{
166
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v25-1-1));
165
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31:not(:disabled):not(:active):hover{
166
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v26-0-1));
167
167
  }
168
168
  }
169
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-style-constant___fuFNV_6-0-29{
170
- background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-constant-secondary-v25-1-1));
169
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-style-constant___fuFNV_6-0-31{
170
+ background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-constant-secondary-v26-0-1));
171
171
  }
172
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-style-constant___fuFNV_6-0-29:not(:disabled):active{
173
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v25-1-1));
172
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-style-constant___fuFNV_6-0-31:not(:disabled):active{
173
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v26-0-1));
174
174
  }
175
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-style-constant___fuFNV_6-0-29:disabled{
176
- background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-constant-secondary-hovered-v25-1-1));
175
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-style-constant___fuFNV_6-0-31:disabled{
176
+ background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-constant-secondary-hovered-v26-0-1));
177
177
  }
178
178
  @media (min-width: 1020px){
179
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-style-constant___fuFNV_6-0-29:not(:disabled):not(:active):hover{
180
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v25-1-1));
179
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-style-constant___fuFNV_6-0-31:not(:disabled):not(:active):hover{
180
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v26-0-1));
181
181
  }
182
182
  }
183
183
  @media (min-width: 1024px){
184
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-style-constant___fuFNV_6-0-29:not(:disabled):not(:active):hover{
185
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v25-1-1));
184
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-style-constant___fuFNV_6-0-31:not(:disabled):not(:active):hover{
185
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v26-0-1));
186
186
  }
187
187
  }
188
188
  @media (min-width: 1020px){
189
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29:not(:disabled):not(:active):hover{
190
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v25-1-1));
189
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31:not(:disabled):not(:active):hover{
190
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v26-0-1));
191
191
  }
192
192
  }
193
193
  @media (min-width: 1024px){
194
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29:not(:disabled):not(:active):hover{
195
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v25-1-1));
194
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31:not(:disabled):not(:active):hover{
195
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v26-0-1));
196
196
  }
197
197
  }
198
- .magritte-action___JtMQB_6-0-29.magritte-action-show-background___Qg0JU_6-0-29.magritte-action-pressed-style-constant___pyneP_6-0-29:active{
199
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v25-1-1));
198
+ .magritte-action___JtMQB_6-0-31.magritte-action-show-background___Qg0JU_6-0-31.magritte-action-pressed-style-constant___pyneP_6-0-31:active{
199
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v26-0-1));
200
200
  }
201
- .magritte-action___JtMQB_6-0-29.magritte-action-disable-padding___F-AR7_6-0-29{
201
+ .magritte-action___JtMQB_6-0-31.magritte-action-disable-padding___F-AR7_6-0-31{
202
202
  padding:0;
203
203
  }
204
- .magritte-action___JtMQB_6-0-29.magritte-action-style-neutral___zv0k4_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
205
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-primary-v25-1-1));
204
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-neutral___zv0k4_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
205
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-primary-v26-0-1));
206
206
  }
207
- .magritte-action___JtMQB_6-0-29.magritte-action-style-neutral___zv0k4_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
208
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-primary-disabled-v25-1-1));
207
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-neutral___zv0k4_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
208
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-primary-disabled-v26-0-1));
209
209
  }
210
- .magritte-action___JtMQB_6-0-29.magritte-action-style-neutral___zv0k4_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
211
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-secondary-v25-1-1));
210
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-neutral___zv0k4_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
211
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-secondary-v26-0-1));
212
212
  }
213
- .magritte-action___JtMQB_6-0-29.magritte-action-style-neutral___zv0k4_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
214
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-secondary-disabled-v25-1-1));
213
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-neutral___zv0k4_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
214
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-secondary-disabled-v26-0-1));
215
215
  }
216
216
  @media (min-width: 1020px){
217
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-neutral___qiLyU_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
218
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v25-1-1));
217
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-neutral___qiLyU_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
218
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v26-0-1));
219
219
  }
220
220
  }
221
221
  @media (min-width: 1024px){
222
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-neutral___qiLyU_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
223
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v25-1-1));
222
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-neutral___qiLyU_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
223
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v26-0-1));
224
224
  }
225
225
  }
226
226
  @media (min-width: 1020px){
227
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-neutral___qiLyU_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
228
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v25-1-1));
227
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-neutral___qiLyU_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
228
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v26-0-1));
229
229
  }
230
230
  }
231
231
  @media (min-width: 1024px){
232
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-neutral___qiLyU_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
233
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v25-1-1));
232
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-neutral___qiLyU_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
233
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v26-0-1));
234
234
  }
235
235
  }
236
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-neutral___gMAMl_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
237
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-primary-pressed-v25-1-1));
236
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-neutral___gMAMl_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
237
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-primary-pressed-v26-0-1));
238
238
  }
239
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-neutral___gMAMl_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
240
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-secondary-pressed-v25-1-1));
239
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-neutral___gMAMl_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
240
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-secondary-pressed-v26-0-1));
241
241
  }
242
- .magritte-action___JtMQB_6-0-29.magritte-action-style-accent___5YSMF_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
243
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-accent-v25-1-1));
242
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-accent___5YSMF_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
243
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-accent-v26-0-1));
244
244
  }
245
- .magritte-action___JtMQB_6-0-29.magritte-action-style-accent___5YSMF_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
246
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-accent-disabled-v25-1-1));
245
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-accent___5YSMF_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
246
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-accent-disabled-v26-0-1));
247
247
  }
248
- .magritte-action___JtMQB_6-0-29.magritte-action-style-accent___5YSMF_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
249
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-accent-secondary-v25-1-1));
248
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-accent___5YSMF_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
249
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-accent-secondary-v26-0-1));
250
250
  }
251
- .magritte-action___JtMQB_6-0-29.magritte-action-style-accent___5YSMF_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
252
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-accent-secondary-disabled-v25-1-1));
251
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-accent___5YSMF_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
252
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-accent-secondary-disabled-v26-0-1));
253
253
  }
254
254
  @media (min-width: 1020px){
255
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-accent___C-bMb_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
256
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v25-1-1));
255
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-accent___C-bMb_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
256
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v26-0-1));
257
257
  }
258
258
  }
259
259
  @media (min-width: 1024px){
260
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-accent___C-bMb_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
261
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v25-1-1));
260
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-accent___C-bMb_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
261
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v26-0-1));
262
262
  }
263
263
  }
264
264
  @media (min-width: 1020px){
265
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-accent___C-bMb_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
266
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v25-1-1));
265
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-accent___C-bMb_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
266
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v26-0-1));
267
267
  }
268
268
  }
269
269
  @media (min-width: 1024px){
270
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-accent___C-bMb_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
271
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v25-1-1));
270
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-accent___C-bMb_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
271
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v26-0-1));
272
272
  }
273
273
  }
274
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-accent___Dc4hr_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
275
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-accent-pressed-v25-1-1));
274
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-accent___Dc4hr_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
275
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-accent-pressed-v26-0-1));
276
276
  }
277
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-accent___Dc4hr_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
278
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-accent-secondary-pressed-v25-1-1));
277
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-accent___Dc4hr_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
278
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-accent-secondary-pressed-v26-0-1));
279
279
  }
280
- .magritte-action___JtMQB_6-0-29.magritte-action-style-negative___CrXqj_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
281
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-negative-v25-1-1));
280
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-negative___CrXqj_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
281
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-negative-v26-0-1));
282
282
  }
283
- .magritte-action___JtMQB_6-0-29.magritte-action-style-negative___CrXqj_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
284
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-negative-disabled-v25-1-1));
283
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-negative___CrXqj_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
284
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-negative-disabled-v26-0-1));
285
285
  }
286
- .magritte-action___JtMQB_6-0-29.magritte-action-style-negative___CrXqj_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
287
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-negative-secondary-v25-1-1));
286
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-negative___CrXqj_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
287
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-negative-secondary-v26-0-1));
288
288
  }
289
- .magritte-action___JtMQB_6-0-29.magritte-action-style-negative___CrXqj_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
290
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-negative-secondary-disabled-v25-1-1));
289
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-negative___CrXqj_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
290
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-negative-secondary-disabled-v26-0-1));
291
291
  }
292
292
  @media (min-width: 1020px){
293
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-negative___rVlDZ_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
294
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v25-1-1));
293
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-negative___rVlDZ_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
294
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v26-0-1));
295
295
  }
296
296
  }
297
297
  @media (min-width: 1024px){
298
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-negative___rVlDZ_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
299
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v25-1-1));
298
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-negative___rVlDZ_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
299
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v26-0-1));
300
300
  }
301
301
  }
302
302
  @media (min-width: 1020px){
303
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-negative___rVlDZ_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
304
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v25-1-1));
303
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-negative___rVlDZ_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
304
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v26-0-1));
305
305
  }
306
306
  }
307
307
  @media (min-width: 1024px){
308
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-negative___rVlDZ_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
309
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v25-1-1));
308
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-negative___rVlDZ_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
309
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v26-0-1));
310
310
  }
311
311
  }
312
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-negative___7ckSN_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
313
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-negative-pressed-v25-1-1));
312
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-negative___7ckSN_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
313
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-negative-pressed-v26-0-1));
314
314
  }
315
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-negative___7ckSN_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
316
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-negative-secondary-pressed-v25-1-1));
315
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-negative___7ckSN_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
316
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-negative-secondary-pressed-v26-0-1));
317
317
  }
318
- .magritte-action___JtMQB_6-0-29.magritte-action-style-constant___fuFNV_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
319
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-constant-v25-1-1));
318
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-constant___fuFNV_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
319
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-constant-v26-0-1));
320
320
  }
321
- .magritte-action___JtMQB_6-0-29.magritte-action-style-constant___fuFNV_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
322
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-constant-disabled-v25-1-1));
321
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-constant___fuFNV_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
322
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-constant-disabled-v26-0-1));
323
323
  }
324
- .magritte-action___JtMQB_6-0-29.magritte-action-style-constant___fuFNV_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
325
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-constant-secondary-v25-1-1));
324
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-constant___fuFNV_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
325
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-constant-secondary-v26-0-1));
326
326
  }
327
- .magritte-action___JtMQB_6-0-29.magritte-action-style-constant___fuFNV_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
328
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-constant-secondary-disabled-v25-1-1));
327
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-constant___fuFNV_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
328
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-constant-secondary-disabled-v26-0-1));
329
329
  }
330
330
  @media (min-width: 1020px){
331
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
332
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-constant-hovered-v25-1-1));
331
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
332
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-constant-hovered-v26-0-1));
333
333
  }
334
334
  }
335
335
  @media (min-width: 1024px){
336
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
337
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-constant-hovered-v25-1-1));
336
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
337
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-constant-hovered-v26-0-1));
338
338
  }
339
339
  }
340
340
  @media (min-width: 1020px){
341
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
342
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-constant-secondary-hovered-v25-1-1));
341
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
342
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-constant-secondary-hovered-v26-0-1));
343
343
  }
344
344
  }
345
345
  @media (min-width: 1024px){
346
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-constant___Ci5vc_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
347
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-constant-secondary-hovered-v25-1-1));
346
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-constant___Ci5vc_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
347
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-constant-secondary-hovered-v26-0-1));
348
348
  }
349
349
  }
350
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-constant___pyneP_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
351
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-constant-pressed-v25-1-1));
350
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-constant___pyneP_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
351
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-constant-pressed-v26-0-1));
352
352
  }
353
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-constant___pyneP_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
354
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-constant-secondary-pressed-v25-1-1));
353
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-constant___pyneP_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
354
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-constant-secondary-pressed-v26-0-1));
355
355
  }
356
- .magritte-action___JtMQB_6-0-29.magritte-action-style-warning___ikeHT_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
357
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-warning-v25-1-1));
356
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-warning___ikeHT_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
357
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-warning-v26-0-1));
358
358
  }
359
- .magritte-action___JtMQB_6-0-29.magritte-action-style-warning___ikeHT_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
360
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-warning-disabled-v25-1-1));
359
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-warning___ikeHT_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
360
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-warning-disabled-v26-0-1));
361
361
  }
362
- .magritte-action___JtMQB_6-0-29.magritte-action-style-warning___ikeHT_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
363
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-warning-secondary-v25-1-1));
362
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-warning___ikeHT_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
363
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-warning-secondary-v26-0-1));
364
364
  }
365
- .magritte-action___JtMQB_6-0-29.magritte-action-style-warning___ikeHT_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
366
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-warning-secondary-disabled-v25-1-1));
365
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-warning___ikeHT_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
366
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-warning-secondary-disabled-v26-0-1));
367
367
  }
368
368
  @media (min-width: 1020px){
369
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-warning___4jUpU_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
370
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v25-1-1));
369
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-warning___4jUpU_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
370
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v26-0-1));
371
371
  }
372
372
  }
373
373
  @media (min-width: 1024px){
374
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-warning___4jUpU_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
375
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v25-1-1));
374
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-warning___4jUpU_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
375
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v26-0-1));
376
376
  }
377
377
  }
378
378
  @media (min-width: 1020px){
379
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-warning___4jUpU_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
380
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v25-1-1));
379
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-warning___4jUpU_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
380
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v26-0-1));
381
381
  }
382
382
  }
383
383
  @media (min-width: 1024px){
384
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-warning___4jUpU_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
385
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v25-1-1));
384
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-warning___4jUpU_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
385
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v26-0-1));
386
386
  }
387
387
  }
388
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-warning___b2e3N_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
389
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-warning-pressed-v25-1-1));
388
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-warning___b2e3N_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
389
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-warning-pressed-v26-0-1));
390
390
  }
391
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-warning___b2e3N_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
392
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-warning-secondary-pressed-v25-1-1));
391
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-warning___b2e3N_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
392
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-warning-secondary-pressed-v26-0-1));
393
393
  }
394
- .magritte-action___JtMQB_6-0-29.magritte-action-style-special___cav2H_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29{
395
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-special-v25-1-1));
394
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-special___cav2H_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31{
395
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-special-v26-0-1));
396
396
  }
397
- .magritte-action___JtMQB_6-0-29.magritte-action-style-special___cav2H_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:disabled{
398
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-special-disabled-v25-1-1));
397
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-special___cav2H_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:disabled{
398
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-special-disabled-v26-0-1));
399
399
  }
400
- .magritte-action___JtMQB_6-0-29.magritte-action-style-special___cav2H_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29{
401
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-special-secondary-v25-1-1));
400
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-special___cav2H_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31{
401
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-special-secondary-v26-0-1));
402
402
  }
403
- .magritte-action___JtMQB_6-0-29.magritte-action-style-special___cav2H_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:disabled{
404
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-special-secondary-disabled-v25-1-1));
403
+ .magritte-action___JtMQB_6-0-31.magritte-action-style-special___cav2H_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:disabled{
404
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-special-secondary-disabled-v26-0-1));
405
405
  }
406
406
  @media (min-width: 1020px){
407
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-special___2HDP-_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
408
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v25-1-1));
407
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-special___2HDP-_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
408
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v26-0-1));
409
409
  }
410
410
  }
411
411
  @media (min-width: 1024px){
412
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-special___2HDP-_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):not(:active):hover{
413
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v25-1-1));
412
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-special___2HDP-_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):not(:active):hover{
413
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v26-0-1));
414
414
  }
415
415
  }
416
416
  @media (min-width: 1020px){
417
- body.magritte-old-layout .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-special___2HDP-_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
418
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v25-1-1));
417
+ body.magritte-old-layout .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-special___2HDP-_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
418
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v26-0-1));
419
419
  }
420
420
  }
421
421
  @media (min-width: 1024px){
422
- body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-29.magritte-action-hover-style-special___2HDP-_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):not(:active):hover{
423
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v25-1-1));
422
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_6-0-31.magritte-action-hover-style-special___2HDP-_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):not(:active):hover{
423
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v26-0-1));
424
424
  }
425
425
  }
426
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-special___B7JXW_6-0-29.magritte-action-mode-primary___AzhY5_6-0-29:not(:disabled):active{
427
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-special-pressed-v25-1-1));
426
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-special___B7JXW_6-0-31.magritte-action-mode-primary___AzhY5_6-0-31:not(:disabled):active{
427
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-special-pressed-v26-0-1));
428
428
  }
429
- .magritte-action___JtMQB_6-0-29.magritte-action-pressed-style-special___B7JXW_6-0-29.magritte-action-mode-secondary___jvHEK_6-0-29:not(:disabled):active{
430
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-special-secondary-pressed-v25-1-1));
429
+ .magritte-action___JtMQB_6-0-31.magritte-action-pressed-style-special___B7JXW_6-0-31.magritte-action-mode-secondary___jvHEK_6-0-31:not(:disabled):active{
430
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-special-secondary-pressed-v26-0-1));
431
431
  }
432
- .magritte-action___JtMQB_6-0-29:not(:disabled){
433
- transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1);
432
+ .magritte-action___JtMQB_6-0-31:not(:disabled){
433
+ transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
434
434
  transform:scale(1);
435
435
  }
436
- .magritte-action___JtMQB_6-0-29:not(:disabled):active{
437
- transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v25-1-1) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v25-1-1);
436
+ .magritte-action___JtMQB_6-0-31:not(:disabled):active{
437
+ transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-1) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1);
438
438
  transform:scale(0.96);
439
439
  }
440
- .magritte-action-skeleton-container___5i2G3_6-0-29{
440
+ .magritte-action-skeleton-container___5i2G3_6-0-31{
441
441
  display:flex;
442
442
  align-items:center;
443
443
  justify-content:center;
444
444
  padding:8px;
445
445
  }
446
- .magritte-action-skeleton-container___5i2G3_6-0-29.magritte-action-skeleton-disable-padding___pofiL_6-0-29{
446
+ .magritte-action-skeleton-container___5i2G3_6-0-31.magritte-action-skeleton-disable-padding___pofiL_6-0-31{
447
447
  padding:0;
448
448
  }
449
- .magritte-action-skeleton___zIUA6_6-0-29{
449
+ .magritte-action-skeleton___zIUA6_6-0-31{
450
450
  width:24px;
451
451
  height:24px;
452
452
  border-radius:4px;
453
453
  }
454
- .magritte-action-skeleton___zIUA6_6-0-29 .magritte-action-skeleton-show-background___4xgHf_6-0-29{
454
+ .magritte-action-skeleton___zIUA6_6-0-31 .magritte-action-skeleton-show-background___4xgHf_6-0-31{
455
455
  width:40px;
456
456
  height:40px;
457
457
  border-radius:20px;
package/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from '@hh.ru/magritte-ui-action/Action';
2
- export { type ActionProps, type ActionMode, type ActionStyle, isActionComponent, } from '@hh.ru/magritte-ui-action/types';
1
+ export * from './Action';
2
+ export { type ActionProps, type ActionMode, type ActionStyle, isActionComponent, } from './types';
package/index.js CHANGED
@@ -6,7 +6,7 @@ import 'react';
6
6
  import 'classnames';
7
7
  import '@hh.ru/magritte-common-focus-visible';
8
8
  import '@hh.ru/magritte-common-use-disabled';
9
- import './Skeleton-CX2LCkK4.js';
9
+ import './Skeleton-DA61JFW5.js';
10
10
  import '@hh.ru/magritte-common-use-loading-state';
11
11
  import '@hh.ru/magritte-ui-skeleton';
12
12
  import '@hh.ru/magritte-ui-badge';
package/index.mock.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ForwardRefExoticComponent } from 'react';
2
- export { type ActionStyle, type ActionMode, type ActionProps } from '@hh.ru/magritte-ui-action/types';
2
+ export { type ActionStyle, type ActionMode, type ActionProps } from './types';
3
3
  export declare const Action: ForwardRefExoticComponent<Record<string, unknown>>;
4
4
  export declare const isActionComponent: () => boolean;
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 Action = mockComponent('Action', undefined, {
5
- withChildren: false,
4
+ const Action = mockComponent("Action", void 0, {
5
+ withChildren: false
6
6
  });
7
7
  const isActionComponent = () => true;
8
8
 
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 ActionStyle, type ActionMode, type ActionProps } from '@hh.ru/magritte-ui-action/types';\n\nexport const Action: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Action', undefined, {\n withChildren: false,\n});\n\nexport const isActionComponent = (): boolean => true;\n"],"names":[],"mappings":";;MAMa,MAAM,GAAuD,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACzG,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA,EAAE;MAEU,iBAAiB,GAAG,MAAe;;;;"}
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 ActionStyle, type ActionMode, type ActionProps } from '@hh.ru/magritte-ui-action/types';\n\nexport const Action: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Action', undefined, {\n withChildren: false,\n});\n\nexport const isActionComponent = (): boolean => true;\n"],"names":[],"mappings":";;AAMa,MAAA,MAAA,GAA6D,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,EACzG,YAAc,EAAA,KAAA;AAClB,CAAC,EAAA;AAEM,MAAM,oBAAoB,MAAe;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action",
3
- "version": "6.0.29",
3
+ "version": "6.0.31",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,12 +22,12 @@
22
22
  "@hh.ru/magritte-common-focus-visible": "0.1.11",
23
23
  "@hh.ru/magritte-common-use-disabled": "1.0.16",
24
24
  "@hh.ru/magritte-common-use-loading-state": "1.0.12",
25
- "@hh.ru/magritte-design-tokens": "25.1.1",
26
- "@hh.ru/magritte-ui-badge": "4.0.21",
25
+ "@hh.ru/magritte-design-tokens": "26.0.1",
26
+ "@hh.ru/magritte-ui-badge": "4.0.23",
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.1.2",
28
- "@hh.ru/magritte-ui-icon": "15.1.3",
28
+ "@hh.ru/magritte-ui-icon": "15.1.5",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.8",
30
- "@hh.ru/magritte-ui-skeleton": "3.0.33"
30
+ "@hh.ru/magritte-ui-skeleton": "3.0.35"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "classnames": ">=2.3.2",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
39
+ "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
40
40
  }
package/types.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { isValidElement } from 'react';
3
3
 
4
4
  const isActionComponent = (component) => {
5
- return isValidElement(component) && typeof component.type !== 'string' && 'isAction' in component?.type;
5
+ return isValidElement(component) && typeof component.type !== "string" && "isAction" in component?.type;
6
6
  };
7
7
 
8
8
  export { isActionComponent };
package/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sources":["src/types.ts"],"sourcesContent":["import {\n type EventHandler,\n type MouseEvent,\n type ReactElement,\n type ButtonHTMLAttributes,\n isValidElement,\n} from 'react';\n\nimport { type IconWrapperComponentSize24, type IconWrapperComponentSize16 } from '@hh.ru/magritte-ui-icon/types';\n\nexport type ActionMode = 'primary' | 'secondary';\n\nexport type ActionStyle = 'neutral' | 'accent' | 'negative' | 'constant' | 'warning' | 'special';\n\nexport interface ActionBaseProps {\n /** Режим заливки цветом */\n mode?: ActionMode;\n /** Стиль отображения компонента */\n style?: ActionStyle;\n /** Переопределение стиля для состояния hover */\n hoverStyle?: ActionStyle;\n /** Переопределение стиля для состояния pressed */\n pressedStyle?: ActionStyle;\n /** Флаг отключения */\n disabled?: boolean;\n /** Обработчик события клика (активации) */\n onClick: EventHandler<MouseEvent>;\n /** Компонент иконки */\n icon: IconWrapperComponentSize24 | IconWrapperComponentSize16;\n /** Флаг отображения фона */\n showBackground?: boolean;\n /** Флаг отключения паддингов */\n disablePadding?: boolean;\n /** Компонент Badge */\n badge?: ReactElement;\n /** Кастомный data-qa для тестирования */\n 'data-qa'?: string;\n}\n\nexport type ActionProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n keyof ActionBaseProps | 'type' | 'aria-disabled'\n> &\n ActionBaseProps;\n\nexport const isActionComponent = (component: ReactElement): component is ReactElement<ActionProps> => {\n return isValidElement(component) && typeof component.type !== 'string' && 'isAction' in component?.type;\n};\n"],"names":[],"mappings":";;AA6Ca,MAAA,iBAAiB,GAAG,CAAC,SAAuB,KAA4C;AACjG,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,IAAI,SAAS,EAAE,IAAI,CAAC;AAC5G;;;;"}
1
+ {"version":3,"file":"types.js","sources":["src/types.ts"],"sourcesContent":["import {\n type EventHandler,\n type MouseEvent,\n type ReactElement,\n type ButtonHTMLAttributes,\n isValidElement,\n} from 'react';\n\nimport { type IconWrapperComponentSize24, type IconWrapperComponentSize16 } from '@hh.ru/magritte-ui-icon/types';\n\nexport type ActionMode = 'primary' | 'secondary';\n\nexport type ActionStyle = 'neutral' | 'accent' | 'negative' | 'constant' | 'warning' | 'special';\n\nexport interface ActionBaseProps {\n /** Режим заливки цветом */\n mode?: ActionMode;\n /** Стиль отображения компонента */\n style?: ActionStyle;\n /** Переопределение стиля для состояния hover */\n hoverStyle?: ActionStyle;\n /** Переопределение стиля для состояния pressed */\n pressedStyle?: ActionStyle;\n /** Флаг отключения */\n disabled?: boolean;\n /** Обработчик события клика (активации) */\n onClick: EventHandler<MouseEvent>;\n /** Компонент иконки */\n icon: IconWrapperComponentSize24 | IconWrapperComponentSize16;\n /** Флаг отображения фона */\n showBackground?: boolean;\n /** Флаг отключения паддингов */\n disablePadding?: boolean;\n /** Компонент Badge */\n badge?: ReactElement;\n /** Кастомный data-qa для тестирования */\n 'data-qa'?: string;\n}\n\nexport type ActionProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n keyof ActionBaseProps | 'type' | 'aria-disabled'\n> &\n ActionBaseProps;\n\nexport const isActionComponent = (component: ReactElement): component is ReactElement<ActionProps> => {\n return isValidElement(component) && typeof component.type !== 'string' && 'isAction' in component?.type;\n};\n"],"names":[],"mappings":";;AA6Ca,MAAA,iBAAA,GAAoB,CAAC,SAAoE,KAAA;AAClG,EAAO,OAAA,cAAA,CAAe,SAAS,CAAK,IAAA,OAAO,UAAU,IAAS,KAAA,QAAA,IAAY,cAAc,SAAW,EAAA,IAAA,CAAA;AACvG;;;;"}
package/Skeleton-CX2LCkK4.js DELETED
@@ -1,25 +0,0 @@
1
- import './index.css';
2
- import { jsx } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
5
- import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
6
-
7
- var styles = {"action":"magritte-action___JtMQB_6-0-29","action-show-background":"magritte-action-show-background___Qg0JU_6-0-29","actionShowBackground":"magritte-action-show-background___Qg0JU_6-0-29","action-style-constant":"magritte-action-style-constant___fuFNV_6-0-29","actionStyleConstant":"magritte-action-style-constant___fuFNV_6-0-29","action-hover-style-constant":"magritte-action-hover-style-constant___Ci5vc_6-0-29","actionHoverStyleConstant":"magritte-action-hover-style-constant___Ci5vc_6-0-29","action-pressed-style-constant":"magritte-action-pressed-style-constant___pyneP_6-0-29","actionPressedStyleConstant":"magritte-action-pressed-style-constant___pyneP_6-0-29","action-disable-padding":"magritte-action-disable-padding___F-AR7_6-0-29","actionDisablePadding":"magritte-action-disable-padding___F-AR7_6-0-29","action-style-neutral":"magritte-action-style-neutral___zv0k4_6-0-29","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_6-0-29","action-mode-primary":"magritte-action-mode-primary___AzhY5_6-0-29","actionModePrimary":"magritte-action-mode-primary___AzhY5_6-0-29","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_6-0-29","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_6-0-29","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_6-0-29","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_6-0-29","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_6-0-29","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_6-0-29","action-style-accent":"magritte-action-style-accent___5YSMF_6-0-29","actionStyleAccent":"magritte-action-style-accent___5YSMF_6-0-29","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_6-0-29","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_6-0-29","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_6-0-29","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_6-0-29","action-style-negative":"magritte-action-style-negative___CrXqj_6-0-29","actionStyleNegative":"magritte-action-style-negative___CrXqj_6-0-29","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_6-0-29","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_6-0-29","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_6-0-29","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_6-0-29","action-style-warning":"magritte-action-style-warning___ikeHT_6-0-29","actionStyleWarning":"magritte-action-style-warning___ikeHT_6-0-29","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_6-0-29","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_6-0-29","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_6-0-29","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_6-0-29","action-style-special":"magritte-action-style-special___cav2H_6-0-29","actionStyleSpecial":"magritte-action-style-special___cav2H_6-0-29","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_6-0-29","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_6-0-29","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_6-0-29","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_6-0-29","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_6-0-29","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_6-0-29","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_6-0-29","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_6-0-29","action-skeleton":"magritte-action-skeleton___zIUA6_6-0-29","actionSkeleton":"magritte-action-skeleton___zIUA6_6-0-29","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_6-0-29","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_6-0-29"};
8
-
9
- const ActionSkeleton = ({ Component: Action,
10
- // skeleton props
11
- width, height, borderRadius, inline, additionalClass, loading, ...actionProps }) => {
12
- const isLoading = useLoadingState() || loading;
13
- if (isLoading) {
14
- return (jsx("div", { className: classnames(styles.actionSkeletonContainer, {
15
- [styles.actionSkeletonDisablePadding]: actionProps.disablePadding,
16
- }), children: jsx(Skeleton, { additionalClass: classnames(styles.actionSkeleton, {
17
- [styles.actionSkeletonShowBackground]: actionProps.showBackground && !actionProps.disablePadding,
18
- }) }) }));
19
- }
20
- return jsx(Action, { ...actionProps });
21
- };
22
- ActionSkeleton.isAction = true;
23
-
24
- export { ActionSkeleton as A, styles as s };
25
- //# sourceMappingURL=Skeleton-CX2LCkK4.js.map