@hh.ru/magritte-ui-action 4.4.38 → 4.4.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Action.js CHANGED
@@ -4,7 +4,7 @@ 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-CfctvaM4.js';
7
+ import { s as styles, A as ActionSkeleton } from './Skeleton-DICJUK_h.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';
@@ -0,0 +1,25 @@
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_4-4-40","action-show-background":"magritte-action-show-background___Qg0JU_4-4-40","actionShowBackground":"magritte-action-show-background___Qg0JU_4-4-40","action-style-contrast":"magritte-action-style-contrast___5WfIK_4-4-40","actionStyleContrast":"magritte-action-style-contrast___5WfIK_4-4-40","action-hover-style-contrast":"magritte-action-hover-style-contrast___nPdPk_4-4-40","actionHoverStyleContrast":"magritte-action-hover-style-contrast___nPdPk_4-4-40","action-pressed-style-contrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-40","actionPressedStyleContrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-40","action-disable-padding":"magritte-action-disable-padding___F-AR7_4-4-40","actionDisablePadding":"magritte-action-disable-padding___F-AR7_4-4-40","action-style-neutral":"magritte-action-style-neutral___zv0k4_4-4-40","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_4-4-40","action-mode-primary":"magritte-action-mode-primary___AzhY5_4-4-40","actionModePrimary":"magritte-action-mode-primary___AzhY5_4-4-40","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_4-4-40","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_4-4-40","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_4-4-40","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_4-4-40","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-40","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-40","action-style-accent":"magritte-action-style-accent___5YSMF_4-4-40","actionStyleAccent":"magritte-action-style-accent___5YSMF_4-4-40","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_4-4-40","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_4-4-40","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_4-4-40","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_4-4-40","action-style-negative":"magritte-action-style-negative___CrXqj_4-4-40","actionStyleNegative":"magritte-action-style-negative___CrXqj_4-4-40","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_4-4-40","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_4-4-40","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_4-4-40","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_4-4-40","action-style-warning":"magritte-action-style-warning___ikeHT_4-4-40","actionStyleWarning":"magritte-action-style-warning___ikeHT_4-4-40","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_4-4-40","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_4-4-40","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_4-4-40","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_4-4-40","action-style-special":"magritte-action-style-special___cav2H_4-4-40","actionStyleSpecial":"magritte-action-style-special___cav2H_4-4-40","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_4-4-40","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_4-4-40","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_4-4-40","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_4-4-40","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_4-4-40","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_4-4-40","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_4-4-40","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_4-4-40","action-skeleton":"magritte-action-skeleton___zIUA6_4-4-40","actionSkeleton":"magritte-action-skeleton___zIUA6_4-4-40","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_4-4-40","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_4-4-40"};
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-DICJUK_h.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-CfctvaM4.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-DICJUK_h.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;;;;"}
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-CfctvaM4.js';
6
+ export { A as ActionSkeleton } from './Skeleton-DICJUK_h.js';
7
7
  //# sourceMappingURL=Skeleton.js.map
package/index.css CHANGED
@@ -1,448 +1,448 @@
1
1
  :root{
2
- --magritte-color-background-secondary-v21-4-2:#F1F4F9;
3
- --magritte-color-background-constant-secondary-v21-4-2:#343c43;
4
- --magritte-color-background-state-secondary-hovered-v21-4-2:#F1F4F9;
5
- --magritte-color-background-state-secondary-pressed-v21-4-2:#F1F4F9;
6
- --magritte-color-background-state-secondary-disabled-v21-4-2:#f1f4f97a;
7
- --magritte-color-background-state-constant-secondary-hovered-v21-4-2:#3f4850;
8
- --magritte-color-background-state-constant-secondary-pressed-v21-4-2:#343c43;
9
- --magritte-color-background-state-constant-secondary-disabled-v21-4-2:#49545d;
10
- --magritte-color-icon-primary-v21-4-2:#000000;
11
- --magritte-color-icon-secondary-v21-4-2:#768694;
12
- --magritte-color-icon-accent-v21-4-2:#0070ff;
13
- --magritte-color-icon-accent-secondary-v21-4-2:#76adfe;
14
- --magritte-color-icon-negative-v21-4-2:#ff4d3a;
15
- --magritte-color-icon-negative-secondary-v21-4-2:#ff9f8f;
16
- --magritte-color-icon-warning-v21-4-2:#ff9900;
17
- --magritte-color-icon-warning-secondary-v21-4-2:#fdb972;
18
- --magritte-color-icon-special-v21-4-2:#9054ea;
19
- --magritte-color-icon-special-secondary-v21-4-2:#a579f4;
20
- --magritte-color-icon-contrast-v21-4-2:#ffffff;
21
- --magritte-color-icon-contrast-secondary-v21-4-2:#ffffff7a;
22
- --magritte-color-icon-state-primary-hovered-v21-4-2:#20262b;
23
- --magritte-color-icon-state-primary-pressed-v21-4-2:#000000;
24
- --magritte-color-icon-state-primary-disabled-v21-4-2:#BBC8D4;
25
- --magritte-color-icon-state-secondary-hovered-v21-4-2:#20262b;
26
- --magritte-color-icon-state-secondary-pressed-v21-4-2:#768694;
27
- --magritte-color-icon-state-secondary-disabled-v21-4-2:#BBC8D4;
28
- --magritte-color-icon-state-accent-hovered-v21-4-2:#2b7fff;
29
- --magritte-color-icon-state-accent-pressed-v21-4-2:#0070ff;
30
- --magritte-color-icon-state-accent-disabled-v21-4-2:#0070ff7a;
31
- --magritte-color-icon-state-accent-secondary-hovered-v21-4-2:#8cbbff;
32
- --magritte-color-icon-state-accent-secondary-pressed-v21-4-2:#76adfe;
33
- --magritte-color-icon-state-accent-secondary-disabled-v21-4-2:#76adfe7a;
34
- --magritte-color-icon-state-negative-hovered-v21-4-2:#fe725f;
35
- --magritte-color-icon-state-negative-pressed-v21-4-2:#ff4d3a;
36
- --magritte-color-icon-state-negative-disabled-v21-4-2:#ff4d3a7a;
37
- --magritte-color-icon-state-negative-secondary-hovered-v21-4-2:#fdb5a7;
38
- --magritte-color-icon-state-negative-secondary-pressed-v21-4-2:#ff9f8f;
39
- --magritte-color-icon-state-negative-secondary-disabled-v21-4-2:#ff9f8f7a;
40
- --magritte-color-icon-state-warning-hovered-v21-4-2:#ffa439;
41
- --magritte-color-icon-state-warning-pressed-v21-4-2:#ff9900;
42
- --magritte-color-icon-state-warning-disabled-v21-4-2:#ff99007a;
43
- --magritte-color-icon-state-warning-secondary-hovered-v21-4-2:#fecb97;
44
- --magritte-color-icon-state-warning-secondary-pressed-v21-4-2:#fdb972;
45
- --magritte-color-icon-state-warning-secondary-disabled-v21-4-2:#fdb9727a;
46
- --magritte-color-icon-state-special-hovered-v21-4-2:#9a67ef;
47
- --magritte-color-icon-state-special-pressed-v21-4-2:#9054ea;
48
- --magritte-color-icon-state-special-disabled-v21-4-2:#9054ea7a;
49
- --magritte-color-icon-state-special-secondary-hovered-v21-4-2:#af8bf5;
50
- --magritte-color-icon-state-special-secondary-pressed-v21-4-2:#a579f4;
51
- --magritte-color-icon-state-special-secondary-disabled-v21-4-2:#a579f47a;
52
- --magritte-color-icon-state-contrast-hovered-v21-4-2:#F1F4F9;
53
- --magritte-color-icon-state-contrast-pressed-v21-4-2:#ffffff;
54
- --magritte-color-icon-state-contrast-disabled-v21-4-2:#BBC8D4;
55
- --magritte-color-icon-state-contrast-secondary-hovered-v21-4-2:#B9B9B9;
56
- --magritte-color-icon-state-contrast-secondary-pressed-v21-4-2:#ABABAB;
57
- --magritte-color-icon-state-contrast-secondary-disabled-v21-4-2:#BBC8D4;
58
- --magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-2:#0070ff7a;
2
+ --magritte-color-background-secondary-v21-4-4:#F1F4F9;
3
+ --magritte-color-background-constant-secondary-v21-4-4:#343c43;
4
+ --magritte-color-background-state-secondary-hovered-v21-4-4:#F1F4F9;
5
+ --magritte-color-background-state-secondary-pressed-v21-4-4:#F1F4F9;
6
+ --magritte-color-background-state-secondary-disabled-v21-4-4:#f1f4f97a;
7
+ --magritte-color-background-state-constant-secondary-hovered-v21-4-4:#3f4850;
8
+ --magritte-color-background-state-constant-secondary-pressed-v21-4-4:#343c43;
9
+ --magritte-color-background-state-constant-secondary-disabled-v21-4-4:#49545d;
10
+ --magritte-color-icon-primary-v21-4-4:#000000;
11
+ --magritte-color-icon-secondary-v21-4-4:#768694;
12
+ --magritte-color-icon-accent-v21-4-4:#0070ff;
13
+ --magritte-color-icon-accent-secondary-v21-4-4:#76adfe;
14
+ --magritte-color-icon-negative-v21-4-4:#ff4d3a;
15
+ --magritte-color-icon-negative-secondary-v21-4-4:#ff9f8f;
16
+ --magritte-color-icon-warning-v21-4-4:#ff9900;
17
+ --magritte-color-icon-warning-secondary-v21-4-4:#fdb972;
18
+ --magritte-color-icon-special-v21-4-4:#9054ea;
19
+ --magritte-color-icon-special-secondary-v21-4-4:#a579f4;
20
+ --magritte-color-icon-contrast-v21-4-4:#ffffff;
21
+ --magritte-color-icon-contrast-secondary-v21-4-4:#ffffff7a;
22
+ --magritte-color-icon-state-primary-hovered-v21-4-4:#20262b;
23
+ --magritte-color-icon-state-primary-pressed-v21-4-4:#000000;
24
+ --magritte-color-icon-state-primary-disabled-v21-4-4:#BBC8D4;
25
+ --magritte-color-icon-state-secondary-hovered-v21-4-4:#20262b;
26
+ --magritte-color-icon-state-secondary-pressed-v21-4-4:#768694;
27
+ --magritte-color-icon-state-secondary-disabled-v21-4-4:#BBC8D4;
28
+ --magritte-color-icon-state-accent-hovered-v21-4-4:#2b7fff;
29
+ --magritte-color-icon-state-accent-pressed-v21-4-4:#0070ff;
30
+ --magritte-color-icon-state-accent-disabled-v21-4-4:#0070ff7a;
31
+ --magritte-color-icon-state-accent-secondary-hovered-v21-4-4:#8cbbff;
32
+ --magritte-color-icon-state-accent-secondary-pressed-v21-4-4:#76adfe;
33
+ --magritte-color-icon-state-accent-secondary-disabled-v21-4-4:#76adfe7a;
34
+ --magritte-color-icon-state-negative-hovered-v21-4-4:#fe725f;
35
+ --magritte-color-icon-state-negative-pressed-v21-4-4:#ff4d3a;
36
+ --magritte-color-icon-state-negative-disabled-v21-4-4:#ff4d3a7a;
37
+ --magritte-color-icon-state-negative-secondary-hovered-v21-4-4:#fdb5a7;
38
+ --magritte-color-icon-state-negative-secondary-pressed-v21-4-4:#ff9f8f;
39
+ --magritte-color-icon-state-negative-secondary-disabled-v21-4-4:#ff9f8f7a;
40
+ --magritte-color-icon-state-warning-hovered-v21-4-4:#ffa439;
41
+ --magritte-color-icon-state-warning-pressed-v21-4-4:#ff9900;
42
+ --magritte-color-icon-state-warning-disabled-v21-4-4:#ff99007a;
43
+ --magritte-color-icon-state-warning-secondary-hovered-v21-4-4:#fecb97;
44
+ --magritte-color-icon-state-warning-secondary-pressed-v21-4-4:#fdb972;
45
+ --magritte-color-icon-state-warning-secondary-disabled-v21-4-4:#fdb9727a;
46
+ --magritte-color-icon-state-special-hovered-v21-4-4:#9a67ef;
47
+ --magritte-color-icon-state-special-pressed-v21-4-4:#9054ea;
48
+ --magritte-color-icon-state-special-disabled-v21-4-4:#9054ea7a;
49
+ --magritte-color-icon-state-special-secondary-hovered-v21-4-4:#af8bf5;
50
+ --magritte-color-icon-state-special-secondary-pressed-v21-4-4:#a579f4;
51
+ --magritte-color-icon-state-special-secondary-disabled-v21-4-4:#a579f47a;
52
+ --magritte-color-icon-state-contrast-hovered-v21-4-4:#F1F4F9;
53
+ --magritte-color-icon-state-contrast-pressed-v21-4-4:#ffffff;
54
+ --magritte-color-icon-state-contrast-disabled-v21-4-4:#BBC8D4;
55
+ --magritte-color-icon-state-contrast-secondary-hovered-v21-4-4:#B9B9B9;
56
+ --magritte-color-icon-state-contrast-secondary-pressed-v21-4-4:#ABABAB;
57
+ --magritte-color-icon-state-contrast-secondary-disabled-v21-4-4:#BBC8D4;
58
+ --magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-4:#0070ff7a;
59
59
  }
60
60
  :root{
61
- --magritte-semantic-scale-pressed-v21-4-2:0.96;
62
- --magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-2:cubic-bezier(0.25, 0.1, 0.25, 1);
63
- --magritte-semantic-animation-ease-in-out-100-duration-v21-4-2:100ms;
64
- --magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-2:cubic-bezier(0.25, 0.1, 0.25, 1);
65
- --magritte-semantic-animation-ease-in-out-200-duration-v21-4-2:200ms;
66
- --magritte-static-border-radius-100-v21-4-2:4px;
67
- --magritte-static-border-radius-500-v21-4-2:20px;
61
+ --magritte-semantic-scale-pressed-v21-4-4:0.96;
62
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-4:cubic-bezier(0.25, 0.1, 0.25, 1);
63
+ --magritte-semantic-animation-ease-in-out-100-duration-v21-4-4:100ms;
64
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-4:cubic-bezier(0.25, 0.1, 0.25, 1);
65
+ --magritte-semantic-animation-ease-in-out-200-duration-v21-4-4:200ms;
66
+ --magritte-static-border-radius-100-v21-4-4:4px;
67
+ --magritte-static-border-radius-500-v21-4-4:20px;
68
68
  }
69
69
  .magritte-night-theme{
70
- --magritte-color-background-secondary-v21-4-2:#303030;
71
- --magritte-color-background-constant-secondary-v21-4-2:#343c43;
72
- --magritte-color-background-state-secondary-hovered-v21-4-2:#303030;
73
- --magritte-color-background-state-secondary-pressed-v21-4-2:#303030;
74
- --magritte-color-background-state-secondary-disabled-v21-4-2:#3030307a;
75
- --magritte-color-background-state-constant-secondary-hovered-v21-4-2:#3f4850;
76
- --magritte-color-background-state-constant-secondary-pressed-v21-4-2:#343c43;
77
- --magritte-color-background-state-constant-secondary-disabled-v21-4-2:#343c43;
78
- --magritte-color-icon-primary-v21-4-2:#ffffff;
79
- --magritte-color-icon-secondary-v21-4-2:#ABABAB;
80
- --magritte-color-icon-accent-v21-4-2:#5e9eff;
81
- --magritte-color-icon-accent-secondary-v21-4-2:#0d63e3;
82
- --magritte-color-icon-negative-v21-4-2:#ff4d3a;
83
- --magritte-color-icon-negative-secondary-v21-4-2:#ac3225;
84
- --magritte-color-icon-warning-v21-4-2:#EB8D05;
85
- --magritte-color-icon-warning-secondary-v21-4-2:#9c5b03;
86
- --magritte-color-icon-special-v21-4-2:#af8bf5;
87
- --magritte-color-icon-special-secondary-v21-4-2:#883be9;
88
- --magritte-color-icon-contrast-v21-4-2:#ffffff;
89
- --magritte-color-icon-contrast-secondary-v21-4-2:#ffffff7a;
90
- --magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-2:#0070ff7a;
91
- --magritte-color-icon-state-primary-hovered-v21-4-2:#ffffff;
92
- --magritte-color-icon-state-primary-pressed-v21-4-2:#ffffff;
93
- --magritte-color-icon-state-primary-disabled-v21-4-2:#767676;
94
- --magritte-color-icon-state-secondary-hovered-v21-4-2:#ABABAB;
95
- --magritte-color-icon-state-secondary-pressed-v21-4-2:#ABABAB;
96
- --magritte-color-icon-state-secondary-disabled-v21-4-2:#767676;
97
- --magritte-color-icon-state-accent-hovered-v21-4-2:#5e9eff;
98
- --magritte-color-icon-state-accent-pressed-v21-4-2:#5e9eff;
99
- --magritte-color-icon-state-accent-disabled-v21-4-2:#5e9eff7a;
100
- --magritte-color-icon-state-accent-secondary-hovered-v21-4-2:#0d63e3;
101
- --magritte-color-icon-state-accent-secondary-pressed-v21-4-2:#0d63e3;
102
- --magritte-color-icon-state-accent-secondary-disabled-v21-4-2:#0d63e37a;
103
- --magritte-color-icon-state-negative-hovered-v21-4-2:#ff4d3a;
104
- --magritte-color-icon-state-negative-pressed-v21-4-2:#ff4d3a;
105
- --magritte-color-icon-state-negative-disabled-v21-4-2:#ff4d3a7a;
106
- --magritte-color-icon-state-negative-secondary-hovered-v21-4-2:#ac3225;
107
- --magritte-color-icon-state-negative-secondary-pressed-v21-4-2:#ac3225;
108
- --magritte-color-icon-state-negative-secondary-disabled-v21-4-2:#ac32257a;
109
- --magritte-color-icon-state-warning-hovered-v21-4-2:#EB8D05;
110
- --magritte-color-icon-state-warning-pressed-v21-4-2:#EB8D05;
111
- --magritte-color-icon-state-warning-disabled-v21-4-2:#eb8d057a;
112
- --magritte-color-icon-state-warning-secondary-hovered-v21-4-2:#9c5b03;
113
- --magritte-color-icon-state-warning-secondary-pressed-v21-4-2:#9c5b03;
114
- --magritte-color-icon-state-warning-secondary-disabled-v21-4-2:#9c5b037a;
115
- --magritte-color-icon-state-special-hovered-v21-4-2:#af8bf5;
116
- --magritte-color-icon-state-special-pressed-v21-4-2:#af8bf5;
117
- --magritte-color-icon-state-special-disabled-v21-4-2:#af8bf57a;
118
- --magritte-color-icon-state-special-secondary-hovered-v21-4-2:#883be9;
119
- --magritte-color-icon-state-special-secondary-pressed-v21-4-2:#883be9;
120
- --magritte-color-icon-state-special-secondary-disabled-v21-4-2:#883be97a;
121
- --magritte-color-icon-state-contrast-hovered-v21-4-2:#ffffff;
122
- --magritte-color-icon-state-contrast-pressed-v21-4-2:#ffffff;
123
- --magritte-color-icon-state-contrast-disabled-v21-4-2:#767676;
124
- --magritte-color-icon-state-contrast-secondary-hovered-v21-4-2:#ffffff7a;
125
- --magritte-color-icon-state-contrast-secondary-pressed-v21-4-2:#ffffff7a;
126
- --magritte-color-icon-state-contrast-secondary-disabled-v21-4-2:#767676;
127
- }
128
- .magritte-action___JtMQB_4-4-38{
70
+ --magritte-color-background-secondary-v21-4-4:#303030;
71
+ --magritte-color-background-constant-secondary-v21-4-4:#343c43;
72
+ --magritte-color-background-state-secondary-hovered-v21-4-4:#303030;
73
+ --magritte-color-background-state-secondary-pressed-v21-4-4:#303030;
74
+ --magritte-color-background-state-secondary-disabled-v21-4-4:#3030307a;
75
+ --magritte-color-background-state-constant-secondary-hovered-v21-4-4:#3f4850;
76
+ --magritte-color-background-state-constant-secondary-pressed-v21-4-4:#343c43;
77
+ --magritte-color-background-state-constant-secondary-disabled-v21-4-4:#343c43;
78
+ --magritte-color-icon-primary-v21-4-4:#ffffff;
79
+ --magritte-color-icon-secondary-v21-4-4:#ABABAB;
80
+ --magritte-color-icon-accent-v21-4-4:#5e9eff;
81
+ --magritte-color-icon-accent-secondary-v21-4-4:#0d63e3;
82
+ --magritte-color-icon-negative-v21-4-4:#ff4d3a;
83
+ --magritte-color-icon-negative-secondary-v21-4-4:#ac3225;
84
+ --magritte-color-icon-warning-v21-4-4:#EB8D05;
85
+ --magritte-color-icon-warning-secondary-v21-4-4:#9c5b03;
86
+ --magritte-color-icon-special-v21-4-4:#af8bf5;
87
+ --magritte-color-icon-special-secondary-v21-4-4:#883be9;
88
+ --magritte-color-icon-contrast-v21-4-4:#ffffff;
89
+ --magritte-color-icon-contrast-secondary-v21-4-4:#ffffff7a;
90
+ --magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-4:#0070ff7a;
91
+ --magritte-color-icon-state-primary-hovered-v21-4-4:#ffffff;
92
+ --magritte-color-icon-state-primary-pressed-v21-4-4:#ffffff;
93
+ --magritte-color-icon-state-primary-disabled-v21-4-4:#767676;
94
+ --magritte-color-icon-state-secondary-hovered-v21-4-4:#ABABAB;
95
+ --magritte-color-icon-state-secondary-pressed-v21-4-4:#ABABAB;
96
+ --magritte-color-icon-state-secondary-disabled-v21-4-4:#767676;
97
+ --magritte-color-icon-state-accent-hovered-v21-4-4:#5e9eff;
98
+ --magritte-color-icon-state-accent-pressed-v21-4-4:#5e9eff;
99
+ --magritte-color-icon-state-accent-disabled-v21-4-4:#5e9eff7a;
100
+ --magritte-color-icon-state-accent-secondary-hovered-v21-4-4:#0d63e3;
101
+ --magritte-color-icon-state-accent-secondary-pressed-v21-4-4:#0d63e3;
102
+ --magritte-color-icon-state-accent-secondary-disabled-v21-4-4:#0d63e37a;
103
+ --magritte-color-icon-state-negative-hovered-v21-4-4:#ff4d3a;
104
+ --magritte-color-icon-state-negative-pressed-v21-4-4:#ff4d3a;
105
+ --magritte-color-icon-state-negative-disabled-v21-4-4:#ff4d3a7a;
106
+ --magritte-color-icon-state-negative-secondary-hovered-v21-4-4:#ac3225;
107
+ --magritte-color-icon-state-negative-secondary-pressed-v21-4-4:#ac3225;
108
+ --magritte-color-icon-state-negative-secondary-disabled-v21-4-4:#ac32257a;
109
+ --magritte-color-icon-state-warning-hovered-v21-4-4:#EB8D05;
110
+ --magritte-color-icon-state-warning-pressed-v21-4-4:#EB8D05;
111
+ --magritte-color-icon-state-warning-disabled-v21-4-4:#eb8d057a;
112
+ --magritte-color-icon-state-warning-secondary-hovered-v21-4-4:#9c5b03;
113
+ --magritte-color-icon-state-warning-secondary-pressed-v21-4-4:#9c5b03;
114
+ --magritte-color-icon-state-warning-secondary-disabled-v21-4-4:#9c5b037a;
115
+ --magritte-color-icon-state-special-hovered-v21-4-4:#af8bf5;
116
+ --magritte-color-icon-state-special-pressed-v21-4-4:#af8bf5;
117
+ --magritte-color-icon-state-special-disabled-v21-4-4:#af8bf57a;
118
+ --magritte-color-icon-state-special-secondary-hovered-v21-4-4:#883be9;
119
+ --magritte-color-icon-state-special-secondary-pressed-v21-4-4:#883be9;
120
+ --magritte-color-icon-state-special-secondary-disabled-v21-4-4:#883be97a;
121
+ --magritte-color-icon-state-contrast-hovered-v21-4-4:#ffffff;
122
+ --magritte-color-icon-state-contrast-pressed-v21-4-4:#ffffff;
123
+ --magritte-color-icon-state-contrast-disabled-v21-4-4:#767676;
124
+ --magritte-color-icon-state-contrast-secondary-hovered-v21-4-4:#ffffff7a;
125
+ --magritte-color-icon-state-contrast-secondary-pressed-v21-4-4:#ffffff7a;
126
+ --magritte-color-icon-state-contrast-secondary-disabled-v21-4-4:#767676;
127
+ }
128
+ .magritte-action___JtMQB_4-4-40{
129
129
  display:flex;
130
130
  cursor:pointer;
131
- border-radius:var(--magritte-static-border-radius-500-v21-4-2);
131
+ border-radius:var(--magritte-static-border-radius-500-v21-4-4);
132
132
  padding:8px;
133
133
  border-color:var(--magritte-ui-icon-color-override);
134
134
  }
135
- .magritte-action___JtMQB_4-4-38:disabled{
135
+ .magritte-action___JtMQB_4-4-40:disabled{
136
136
  cursor:default;
137
137
  }
138
- .magritte-action___JtMQB_4-4-38.focus-visible{
139
- outline:var(--magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-2) solid 4px;
138
+ .magritte-action___JtMQB_4-4-40.focus-visible{
139
+ outline:var(--magritte-color-component-action-stroke-state-accent-focused-accessible-v21-4-4) solid 4px;
140
140
  }
141
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38{
142
- background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-secondary-v21-4-2));
141
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40{
142
+ background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-secondary-v21-4-4));
143
143
  }
144
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38:not(:disabled):active{
145
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-secondary-pressed-v21-4-2));
144
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40:not(:disabled):active{
145
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-secondary-pressed-v21-4-4));
146
146
  }
147
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38:disabled{
148
- background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-secondary-hovered-v21-4-2));
147
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40:disabled{
148
+ background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-secondary-hovered-v21-4-4));
149
149
  }
150
150
  @media (min-width: 1020px){
151
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38:not(:disabled):not(:active):hover{
152
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v21-4-2));
151
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40:not(:disabled):not(:active):hover{
152
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v21-4-4));
153
153
  }
154
154
  }
155
155
  @media (min-width: 1024px){
156
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38:not(:disabled):not(:active):hover{
157
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v21-4-2));
156
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40:not(:disabled):not(:active):hover{
157
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v21-4-4));
158
158
  }
159
159
  }
160
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38{
161
- background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-constant-secondary-v21-4-2));
160
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40{
161
+ background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-constant-secondary-v21-4-4));
162
162
  }
163
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38:not(:disabled):active{
164
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v21-4-2));
163
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40:not(:disabled):active{
164
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v21-4-4));
165
165
  }
166
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38:disabled{
167
- background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-2));
166
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40:disabled{
167
+ background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-4));
168
168
  }
169
169
  @media (min-width: 1020px){
170
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38:not(:disabled):not(:active):hover{
171
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v21-4-2));
170
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40:not(:disabled):not(:active):hover{
171
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v21-4-4));
172
172
  }
173
173
  }
174
174
  @media (min-width: 1024px){
175
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38:not(:disabled):not(:active):hover{
176
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v21-4-2));
175
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40:not(:disabled):not(:active):hover{
176
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v21-4-4));
177
177
  }
178
178
  }
179
179
  @media (min-width: 1020px){
180
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38:not(:disabled):not(:active):hover{
181
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-2));
180
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40:not(:disabled):not(:active):hover{
181
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-4));
182
182
  }
183
183
  }
184
184
  @media (min-width: 1024px){
185
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38:not(:disabled):not(:active):hover{
186
- background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-2));
185
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40:not(:disabled):not(:active):hover{
186
+ background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v21-4-4));
187
187
  }
188
188
  }
189
- .magritte-action___JtMQB_4-4-38.magritte-action-show-background___Qg0JU_4-4-38.magritte-action-pressed-style-contrast___N04Fw_4-4-38:active{
190
- background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v21-4-2));
189
+ .magritte-action___JtMQB_4-4-40.magritte-action-show-background___Qg0JU_4-4-40.magritte-action-pressed-style-contrast___N04Fw_4-4-40:active{
190
+ background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v21-4-4));
191
191
  }
192
- .magritte-action___JtMQB_4-4-38.magritte-action-disable-padding___F-AR7_4-4-38{
192
+ .magritte-action___JtMQB_4-4-40.magritte-action-disable-padding___F-AR7_4-4-40{
193
193
  padding:0;
194
194
  }
195
- .magritte-action___JtMQB_4-4-38.magritte-action-style-neutral___zv0k4_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
196
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-primary-v21-4-2));
195
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-neutral___zv0k4_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
196
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-primary-v21-4-4));
197
197
  }
198
- .magritte-action___JtMQB_4-4-38.magritte-action-style-neutral___zv0k4_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
199
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-primary-disabled-v21-4-2));
198
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-neutral___zv0k4_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
199
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-primary-disabled-v21-4-4));
200
200
  }
201
- .magritte-action___JtMQB_4-4-38.magritte-action-style-neutral___zv0k4_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
202
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-secondary-v21-4-2));
201
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-neutral___zv0k4_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
202
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-secondary-v21-4-4));
203
203
  }
204
- .magritte-action___JtMQB_4-4-38.magritte-action-style-neutral___zv0k4_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
205
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-secondary-disabled-v21-4-2));
204
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-neutral___zv0k4_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
205
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-secondary-disabled-v21-4-4));
206
206
  }
207
207
  @media (min-width: 1020px){
208
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-neutral___qiLyU_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
209
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v21-4-2));
208
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-neutral___qiLyU_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
209
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v21-4-4));
210
210
  }
211
211
  }
212
212
  @media (min-width: 1024px){
213
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-neutral___qiLyU_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
214
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v21-4-2));
213
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-neutral___qiLyU_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
214
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v21-4-4));
215
215
  }
216
216
  }
217
217
  @media (min-width: 1020px){
218
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-neutral___qiLyU_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
219
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v21-4-2));
218
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-neutral___qiLyU_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
219
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v21-4-4));
220
220
  }
221
221
  }
222
222
  @media (min-width: 1024px){
223
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-neutral___qiLyU_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
224
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v21-4-2));
223
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-neutral___qiLyU_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
224
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v21-4-4));
225
225
  }
226
226
  }
227
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-neutral___gMAMl_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
228
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-primary-pressed-v21-4-2));
227
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-neutral___gMAMl_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
228
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-primary-pressed-v21-4-4));
229
229
  }
230
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-neutral___gMAMl_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
231
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-secondary-pressed-v21-4-2));
230
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-neutral___gMAMl_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
231
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-secondary-pressed-v21-4-4));
232
232
  }
233
- .magritte-action___JtMQB_4-4-38.magritte-action-style-accent___5YSMF_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
234
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-accent-v21-4-2));
233
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-accent___5YSMF_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
234
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-accent-v21-4-4));
235
235
  }
236
- .magritte-action___JtMQB_4-4-38.magritte-action-style-accent___5YSMF_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
237
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-accent-disabled-v21-4-2));
236
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-accent___5YSMF_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
237
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-accent-disabled-v21-4-4));
238
238
  }
239
- .magritte-action___JtMQB_4-4-38.magritte-action-style-accent___5YSMF_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
240
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-accent-secondary-v21-4-2));
239
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-accent___5YSMF_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
240
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-accent-secondary-v21-4-4));
241
241
  }
242
- .magritte-action___JtMQB_4-4-38.magritte-action-style-accent___5YSMF_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
243
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-accent-secondary-disabled-v21-4-2));
242
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-accent___5YSMF_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
243
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-accent-secondary-disabled-v21-4-4));
244
244
  }
245
245
  @media (min-width: 1020px){
246
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-accent___C-bMb_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
247
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v21-4-2));
246
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-accent___C-bMb_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
247
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v21-4-4));
248
248
  }
249
249
  }
250
250
  @media (min-width: 1024px){
251
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-accent___C-bMb_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
252
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v21-4-2));
251
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-accent___C-bMb_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
252
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v21-4-4));
253
253
  }
254
254
  }
255
255
  @media (min-width: 1020px){
256
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-accent___C-bMb_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
257
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v21-4-2));
256
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-accent___C-bMb_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
257
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v21-4-4));
258
258
  }
259
259
  }
260
260
  @media (min-width: 1024px){
261
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-accent___C-bMb_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
262
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v21-4-2));
261
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-accent___C-bMb_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
262
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v21-4-4));
263
263
  }
264
264
  }
265
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-accent___Dc4hr_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
266
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-accent-pressed-v21-4-2));
265
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-accent___Dc4hr_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
266
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-accent-pressed-v21-4-4));
267
267
  }
268
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-accent___Dc4hr_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
269
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-accent-secondary-pressed-v21-4-2));
268
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-accent___Dc4hr_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
269
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-accent-secondary-pressed-v21-4-4));
270
270
  }
271
- .magritte-action___JtMQB_4-4-38.magritte-action-style-negative___CrXqj_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
272
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-negative-v21-4-2));
271
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-negative___CrXqj_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
272
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-negative-v21-4-4));
273
273
  }
274
- .magritte-action___JtMQB_4-4-38.magritte-action-style-negative___CrXqj_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
275
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-negative-disabled-v21-4-2));
274
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-negative___CrXqj_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
275
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-negative-disabled-v21-4-4));
276
276
  }
277
- .magritte-action___JtMQB_4-4-38.magritte-action-style-negative___CrXqj_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
278
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-negative-secondary-v21-4-2));
277
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-negative___CrXqj_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
278
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-negative-secondary-v21-4-4));
279
279
  }
280
- .magritte-action___JtMQB_4-4-38.magritte-action-style-negative___CrXqj_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
281
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-negative-secondary-disabled-v21-4-2));
280
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-negative___CrXqj_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
281
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-negative-secondary-disabled-v21-4-4));
282
282
  }
283
283
  @media (min-width: 1020px){
284
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-negative___rVlDZ_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
285
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v21-4-2));
284
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-negative___rVlDZ_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
285
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v21-4-4));
286
286
  }
287
287
  }
288
288
  @media (min-width: 1024px){
289
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-negative___rVlDZ_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
290
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v21-4-2));
289
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-negative___rVlDZ_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
290
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v21-4-4));
291
291
  }
292
292
  }
293
293
  @media (min-width: 1020px){
294
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-negative___rVlDZ_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
295
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v21-4-2));
294
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-negative___rVlDZ_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
295
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v21-4-4));
296
296
  }
297
297
  }
298
298
  @media (min-width: 1024px){
299
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-negative___rVlDZ_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
300
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v21-4-2));
299
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-negative___rVlDZ_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
300
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v21-4-4));
301
301
  }
302
302
  }
303
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-negative___7ckSN_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
304
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-negative-pressed-v21-4-2));
303
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-negative___7ckSN_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
304
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-negative-pressed-v21-4-4));
305
305
  }
306
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-negative___7ckSN_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
307
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-negative-secondary-pressed-v21-4-2));
306
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-negative___7ckSN_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
307
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-negative-secondary-pressed-v21-4-4));
308
308
  }
309
- .magritte-action___JtMQB_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
310
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-contrast-v21-4-2));
309
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
310
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-contrast-v21-4-4));
311
311
  }
312
- .magritte-action___JtMQB_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
313
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-contrast-disabled-v21-4-2));
312
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
313
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-contrast-disabled-v21-4-4));
314
314
  }
315
- .magritte-action___JtMQB_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
316
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-contrast-secondary-v21-4-2));
315
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
316
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-contrast-secondary-v21-4-4));
317
317
  }
318
- .magritte-action___JtMQB_4-4-38.magritte-action-style-contrast___5WfIK_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
319
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-contrast-secondary-disabled-v21-4-2));
318
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-contrast___5WfIK_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
319
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-contrast-secondary-disabled-v21-4-4));
320
320
  }
321
321
  @media (min-width: 1020px){
322
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
323
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v21-4-2));
322
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
323
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v21-4-4));
324
324
  }
325
325
  }
326
326
  @media (min-width: 1024px){
327
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
328
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v21-4-2));
327
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
328
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v21-4-4));
329
329
  }
330
330
  }
331
331
  @media (min-width: 1020px){
332
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
333
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v21-4-2));
332
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
333
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v21-4-4));
334
334
  }
335
335
  }
336
336
  @media (min-width: 1024px){
337
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-contrast___nPdPk_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
338
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v21-4-2));
337
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-contrast___nPdPk_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
338
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v21-4-4));
339
339
  }
340
340
  }
341
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-contrast___N04Fw_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
342
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-contrast-pressed-v21-4-2));
341
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-contrast___N04Fw_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
342
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-contrast-pressed-v21-4-4));
343
343
  }
344
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-contrast___N04Fw_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
345
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-contrast-secondary-pressed-v21-4-2));
344
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-contrast___N04Fw_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
345
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-contrast-secondary-pressed-v21-4-4));
346
346
  }
347
- .magritte-action___JtMQB_4-4-38.magritte-action-style-warning___ikeHT_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
348
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-warning-v21-4-2));
347
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-warning___ikeHT_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
348
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-warning-v21-4-4));
349
349
  }
350
- .magritte-action___JtMQB_4-4-38.magritte-action-style-warning___ikeHT_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
351
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-warning-disabled-v21-4-2));
350
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-warning___ikeHT_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
351
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-warning-disabled-v21-4-4));
352
352
  }
353
- .magritte-action___JtMQB_4-4-38.magritte-action-style-warning___ikeHT_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
354
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-warning-secondary-v21-4-2));
353
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-warning___ikeHT_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
354
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-warning-secondary-v21-4-4));
355
355
  }
356
- .magritte-action___JtMQB_4-4-38.magritte-action-style-warning___ikeHT_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
357
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-warning-secondary-disabled-v21-4-2));
356
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-warning___ikeHT_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
357
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-warning-secondary-disabled-v21-4-4));
358
358
  }
359
359
  @media (min-width: 1020px){
360
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-warning___4jUpU_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
361
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v21-4-2));
360
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-warning___4jUpU_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
361
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v21-4-4));
362
362
  }
363
363
  }
364
364
  @media (min-width: 1024px){
365
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-warning___4jUpU_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
366
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v21-4-2));
365
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-warning___4jUpU_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
366
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v21-4-4));
367
367
  }
368
368
  }
369
369
  @media (min-width: 1020px){
370
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-warning___4jUpU_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
371
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v21-4-2));
370
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-warning___4jUpU_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
371
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v21-4-4));
372
372
  }
373
373
  }
374
374
  @media (min-width: 1024px){
375
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-warning___4jUpU_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
376
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v21-4-2));
375
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-warning___4jUpU_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
376
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v21-4-4));
377
377
  }
378
378
  }
379
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-warning___b2e3N_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
380
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-warning-pressed-v21-4-2));
379
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-warning___b2e3N_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
380
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-warning-pressed-v21-4-4));
381
381
  }
382
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-warning___b2e3N_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
383
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-warning-secondary-pressed-v21-4-2));
382
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-warning___b2e3N_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
383
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-warning-secondary-pressed-v21-4-4));
384
384
  }
385
- .magritte-action___JtMQB_4-4-38.magritte-action-style-special___cav2H_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38{
386
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-special-v21-4-2));
385
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-special___cav2H_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40{
386
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-special-v21-4-4));
387
387
  }
388
- .magritte-action___JtMQB_4-4-38.magritte-action-style-special___cav2H_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:disabled{
389
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-special-disabled-v21-4-2));
388
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-special___cav2H_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:disabled{
389
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-special-disabled-v21-4-4));
390
390
  }
391
- .magritte-action___JtMQB_4-4-38.magritte-action-style-special___cav2H_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38{
392
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-special-secondary-v21-4-2));
391
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-special___cav2H_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40{
392
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-special-secondary-v21-4-4));
393
393
  }
394
- .magritte-action___JtMQB_4-4-38.magritte-action-style-special___cav2H_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:disabled{
395
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-special-secondary-disabled-v21-4-2));
394
+ .magritte-action___JtMQB_4-4-40.magritte-action-style-special___cav2H_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:disabled{
395
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-special-secondary-disabled-v21-4-4));
396
396
  }
397
397
  @media (min-width: 1020px){
398
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-special___2HDP-_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
399
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v21-4-2));
398
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-special___2HDP-_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
399
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v21-4-4));
400
400
  }
401
401
  }
402
402
  @media (min-width: 1024px){
403
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-special___2HDP-_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):not(:active):hover{
404
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v21-4-2));
403
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-special___2HDP-_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):not(:active):hover{
404
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v21-4-4));
405
405
  }
406
406
  }
407
407
  @media (min-width: 1020px){
408
- body.magritte-old-layout .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-special___2HDP-_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
409
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v21-4-2));
408
+ body.magritte-old-layout .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-special___2HDP-_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
409
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v21-4-4));
410
410
  }
411
411
  }
412
412
  @media (min-width: 1024px){
413
- body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-38.magritte-action-hover-style-special___2HDP-_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):not(:active):hover{
414
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v21-4-2));
413
+ body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-40.magritte-action-hover-style-special___2HDP-_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):not(:active):hover{
414
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v21-4-4));
415
415
  }
416
416
  }
417
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-special___B7JXW_4-4-38.magritte-action-mode-primary___AzhY5_4-4-38:not(:disabled):active{
418
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-special-pressed-v21-4-2));
417
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-special___B7JXW_4-4-40.magritte-action-mode-primary___AzhY5_4-4-40:not(:disabled):active{
418
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-special-pressed-v21-4-4));
419
419
  }
420
- .magritte-action___JtMQB_4-4-38.magritte-action-pressed-style-special___B7JXW_4-4-38.magritte-action-mode-secondary___jvHEK_4-4-38:not(:disabled):active{
421
- --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-special-secondary-pressed-v21-4-2));
420
+ .magritte-action___JtMQB_4-4-40.magritte-action-pressed-style-special___B7JXW_4-4-40.magritte-action-mode-secondary___jvHEK_4-4-40:not(:disabled):active{
421
+ --magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-special-secondary-pressed-v21-4-4));
422
422
  }
423
- .magritte-action___JtMQB_4-4-38:not(:disabled){
424
- transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-2) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-2);
423
+ .magritte-action___JtMQB_4-4-40:not(:disabled){
424
+ transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-4) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-4);
425
425
  transform:scale(1);
426
426
  }
427
- .magritte-action___JtMQB_4-4-38:not(:disabled):active{
428
- transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-2) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-2);
429
- transform:scale(var(--magritte-semantic-scale-pressed-v21-4-2));
427
+ .magritte-action___JtMQB_4-4-40:not(:disabled):active{
428
+ transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-4) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-4);
429
+ transform:scale(var(--magritte-semantic-scale-pressed-v21-4-4));
430
430
  }
431
- .magritte-action-skeleton-container___5i2G3_4-4-38{
431
+ .magritte-action-skeleton-container___5i2G3_4-4-40{
432
432
  display:flex;
433
433
  align-items:center;
434
434
  justify-content:center;
435
435
  padding:8px;
436
436
  }
437
- .magritte-action-skeleton-container___5i2G3_4-4-38.magritte-action-skeleton-disable-padding___pofiL_4-4-38{
437
+ .magritte-action-skeleton-container___5i2G3_4-4-40.magritte-action-skeleton-disable-padding___pofiL_4-4-40{
438
438
  padding:0;
439
439
  }
440
- .magritte-action-skeleton___zIUA6_4-4-38{
440
+ .magritte-action-skeleton___zIUA6_4-4-40{
441
441
  width:24px;
442
442
  height:24px;
443
- border-radius:var(--magritte-static-border-radius-100-v21-4-2);
443
+ border-radius:var(--magritte-static-border-radius-100-v21-4-4);
444
444
  }
445
- .magritte-action-skeleton___zIUA6_4-4-38 .magritte-action-skeleton-show-background___4xgHf_4-4-38{
445
+ .magritte-action-skeleton___zIUA6_4-4-40 .magritte-action-skeleton-show-background___4xgHf_4-4-40{
446
446
  width:40px;
447
447
  height:40px;
448
448
  border-radius:20px;
package/index.js CHANGED
@@ -7,7 +7,7 @@ import 'react';
7
7
  import 'classnames';
8
8
  import '@hh.ru/magritte-common-focus-visible';
9
9
  import '@hh.ru/magritte-common-use-disabled';
10
- import './Skeleton-CfctvaM4.js';
10
+ import './Skeleton-DICJUK_h.js';
11
11
  import '@hh.ru/magritte-common-use-loading-state';
12
12
  import '@hh.ru/magritte-ui-skeleton';
13
13
  import '@hh.ru/magritte-ui-badge';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action",
3
- "version": "4.4.38",
3
+ "version": "4.4.40",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -9,27 +9,26 @@
9
9
  "scripts": {
10
10
  "build": "yarn root:build $(pwd)",
11
11
  "build-test-branch": "yarn root:build-test-branch $(pwd)",
12
- "changelog": "yarn root:changelog $(pwd)",
13
12
  "prepack": "yarn root:prepack $(pwd)",
14
13
  "postpublish": "yarn root:postpublish $(pwd)",
15
- "stylelint-test": "yarn root:stylelint-test $(pwd)",
16
- "eslint-test": "yarn root:eslint-test $(pwd)",
14
+ "stylelint-check": "yarn root:stylelint-check $(pwd)",
15
+ "eslint-check": "yarn root:eslint-check $(pwd)",
17
16
  "ts-config": "yarn root:ts-config $(pwd)",
18
17
  "ts-check": "yarn root:ts-check $(pwd)",
19
18
  "test": "yarn root:test $(pwd)",
20
19
  "watch": "yarn root:watch $(pwd)"
21
20
  },
22
21
  "dependencies": {
23
- "@hh.ru/magritte-common-focus-visible": "0.1.6",
24
- "@hh.ru/magritte-common-use-disabled": "1.0.10",
25
- "@hh.ru/magritte-common-use-loading-state": "1.0.6",
26
- "@hh.ru/magritte-design-tokens": "21.4.2",
27
- "@hh.ru/magritte-ui-badge": "2.4.2",
28
- "@hh.ru/magritte-ui-breakpoint": "5.0.0",
29
- "@hh.ru/magritte-ui-icon": "11.0.0",
30
- "@hh.ru/magritte-ui-mock-component": "1.1.0",
31
- "@hh.ru/magritte-ui-skeleton": "2.1.29",
32
- "@hh.ru/magritte-ui-theme-provider": "1.1.44"
22
+ "@hh.ru/magritte-common-focus-visible": "0.1.8",
23
+ "@hh.ru/magritte-common-use-disabled": "1.0.12",
24
+ "@hh.ru/magritte-common-use-loading-state": "1.0.8",
25
+ "@hh.ru/magritte-design-tokens": "21.4.4",
26
+ "@hh.ru/magritte-ui-badge": "2.4.4",
27
+ "@hh.ru/magritte-ui-breakpoint": "5.0.2",
28
+ "@hh.ru/magritte-ui-icon": "11.0.2",
29
+ "@hh.ru/magritte-ui-mock-component": "1.1.2",
30
+ "@hh.ru/magritte-ui-skeleton": "2.1.31",
31
+ "@hh.ru/magritte-ui-theme-provider": "1.1.46"
33
32
  },
34
33
  "peerDependencies": {
35
34
  "classnames": ">=2.3.2",
@@ -38,5 +37,5 @@
38
37
  "publishConfig": {
39
38
  "access": "public"
40
39
  },
41
- "gitHead": "e402cc9c3a1c6f84ffa5651e51290e4194e564d6"
40
+ "gitHead": "06867ef491cf6de9d1c064477f70dad510e93e7b"
42
41
  }
@@ -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_4-4-38","action-show-background":"magritte-action-show-background___Qg0JU_4-4-38","actionShowBackground":"magritte-action-show-background___Qg0JU_4-4-38","action-style-contrast":"magritte-action-style-contrast___5WfIK_4-4-38","actionStyleContrast":"magritte-action-style-contrast___5WfIK_4-4-38","action-hover-style-contrast":"magritte-action-hover-style-contrast___nPdPk_4-4-38","actionHoverStyleContrast":"magritte-action-hover-style-contrast___nPdPk_4-4-38","action-pressed-style-contrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-38","actionPressedStyleContrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-38","action-disable-padding":"magritte-action-disable-padding___F-AR7_4-4-38","actionDisablePadding":"magritte-action-disable-padding___F-AR7_4-4-38","action-style-neutral":"magritte-action-style-neutral___zv0k4_4-4-38","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_4-4-38","action-mode-primary":"magritte-action-mode-primary___AzhY5_4-4-38","actionModePrimary":"magritte-action-mode-primary___AzhY5_4-4-38","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_4-4-38","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_4-4-38","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_4-4-38","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_4-4-38","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-38","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-38","action-style-accent":"magritte-action-style-accent___5YSMF_4-4-38","actionStyleAccent":"magritte-action-style-accent___5YSMF_4-4-38","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_4-4-38","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_4-4-38","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_4-4-38","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_4-4-38","action-style-negative":"magritte-action-style-negative___CrXqj_4-4-38","actionStyleNegative":"magritte-action-style-negative___CrXqj_4-4-38","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_4-4-38","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_4-4-38","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_4-4-38","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_4-4-38","action-style-warning":"magritte-action-style-warning___ikeHT_4-4-38","actionStyleWarning":"magritte-action-style-warning___ikeHT_4-4-38","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_4-4-38","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_4-4-38","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_4-4-38","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_4-4-38","action-style-special":"magritte-action-style-special___cav2H_4-4-38","actionStyleSpecial":"magritte-action-style-special___cav2H_4-4-38","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_4-4-38","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_4-4-38","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_4-4-38","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_4-4-38","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_4-4-38","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_4-4-38","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_4-4-38","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_4-4-38","action-skeleton":"magritte-action-skeleton___zIUA6_4-4-38","actionSkeleton":"magritte-action-skeleton___zIUA6_4-4-38","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_4-4-38","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_4-4-38"};
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-CfctvaM4.js.map