@hh.ru/magritte-ui-action 4.4.21 → 4.4.22
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 +1 -1
- package/Skeleton-O_YZEck_.js +25 -0
- package/{Skeleton-B5Diz6UH.js.map → Skeleton-O_YZEck_.js.map} +1 -1
- package/Skeleton.js +1 -1
- package/index.css +83 -83
- package/index.js +1 -1
- package/package.json +3 -3
- package/Skeleton-B5Diz6UH.js +0 -25
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-
|
|
7
|
+
import { s as styles, A as ActionSkeleton } from './Skeleton-O_YZEck_.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-22","action-show-background":"magritte-action-show-background___Qg0JU_4-4-22","actionShowBackground":"magritte-action-show-background___Qg0JU_4-4-22","action-style-contrast":"magritte-action-style-contrast___5WfIK_4-4-22","actionStyleContrast":"magritte-action-style-contrast___5WfIK_4-4-22","action-hover-style-contrast":"magritte-action-hover-style-contrast___nPdPk_4-4-22","actionHoverStyleContrast":"magritte-action-hover-style-contrast___nPdPk_4-4-22","action-pressed-style-contrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-22","actionPressedStyleContrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-22","action-disable-padding":"magritte-action-disable-padding___F-AR7_4-4-22","actionDisablePadding":"magritte-action-disable-padding___F-AR7_4-4-22","action-style-neutral":"magritte-action-style-neutral___zv0k4_4-4-22","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_4-4-22","action-mode-primary":"magritte-action-mode-primary___AzhY5_4-4-22","actionModePrimary":"magritte-action-mode-primary___AzhY5_4-4-22","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_4-4-22","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_4-4-22","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_4-4-22","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_4-4-22","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-22","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-22","action-style-accent":"magritte-action-style-accent___5YSMF_4-4-22","actionStyleAccent":"magritte-action-style-accent___5YSMF_4-4-22","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_4-4-22","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_4-4-22","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_4-4-22","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_4-4-22","action-style-negative":"magritte-action-style-negative___CrXqj_4-4-22","actionStyleNegative":"magritte-action-style-negative___CrXqj_4-4-22","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_4-4-22","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_4-4-22","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_4-4-22","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_4-4-22","action-style-warning":"magritte-action-style-warning___ikeHT_4-4-22","actionStyleWarning":"magritte-action-style-warning___ikeHT_4-4-22","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_4-4-22","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_4-4-22","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_4-4-22","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_4-4-22","action-style-special":"magritte-action-style-special___cav2H_4-4-22","actionStyleSpecial":"magritte-action-style-special___cav2H_4-4-22","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_4-4-22","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_4-4-22","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_4-4-22","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_4-4-22","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_4-4-22","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_4-4-22","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_4-4-22","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_4-4-22","action-skeleton":"magritte-action-skeleton___zIUA6_4-4-22","actionSkeleton":"magritte-action-skeleton___zIUA6_4-4-22","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_4-4-22","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_4-4-22"};
|
|
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-O_YZEck_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-O_YZEck_.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-
|
|
6
|
+
export { A as ActionSkeleton } from './Skeleton-O_YZEck_.js';
|
|
7
7
|
//# sourceMappingURL=Skeleton.js.map
|
package/index.css
CHANGED
|
@@ -655,324 +655,324 @@
|
|
|
655
655
|
--magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
|
|
656
656
|
--magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
|
|
657
657
|
}
|
|
658
|
-
.magritte-action___JtMQB_4-4-
|
|
658
|
+
.magritte-action___JtMQB_4-4-22{
|
|
659
659
|
display:flex;
|
|
660
660
|
cursor:pointer;
|
|
661
661
|
border-radius:var(--magritte-static-border-radius-500-v20-1-0);
|
|
662
662
|
padding:8px;
|
|
663
663
|
border-color:var(--magritte-ui-icon-color-override);
|
|
664
664
|
}
|
|
665
|
-
.magritte-action___JtMQB_4-4-
|
|
665
|
+
.magritte-action___JtMQB_4-4-22:disabled{
|
|
666
666
|
cursor:default;
|
|
667
667
|
}
|
|
668
|
-
.magritte-action___JtMQB_4-4-
|
|
668
|
+
.magritte-action___JtMQB_4-4-22.focus-visible{
|
|
669
669
|
outline:var(--magritte-color-component-action-stroke-state-accent-focused-accessible-v20-1-0) solid 4px;
|
|
670
670
|
}
|
|
671
|
-
.magritte-action___JtMQB_4-4-
|
|
671
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22{
|
|
672
672
|
background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-secondary-v20-1-0));
|
|
673
673
|
}
|
|
674
|
-
.magritte-action___JtMQB_4-4-
|
|
674
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22:not(:disabled):active{
|
|
675
675
|
background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-secondary-pressed-v20-1-0));
|
|
676
676
|
}
|
|
677
|
-
.magritte-action___JtMQB_4-4-
|
|
677
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22:disabled{
|
|
678
678
|
background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-secondary-hovered-v20-1-0));
|
|
679
679
|
}
|
|
680
680
|
@media (min-width: 1020px){
|
|
681
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
681
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22:not(:disabled):not(:active):hover{
|
|
682
682
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v20-1-0));
|
|
683
683
|
}
|
|
684
684
|
}
|
|
685
685
|
@media (min-width: 1024px){
|
|
686
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
686
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22:not(:disabled):not(:active):hover{
|
|
687
687
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-secondary-disabled-v20-1-0));
|
|
688
688
|
}
|
|
689
689
|
}
|
|
690
|
-
.magritte-action___JtMQB_4-4-
|
|
690
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22{
|
|
691
691
|
background-color:var(--magritte-color-component-action-background-override, var(--magritte-color-background-constant-secondary-v20-1-0));
|
|
692
692
|
}
|
|
693
|
-
.magritte-action___JtMQB_4-4-
|
|
693
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22:not(:disabled):active{
|
|
694
694
|
background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v20-1-0));
|
|
695
695
|
}
|
|
696
|
-
.magritte-action___JtMQB_4-4-
|
|
696
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22:disabled{
|
|
697
697
|
background-color:var(--magritte-color-component-action-background-disabled-override, var(--magritte-color-background-state-constant-secondary-hovered-v20-1-0));
|
|
698
698
|
}
|
|
699
699
|
@media (min-width: 1020px){
|
|
700
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
700
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22:not(:disabled):not(:active):hover{
|
|
701
701
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v20-1-0));
|
|
702
702
|
}
|
|
703
703
|
}
|
|
704
704
|
@media (min-width: 1024px){
|
|
705
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
705
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22:not(:disabled):not(:active):hover{
|
|
706
706
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-disabled-v20-1-0));
|
|
707
707
|
}
|
|
708
708
|
}
|
|
709
709
|
@media (min-width: 1020px){
|
|
710
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
710
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22:not(:disabled):not(:active):hover{
|
|
711
711
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v20-1-0));
|
|
712
712
|
}
|
|
713
713
|
}
|
|
714
714
|
@media (min-width: 1024px){
|
|
715
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
715
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22:not(:disabled):not(:active):hover{
|
|
716
716
|
background-color:var(--magritte-color-component-action-background-hovered-override, var(--magritte-color-background-state-constant-secondary-hovered-v20-1-0));
|
|
717
717
|
}
|
|
718
718
|
}
|
|
719
|
-
.magritte-action___JtMQB_4-4-
|
|
719
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-show-background___Qg0JU_4-4-22.magritte-action-pressed-style-contrast___N04Fw_4-4-22:active{
|
|
720
720
|
background-color:var(--magritte-color-component-action-background-pressed-override, var(--magritte-color-background-state-constant-secondary-pressed-v20-1-0));
|
|
721
721
|
}
|
|
722
|
-
.magritte-action___JtMQB_4-4-
|
|
722
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-disable-padding___F-AR7_4-4-22{
|
|
723
723
|
padding:0;
|
|
724
724
|
}
|
|
725
|
-
.magritte-action___JtMQB_4-4-
|
|
725
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-neutral___zv0k4_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
726
726
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-primary-v20-1-0));
|
|
727
727
|
}
|
|
728
|
-
.magritte-action___JtMQB_4-4-
|
|
728
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-neutral___zv0k4_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
729
729
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-primary-disabled-v20-1-0));
|
|
730
730
|
}
|
|
731
|
-
.magritte-action___JtMQB_4-4-
|
|
731
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-neutral___zv0k4_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
732
732
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-secondary-v20-1-0));
|
|
733
733
|
}
|
|
734
|
-
.magritte-action___JtMQB_4-4-
|
|
734
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-neutral___zv0k4_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
735
735
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-secondary-disabled-v20-1-0));
|
|
736
736
|
}
|
|
737
737
|
@media (min-width: 1020px){
|
|
738
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
738
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-neutral___qiLyU_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
739
739
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v20-1-0));
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
742
|
@media (min-width: 1024px){
|
|
743
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
743
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-neutral___qiLyU_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
744
744
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-primary-hovered-v20-1-0));
|
|
745
745
|
}
|
|
746
746
|
}
|
|
747
747
|
@media (min-width: 1020px){
|
|
748
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
748
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-neutral___qiLyU_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
749
749
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v20-1-0));
|
|
750
750
|
}
|
|
751
751
|
}
|
|
752
752
|
@media (min-width: 1024px){
|
|
753
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
753
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-neutral___qiLyU_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
754
754
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-secondary-hovered-v20-1-0));
|
|
755
755
|
}
|
|
756
756
|
}
|
|
757
|
-
.magritte-action___JtMQB_4-4-
|
|
757
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-neutral___gMAMl_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
758
758
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-primary-pressed-v20-1-0));
|
|
759
759
|
}
|
|
760
|
-
.magritte-action___JtMQB_4-4-
|
|
760
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-neutral___gMAMl_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
761
761
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-secondary-pressed-v20-1-0));
|
|
762
762
|
}
|
|
763
|
-
.magritte-action___JtMQB_4-4-
|
|
763
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-accent___5YSMF_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
764
764
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-accent-v20-1-0));
|
|
765
765
|
}
|
|
766
|
-
.magritte-action___JtMQB_4-4-
|
|
766
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-accent___5YSMF_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
767
767
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-accent-disabled-v20-1-0));
|
|
768
768
|
}
|
|
769
|
-
.magritte-action___JtMQB_4-4-
|
|
769
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-accent___5YSMF_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
770
770
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-accent-secondary-v20-1-0));
|
|
771
771
|
}
|
|
772
|
-
.magritte-action___JtMQB_4-4-
|
|
772
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-accent___5YSMF_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
773
773
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-accent-secondary-disabled-v20-1-0));
|
|
774
774
|
}
|
|
775
775
|
@media (min-width: 1020px){
|
|
776
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
776
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-accent___C-bMb_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
777
777
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v20-1-0));
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
780
|
@media (min-width: 1024px){
|
|
781
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
781
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-accent___C-bMb_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
782
782
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-accent-hovered-v20-1-0));
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
785
|
@media (min-width: 1020px){
|
|
786
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
786
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-accent___C-bMb_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
787
787
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v20-1-0));
|
|
788
788
|
}
|
|
789
789
|
}
|
|
790
790
|
@media (min-width: 1024px){
|
|
791
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
791
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-accent___C-bMb_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
792
792
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-accent-secondary-hovered-v20-1-0));
|
|
793
793
|
}
|
|
794
794
|
}
|
|
795
|
-
.magritte-action___JtMQB_4-4-
|
|
795
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-accent___Dc4hr_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
796
796
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-accent-pressed-v20-1-0));
|
|
797
797
|
}
|
|
798
|
-
.magritte-action___JtMQB_4-4-
|
|
798
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-accent___Dc4hr_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
799
799
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-accent-secondary-pressed-v20-1-0));
|
|
800
800
|
}
|
|
801
|
-
.magritte-action___JtMQB_4-4-
|
|
801
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-negative___CrXqj_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
802
802
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-negative-v20-1-0));
|
|
803
803
|
}
|
|
804
|
-
.magritte-action___JtMQB_4-4-
|
|
804
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-negative___CrXqj_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
805
805
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-negative-disabled-v20-1-0));
|
|
806
806
|
}
|
|
807
|
-
.magritte-action___JtMQB_4-4-
|
|
807
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-negative___CrXqj_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
808
808
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-negative-secondary-v20-1-0));
|
|
809
809
|
}
|
|
810
|
-
.magritte-action___JtMQB_4-4-
|
|
810
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-negative___CrXqj_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
811
811
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-negative-secondary-disabled-v20-1-0));
|
|
812
812
|
}
|
|
813
813
|
@media (min-width: 1020px){
|
|
814
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
814
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-negative___rVlDZ_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
815
815
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v20-1-0));
|
|
816
816
|
}
|
|
817
817
|
}
|
|
818
818
|
@media (min-width: 1024px){
|
|
819
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
819
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-negative___rVlDZ_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
820
820
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-negative-hovered-v20-1-0));
|
|
821
821
|
}
|
|
822
822
|
}
|
|
823
823
|
@media (min-width: 1020px){
|
|
824
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
824
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-negative___rVlDZ_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
825
825
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v20-1-0));
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
828
|
@media (min-width: 1024px){
|
|
829
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
829
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-negative___rVlDZ_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
830
830
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-negative-secondary-hovered-v20-1-0));
|
|
831
831
|
}
|
|
832
832
|
}
|
|
833
|
-
.magritte-action___JtMQB_4-4-
|
|
833
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-negative___7ckSN_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
834
834
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-negative-pressed-v20-1-0));
|
|
835
835
|
}
|
|
836
|
-
.magritte-action___JtMQB_4-4-
|
|
836
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-negative___7ckSN_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
837
837
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-negative-secondary-pressed-v20-1-0));
|
|
838
838
|
}
|
|
839
|
-
.magritte-action___JtMQB_4-4-
|
|
839
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
840
840
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-contrast-v20-1-0));
|
|
841
841
|
}
|
|
842
|
-
.magritte-action___JtMQB_4-4-
|
|
842
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
843
843
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-contrast-disabled-v20-1-0));
|
|
844
844
|
}
|
|
845
|
-
.magritte-action___JtMQB_4-4-
|
|
845
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
846
846
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-contrast-secondary-v20-1-0));
|
|
847
847
|
}
|
|
848
|
-
.magritte-action___JtMQB_4-4-
|
|
848
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-contrast___5WfIK_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
849
849
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-contrast-secondary-disabled-v20-1-0));
|
|
850
850
|
}
|
|
851
851
|
@media (min-width: 1020px){
|
|
852
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
852
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
853
853
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v20-1-0));
|
|
854
854
|
}
|
|
855
855
|
}
|
|
856
856
|
@media (min-width: 1024px){
|
|
857
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
857
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
858
858
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-contrast-hovered-v20-1-0));
|
|
859
859
|
}
|
|
860
860
|
}
|
|
861
861
|
@media (min-width: 1020px){
|
|
862
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
862
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
863
863
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v20-1-0));
|
|
864
864
|
}
|
|
865
865
|
}
|
|
866
866
|
@media (min-width: 1024px){
|
|
867
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
867
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-contrast___nPdPk_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
868
868
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-contrast-secondary-hovered-v20-1-0));
|
|
869
869
|
}
|
|
870
870
|
}
|
|
871
|
-
.magritte-action___JtMQB_4-4-
|
|
871
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-contrast___N04Fw_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
872
872
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-contrast-pressed-v20-1-0));
|
|
873
873
|
}
|
|
874
|
-
.magritte-action___JtMQB_4-4-
|
|
874
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-contrast___N04Fw_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
875
875
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-contrast-secondary-pressed-v20-1-0));
|
|
876
876
|
}
|
|
877
|
-
.magritte-action___JtMQB_4-4-
|
|
877
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-warning___ikeHT_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
878
878
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-warning-v20-1-0));
|
|
879
879
|
}
|
|
880
|
-
.magritte-action___JtMQB_4-4-
|
|
880
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-warning___ikeHT_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
881
881
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-warning-disabled-v20-1-0));
|
|
882
882
|
}
|
|
883
|
-
.magritte-action___JtMQB_4-4-
|
|
883
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-warning___ikeHT_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
884
884
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-warning-secondary-v20-1-0));
|
|
885
885
|
}
|
|
886
|
-
.magritte-action___JtMQB_4-4-
|
|
886
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-warning___ikeHT_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
887
887
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-warning-secondary-disabled-v20-1-0));
|
|
888
888
|
}
|
|
889
889
|
@media (min-width: 1020px){
|
|
890
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
890
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-warning___4jUpU_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
891
891
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v20-1-0));
|
|
892
892
|
}
|
|
893
893
|
}
|
|
894
894
|
@media (min-width: 1024px){
|
|
895
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
895
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-warning___4jUpU_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
896
896
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-warning-hovered-v20-1-0));
|
|
897
897
|
}
|
|
898
898
|
}
|
|
899
899
|
@media (min-width: 1020px){
|
|
900
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
900
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-warning___4jUpU_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
901
901
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v20-1-0));
|
|
902
902
|
}
|
|
903
903
|
}
|
|
904
904
|
@media (min-width: 1024px){
|
|
905
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
905
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-warning___4jUpU_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
906
906
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-warning-secondary-hovered-v20-1-0));
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
.magritte-action___JtMQB_4-4-
|
|
909
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-warning___b2e3N_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
910
910
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-warning-pressed-v20-1-0));
|
|
911
911
|
}
|
|
912
|
-
.magritte-action___JtMQB_4-4-
|
|
912
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-warning___b2e3N_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
913
913
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-warning-secondary-pressed-v20-1-0));
|
|
914
914
|
}
|
|
915
|
-
.magritte-action___JtMQB_4-4-
|
|
915
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-special___cav2H_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22{
|
|
916
916
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-override, var(--magritte-color-icon-special-v20-1-0));
|
|
917
917
|
}
|
|
918
|
-
.magritte-action___JtMQB_4-4-
|
|
918
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-special___cav2H_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:disabled{
|
|
919
919
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-disabled-override, var(--magritte-color-icon-state-special-disabled-v20-1-0));
|
|
920
920
|
}
|
|
921
|
-
.magritte-action___JtMQB_4-4-
|
|
921
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-special___cav2H_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22{
|
|
922
922
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-override, var(--magritte-color-icon-special-secondary-v20-1-0));
|
|
923
923
|
}
|
|
924
|
-
.magritte-action___JtMQB_4-4-
|
|
924
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-style-special___cav2H_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:disabled{
|
|
925
925
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-disabled-override, var(--magritte-color-icon-state-special-secondary-disabled-v20-1-0));
|
|
926
926
|
}
|
|
927
927
|
@media (min-width: 1020px){
|
|
928
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
928
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-special___2HDP-_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
929
929
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v20-1-0));
|
|
930
930
|
}
|
|
931
931
|
}
|
|
932
932
|
@media (min-width: 1024px){
|
|
933
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
933
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-special___2HDP-_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):not(:active):hover{
|
|
934
934
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-hovered-override, var(--magritte-color-icon-state-special-hovered-v20-1-0));
|
|
935
935
|
}
|
|
936
936
|
}
|
|
937
937
|
@media (min-width: 1020px){
|
|
938
|
-
body.magritte-old-layout .magritte-action___JtMQB_4-4-
|
|
938
|
+
body.magritte-old-layout .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-special___2HDP-_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
939
939
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v20-1-0));
|
|
940
940
|
}
|
|
941
941
|
}
|
|
942
942
|
@media (min-width: 1024px){
|
|
943
|
-
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-
|
|
943
|
+
body:not(.magritte-old-layout) .magritte-action___JtMQB_4-4-22.magritte-action-hover-style-special___2HDP-_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):not(:active):hover{
|
|
944
944
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-hovered-override, var(--magritte-color-icon-state-special-secondary-hovered-v20-1-0));
|
|
945
945
|
}
|
|
946
946
|
}
|
|
947
|
-
.magritte-action___JtMQB_4-4-
|
|
947
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-special___B7JXW_4-4-22.magritte-action-mode-primary___AzhY5_4-4-22:not(:disabled):active{
|
|
948
948
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-primary-pressed-override, var(--magritte-color-icon-state-special-pressed-v20-1-0));
|
|
949
949
|
}
|
|
950
|
-
.magritte-action___JtMQB_4-4-
|
|
950
|
+
.magritte-action___JtMQB_4-4-22.magritte-action-pressed-style-special___B7JXW_4-4-22.magritte-action-mode-secondary___jvHEK_4-4-22:not(:disabled):active{
|
|
951
951
|
--magritte-ui-icon-color-override:var(--magritte-color-component-action-icon-secondary-pressed-override, var(--magritte-color-icon-state-special-secondary-pressed-v20-1-0));
|
|
952
952
|
}
|
|
953
|
-
.magritte-action___JtMQB_4-4-
|
|
953
|
+
.magritte-action___JtMQB_4-4-22:not(:disabled){
|
|
954
954
|
transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
|
|
955
955
|
transform:scale(1);
|
|
956
956
|
}
|
|
957
|
-
.magritte-action___JtMQB_4-4-
|
|
957
|
+
.magritte-action___JtMQB_4-4-22:not(:disabled):active{
|
|
958
958
|
transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v20-1-0) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v20-1-0);
|
|
959
959
|
transform:scale(var(--magritte-semantic-scale-pressed-v20-1-0));
|
|
960
960
|
}
|
|
961
|
-
.magritte-action-skeleton-container___5i2G3_4-4-
|
|
961
|
+
.magritte-action-skeleton-container___5i2G3_4-4-22{
|
|
962
962
|
display:flex;
|
|
963
963
|
align-items:center;
|
|
964
964
|
justify-content:center;
|
|
965
965
|
padding:8px;
|
|
966
966
|
}
|
|
967
|
-
.magritte-action-skeleton-container___5i2G3_4-4-
|
|
967
|
+
.magritte-action-skeleton-container___5i2G3_4-4-22.magritte-action-skeleton-disable-padding___pofiL_4-4-22{
|
|
968
968
|
padding:0;
|
|
969
969
|
}
|
|
970
|
-
.magritte-action-skeleton___zIUA6_4-4-
|
|
970
|
+
.magritte-action-skeleton___zIUA6_4-4-22{
|
|
971
971
|
width:24px;
|
|
972
972
|
height:24px;
|
|
973
973
|
border-radius:var(--magritte-static-border-radius-100-v20-1-0);
|
|
974
974
|
}
|
|
975
|
-
.magritte-action-skeleton___zIUA6_4-4-
|
|
975
|
+
.magritte-action-skeleton___zIUA6_4-4-22 .magritte-action-skeleton-show-background___4xgHf_4-4-22{
|
|
976
976
|
width:40px;
|
|
977
977
|
height:40px;
|
|
978
978
|
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-
|
|
10
|
+
import './Skeleton-O_YZEck_.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.
|
|
3
|
+
"version": "4.4.22",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@hh.ru/magritte-common-use-loading-state": "1.0.6",
|
|
26
26
|
"@hh.ru/magritte-design-tokens": "20.1.0",
|
|
27
27
|
"@hh.ru/magritte-ui-badge": "2.2.14",
|
|
28
|
-
"@hh.ru/magritte-ui-breakpoint": "
|
|
28
|
+
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
29
29
|
"@hh.ru/magritte-ui-icon": "7.9.10",
|
|
30
30
|
"@hh.ru/magritte-ui-mock-component": "1.0.12",
|
|
31
31
|
"@hh.ru/magritte-ui-skeleton": "2.1.20",
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "1f85c1274063f28c68e856b26db4540e4f210fa1"
|
|
42
42
|
}
|
package/Skeleton-B5Diz6UH.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_4-4-21","action-show-background":"magritte-action-show-background___Qg0JU_4-4-21","actionShowBackground":"magritte-action-show-background___Qg0JU_4-4-21","action-style-contrast":"magritte-action-style-contrast___5WfIK_4-4-21","actionStyleContrast":"magritte-action-style-contrast___5WfIK_4-4-21","action-hover-style-contrast":"magritte-action-hover-style-contrast___nPdPk_4-4-21","actionHoverStyleContrast":"magritte-action-hover-style-contrast___nPdPk_4-4-21","action-pressed-style-contrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-21","actionPressedStyleContrast":"magritte-action-pressed-style-contrast___N04Fw_4-4-21","action-disable-padding":"magritte-action-disable-padding___F-AR7_4-4-21","actionDisablePadding":"magritte-action-disable-padding___F-AR7_4-4-21","action-style-neutral":"magritte-action-style-neutral___zv0k4_4-4-21","actionStyleNeutral":"magritte-action-style-neutral___zv0k4_4-4-21","action-mode-primary":"magritte-action-mode-primary___AzhY5_4-4-21","actionModePrimary":"magritte-action-mode-primary___AzhY5_4-4-21","action-mode-secondary":"magritte-action-mode-secondary___jvHEK_4-4-21","actionModeSecondary":"magritte-action-mode-secondary___jvHEK_4-4-21","action-hover-style-neutral":"magritte-action-hover-style-neutral___qiLyU_4-4-21","actionHoverStyleNeutral":"magritte-action-hover-style-neutral___qiLyU_4-4-21","action-pressed-style-neutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-21","actionPressedStyleNeutral":"magritte-action-pressed-style-neutral___gMAMl_4-4-21","action-style-accent":"magritte-action-style-accent___5YSMF_4-4-21","actionStyleAccent":"magritte-action-style-accent___5YSMF_4-4-21","action-hover-style-accent":"magritte-action-hover-style-accent___C-bMb_4-4-21","actionHoverStyleAccent":"magritte-action-hover-style-accent___C-bMb_4-4-21","action-pressed-style-accent":"magritte-action-pressed-style-accent___Dc4hr_4-4-21","actionPressedStyleAccent":"magritte-action-pressed-style-accent___Dc4hr_4-4-21","action-style-negative":"magritte-action-style-negative___CrXqj_4-4-21","actionStyleNegative":"magritte-action-style-negative___CrXqj_4-4-21","action-hover-style-negative":"magritte-action-hover-style-negative___rVlDZ_4-4-21","actionHoverStyleNegative":"magritte-action-hover-style-negative___rVlDZ_4-4-21","action-pressed-style-negative":"magritte-action-pressed-style-negative___7ckSN_4-4-21","actionPressedStyleNegative":"magritte-action-pressed-style-negative___7ckSN_4-4-21","action-style-warning":"magritte-action-style-warning___ikeHT_4-4-21","actionStyleWarning":"magritte-action-style-warning___ikeHT_4-4-21","action-hover-style-warning":"magritte-action-hover-style-warning___4jUpU_4-4-21","actionHoverStyleWarning":"magritte-action-hover-style-warning___4jUpU_4-4-21","action-pressed-style-warning":"magritte-action-pressed-style-warning___b2e3N_4-4-21","actionPressedStyleWarning":"magritte-action-pressed-style-warning___b2e3N_4-4-21","action-style-special":"magritte-action-style-special___cav2H_4-4-21","actionStyleSpecial":"magritte-action-style-special___cav2H_4-4-21","action-hover-style-special":"magritte-action-hover-style-special___2HDP-_4-4-21","actionHoverStyleSpecial":"magritte-action-hover-style-special___2HDP-_4-4-21","action-pressed-style-special":"magritte-action-pressed-style-special___B7JXW_4-4-21","actionPressedStyleSpecial":"magritte-action-pressed-style-special___B7JXW_4-4-21","action-skeleton-container":"magritte-action-skeleton-container___5i2G3_4-4-21","actionSkeletonContainer":"magritte-action-skeleton-container___5i2G3_4-4-21","action-skeleton-disable-padding":"magritte-action-skeleton-disable-padding___pofiL_4-4-21","actionSkeletonDisablePadding":"magritte-action-skeleton-disable-padding___pofiL_4-4-21","action-skeleton":"magritte-action-skeleton___zIUA6_4-4-21","actionSkeleton":"magritte-action-skeleton___zIUA6_4-4-21","action-skeleton-show-background":"magritte-action-skeleton-show-background___4xgHf_4-4-21","actionSkeletonShowBackground":"magritte-action-skeleton-show-background___4xgHf_4-4-21"};
|
|
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-B5Diz6UH.js.map
|