@hh.ru/magritte-ui-number-pages 4.0.25 → 4.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/NumberPages.js +1 -1
  2. package/{NumberPagesAction-BZ8SU5Fx.js → NumberPagesAction-CKR-TXGj.js} +2 -2
  3. package/{NumberPagesAction-BZ8SU5Fx.js.map → NumberPagesAction-CKR-TXGj.js.map} +1 -1
  4. package/NumberPagesAction.js +1 -1
  5. package/index.css +611 -81
  6. package/index.js +1 -1
  7. package/package.json +5 -5
package/NumberPages.js CHANGED
@@ -4,7 +4,7 @@ import { useState, useEffect } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
6
6
  import { ChevronRightOutlinedSize24, ChevronLeftOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
7
- import { s as styles, N as NumberPagesAction } from './NumberPagesAction-BZ8SU5Fx.js';
7
+ import { s as styles, N as NumberPagesAction } from './NumberPagesAction-CKR-TXGj.js';
8
8
  import { usePages, PageControls } from './usePages.js';
9
9
  import '@hh.ru/magritte-ui-typography';
10
10
 
package/{NumberPagesAction-BZ8SU5Fx.js → NumberPagesAction-CKR-TXGj.js} RENAMED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { Text } from '@hh.ru/magritte-ui-typography';
5
5
 
6
- var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-25","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-25","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-25","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-25","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-25","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-25","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-25","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-25","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-25","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-25","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-25","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-25","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-25","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-25"};
6
+ var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-27","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-27","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-27","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-27","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-27","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-27","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-27","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-27","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-27","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-27","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-27","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-27","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-27","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-27"};
7
7
 
8
8
  const NumberPagesAction = ({ children, selected = false, isIcon = false, Element = 'button', 'aria-label': ariaLabel, page, ...props }) => {
9
9
  const buttonProps = Element === 'button' ? { type: 'button' } : {};
@@ -14,4 +14,4 @@ const NumberPagesAction = ({ children, selected = false, isIcon = false, Element
14
14
  };
15
15
 
16
16
  export { NumberPagesAction as N, styles as s };
17
- //# sourceMappingURL=NumberPagesAction-BZ8SU5Fx.js.map
17
+ //# sourceMappingURL=NumberPagesAction-CKR-TXGj.js.map
package/{NumberPagesAction-BZ8SU5Fx.js.map → NumberPagesAction-CKR-TXGj.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberPagesAction-BZ8SU5Fx.js","sources":["../src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { PolymorphicComponent } from '@hh.ru/magritte-types';\nimport type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\nexport const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'> = ({\n children,\n selected = false,\n isIcon = false,\n Element = 'button',\n 'aria-label': ariaLabel,\n page,\n ...props\n}) => {\n const buttonProps = Element === 'button' ? ({ type: 'button' } as const) : {};\n\n return (\n <li>\n <Text typography=\"label-2-regular\">\n <Element\n {...props}\n {...buttonProps}\n aria-current={selected}\n aria-label={ariaLabel}\n className={classnames(styles.numberPagesAction, {\n [styles.numberPagesActionSelected]: selected,\n [styles.numberPagesActionIcon]: isIcon,\n })}\n >\n {children}\n </Element>\n </Text>\n </li>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQO,MAAM,iBAAiB,GAA2D,CAAC,EACtF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,QAAQ,EAClB,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,QAAQ,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAY,GAAG,EAAE,CAAC;IAE9E,QACIA,GACI,CAAA,IAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAC9BA,GAAC,CAAA,OAAO,EACA,EAAA,GAAA,KAAK,EACL,GAAA,WAAW,EACD,cAAA,EAAA,QAAQ,EACV,YAAA,EAAA,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC5C,oBAAA,CAAC,MAAM,CAAC,yBAAyB,GAAG,QAAQ;AAC5C,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,MAAM;AACzC,iBAAA,CAAC,YAED,QAAQ,EAAA,CACH,EACP,CAAA,EAAA,CACN,EACP;AACN;;;;"}
1
+ {"version":3,"file":"NumberPagesAction-CKR-TXGj.js","sources":["../src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { PolymorphicComponent } from '@hh.ru/magritte-types';\nimport type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\nexport const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'> = ({\n children,\n selected = false,\n isIcon = false,\n Element = 'button',\n 'aria-label': ariaLabel,\n page,\n ...props\n}) => {\n const buttonProps = Element === 'button' ? ({ type: 'button' } as const) : {};\n\n return (\n <li>\n <Text typography=\"label-2-regular\">\n <Element\n {...props}\n {...buttonProps}\n aria-current={selected}\n aria-label={ariaLabel}\n className={classnames(styles.numberPagesAction, {\n [styles.numberPagesActionSelected]: selected,\n [styles.numberPagesActionIcon]: isIcon,\n })}\n >\n {children}\n </Element>\n </Text>\n </li>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQO,MAAM,iBAAiB,GAA2D,CAAC,EACtF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,QAAQ,EAClB,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,QAAQ,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAY,GAAG,EAAE,CAAC;IAE9E,QACIA,GACI,CAAA,IAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAC9BA,GAAC,CAAA,OAAO,EACA,EAAA,GAAA,KAAK,EACL,GAAA,WAAW,EACD,cAAA,EAAA,QAAQ,EACV,YAAA,EAAA,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC5C,oBAAA,CAAC,MAAM,CAAC,yBAAyB,GAAG,QAAQ;AAC5C,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,MAAM;AACzC,iBAAA,CAAC,YAED,QAAQ,EAAA,CACH,EACP,CAAA,EAAA,CACN,EACP;AACN;;;;"}
package/NumberPagesAction.js CHANGED
@@ -2,5 +2,5 @@ import './index.css';
2
2
  import 'react/jsx-runtime';
3
3
  import 'classnames';
4
4
  import '@hh.ru/magritte-ui-typography';
5
- export { N as NumberPagesAction } from './NumberPagesAction-BZ8SU5Fx.js';
5
+ export { N as NumberPagesAction } from './NumberPagesAction-CKR-TXGj.js';
6
6
  //# sourceMappingURL=NumberPagesAction.js.map
package/index.css CHANGED
@@ -1,95 +1,625 @@
1
1
  :root{
2
- --magritte-color-component-number-pages-background-content-v19-1-2:#ffffff;
3
- --magritte-color-component-number-pages-stroke-content-v19-1-2:#DCE3EB;
4
- --magritte-color-component-number-pages-item-text-unselected-v19-1-2:#768694;
5
- --magritte-color-component-number-pages-item-text-selected-v19-1-2:#000000;
6
- --magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2:#000000;
7
- --magritte-color-component-number-pages-item-text-state-unselected-pressed-v19-1-2:#000000;
8
- --magritte-color-component-number-pages-item-icon-content-v19-1-2:#768694;
9
- --magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2:#000000;
10
- --magritte-color-component-number-pages-item-icon-state-content-pressed-v19-1-2:#000000;
11
- --magritte-color-component-number-pages-item-background-selected-v19-1-2:#F1F4F9;
12
- --magritte-color-component-number-pages-item-background-unselected-v19-1-2:#dce3eb00;
13
- --magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2:#F1F4F9;
14
- --magritte-color-component-number-pages-item-background-state-unselected-pressed-v19-1-2:#DCE3EB;
15
- --magritte-color-component-number-pages-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
2
+ --magritte-color-component-number-pages-background-content-v20-0-1:#ffffff;
3
+ --magritte-color-component-number-pages-stroke-content-v20-0-1:#DCE3EB;
4
+ --magritte-color-component-number-pages-item-text-unselected-v20-0-1:#768694;
5
+ --magritte-color-component-number-pages-item-text-selected-v20-0-1:#000000;
6
+ --magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-0-1:#000000;
7
+ --magritte-color-component-number-pages-item-text-state-unselected-pressed-v20-0-1:#000000;
8
+ --magritte-color-component-number-pages-item-icon-content-v20-0-1:#768694;
9
+ --magritte-color-component-number-pages-item-icon-state-content-hovered-v20-0-1:#000000;
10
+ --magritte-color-component-number-pages-item-icon-state-content-pressed-v20-0-1:#000000;
11
+ --magritte-color-component-number-pages-item-background-selected-v20-0-1:#F1F4F9;
12
+ --magritte-color-component-number-pages-item-background-unselected-v20-0-1:#dce3eb00;
13
+ --magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-0-1:#F1F4F9;
14
+ --magritte-color-component-number-pages-item-background-state-unselected-pressed-v20-0-1:#DCE3EB;
15
+ --magritte-color-component-number-pages-stroke-state-focused-accessible-v20-0-1:#0070ff7a;
16
16
  }
17
17
  :root{
18
- --magritte-semantic-scale-pressed-v19-1-2:0.96;
19
- --magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-2:cubic-bezier(0.25, 0.1, 0.25, 1);
20
- --magritte-semantic-animation-ease-in-out-100-duration-v19-1-2:100ms;
21
- --magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2:cubic-bezier(0.25, 0.1, 0.25, 1);
22
- --magritte-semantic-animation-ease-in-out-200-duration-v19-1-2:200ms;
23
- --magritte-static-space-100-v19-1-2:4px;
24
- --magritte-static-space-150-v19-1-2:6px;
25
- --magritte-static-space-200-v19-1-2:8px;
18
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"hh sans";
19
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:500;
20
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
21
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
22
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
23
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
24
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
25
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
26
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"hh sans";
27
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:500;
28
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
29
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
30
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
31
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
32
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
33
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
34
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"hh sans";
35
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:500;
36
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
37
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
38
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
39
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
40
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
41
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
42
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"hh sans";
43
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:500;
44
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
45
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
46
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
47
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
48
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
49
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
50
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"hh sans";
51
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:500;
52
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
53
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
54
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
55
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
56
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
57
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
58
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"hh sans";
59
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:500;
60
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
61
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
62
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
63
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
64
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
65
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
66
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"hh sans";
67
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:500;
68
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
69
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
70
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
71
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
72
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
73
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
74
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"hh sans";
75
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:500;
76
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
77
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
78
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
79
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
80
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
81
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
82
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"hh sans";
83
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:500;
84
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
85
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
86
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
87
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
88
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
89
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
90
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"hh sans";
91
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
92
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
93
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
94
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
95
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
96
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
97
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
98
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"hh sans";
99
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
100
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
101
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
102
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
103
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
104
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
105
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
106
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"hh sans";
107
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
108
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
109
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
110
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
111
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
112
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
113
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
114
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"hh sans";
115
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
116
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
117
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
118
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
119
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
120
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
121
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
122
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"hh sans";
123
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
124
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
125
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
126
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
127
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
128
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
129
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
130
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"hh sans";
131
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
132
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
133
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
134
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
135
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
136
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
137
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
138
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"hh sans";
139
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
140
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
141
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
142
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
143
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
144
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
145
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
146
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"hh sans";
147
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
148
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
149
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
150
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
151
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
152
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
153
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
154
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"hh sans";
155
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
156
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
157
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
158
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
159
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
160
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
161
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
162
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"hh sans";
163
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:500;
164
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
165
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
166
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
167
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
168
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
169
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
170
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"hh sans";
171
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:500;
172
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
173
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
174
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
175
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
176
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
177
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
178
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"hh sans";
179
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:500;
180
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
181
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
182
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
183
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
184
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
185
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
186
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"hh sans";
187
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
188
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
189
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
190
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
191
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
192
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
193
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
194
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"hh sans";
195
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
196
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
197
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
198
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
199
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
200
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
201
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
202
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"hh sans";
203
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:500;
204
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
205
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
206
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
207
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
208
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
209
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
210
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"hh sans";
211
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:500;
212
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
213
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
214
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
215
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
216
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
217
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
218
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"hh sans";
219
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:500;
220
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
221
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
222
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
223
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
224
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
225
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
226
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"hh sans";
227
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:500;
228
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
229
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
230
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
231
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
232
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
233
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
234
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"hh sans";
235
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:500;
236
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
237
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
238
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
239
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
240
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
241
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
242
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"hh sans";
243
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:400;
244
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
245
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
246
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
247
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
248
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
249
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
250
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"hh sans";
251
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:400;
252
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
253
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
254
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
255
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
256
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
257
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
258
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"hh sans";
259
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:400;
260
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
261
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
262
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
263
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
264
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
265
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
266
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"hh sans";
267
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:400;
268
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
269
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
270
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
271
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
272
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
273
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
274
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"hh sans";
275
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:400;
276
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
277
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
278
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
279
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
280
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
281
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
282
+ --magritte-semantic-scale-pressed-v20-0-1:0.96;
283
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v20-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
284
+ --magritte-semantic-animation-ease-in-out-100-duration-v20-0-1:100ms;
285
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v20-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
286
+ --magritte-semantic-animation-ease-in-out-200-duration-v20-0-1:200ms;
287
+ --magritte-static-space-100-v20-0-1:4px;
288
+ --magritte-static-space-150-v20-0-1:6px;
289
+ --magritte-static-space-200-v20-0-1:8px;
26
290
  }
27
291
  .magritte-night-theme{
28
- --magritte-color-component-number-pages-background-content-v19-1-2:#000000;
29
- --magritte-color-component-number-pages-stroke-content-v19-1-2:#3B3B3B;
30
- --magritte-color-component-number-pages-item-text-unselected-v19-1-2:#ABABAB;
31
- --magritte-color-component-number-pages-item-text-selected-v19-1-2:#ffffff;
32
- --magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2:#ffffff;
33
- --magritte-color-component-number-pages-item-text-state-unselected-pressed-v19-1-2:#ffffff;
34
- --magritte-color-component-number-pages-item-icon-content-v19-1-2:#ABABAB;
35
- --magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2:#ffffff;
36
- --magritte-color-component-number-pages-item-icon-state-content-pressed-v19-1-2:#ffffff;
37
- --magritte-color-component-number-pages-item-background-selected-v19-1-2:#262626;
38
- --magritte-color-component-number-pages-item-background-unselected-v19-1-2:#dce3eb00;
39
- --magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2:#262626;
40
- --magritte-color-component-number-pages-item-background-state-unselected-pressed-v19-1-2:#262626;
41
- --magritte-color-component-number-pages-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
42
- }
43
- .magritte-number-pages-wrapper___lYp70_4-0-25{
292
+ --magritte-color-component-number-pages-background-content-v20-0-1:#000000;
293
+ --magritte-color-component-number-pages-stroke-content-v20-0-1:#3B3B3B;
294
+ --magritte-color-component-number-pages-item-text-unselected-v20-0-1:#ABABAB;
295
+ --magritte-color-component-number-pages-item-text-selected-v20-0-1:#ffffff;
296
+ --magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-0-1:#ffffff;
297
+ --magritte-color-component-number-pages-item-text-state-unselected-pressed-v20-0-1:#ffffff;
298
+ --magritte-color-component-number-pages-item-icon-content-v20-0-1:#ABABAB;
299
+ --magritte-color-component-number-pages-item-icon-state-content-hovered-v20-0-1:#ffffff;
300
+ --magritte-color-component-number-pages-item-icon-state-content-pressed-v20-0-1:#ffffff;
301
+ --magritte-color-component-number-pages-item-background-selected-v20-0-1:#262626;
302
+ --magritte-color-component-number-pages-item-background-unselected-v20-0-1:#dce3eb00;
303
+ --magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-0-1:#262626;
304
+ --magritte-color-component-number-pages-item-background-state-unselected-pressed-v20-0-1:#262626;
305
+ --magritte-color-component-number-pages-stroke-state-focused-accessible-v20-0-1:#0070ff7a;
306
+ }
307
+ .magritte-with-inter{
308
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"Inter";
309
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:600;
310
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
311
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
312
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
313
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
314
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
315
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
316
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"Inter";
317
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:600;
318
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
319
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
320
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
321
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
322
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
323
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
324
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"Inter";
325
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:600;
326
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
327
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
328
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
329
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
330
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
331
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
332
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"Inter";
333
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:600;
334
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
335
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
336
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
337
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
338
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
339
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
340
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"Inter";
341
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:600;
342
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
343
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
344
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
345
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
346
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
347
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
348
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"Inter";
349
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:600;
350
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
351
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
352
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
353
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
354
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
355
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
356
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"Inter";
357
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:600;
358
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
359
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
360
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
361
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
362
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
363
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
364
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"Inter";
365
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:600;
366
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
367
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
368
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
369
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
370
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
371
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
372
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"Inter";
373
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:600;
374
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
375
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
376
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
377
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
378
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
379
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
380
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"Inter";
381
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
382
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
383
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
384
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
385
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
386
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
387
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
388
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"Inter";
389
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
390
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
391
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
392
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
393
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
394
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
395
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
396
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"Inter";
397
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
398
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
399
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
400
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
401
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
402
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
403
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
404
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"Inter";
405
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
406
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
407
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
408
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
409
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
410
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
411
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
412
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"Inter";
413
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
414
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
415
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
416
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
417
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
418
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
419
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
420
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"Inter";
421
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
422
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
423
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
424
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
425
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
426
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
427
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
428
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"Inter";
429
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
430
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
431
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
432
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
433
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
434
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
435
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
436
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"Inter";
437
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
438
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
439
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
440
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
441
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
442
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
443
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
444
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"Inter";
445
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
446
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
447
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
448
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
449
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
450
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
451
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
452
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"Inter";
453
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:600;
454
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
455
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
456
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
457
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
458
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
459
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
460
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"Inter";
461
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:600;
462
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
463
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
464
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
465
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
466
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
467
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
468
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"Inter";
469
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:600;
470
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
471
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
472
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
473
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
474
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
475
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
476
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"Inter";
477
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
478
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
479
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
480
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
481
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
482
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
483
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
484
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"Inter";
485
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
486
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
487
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
488
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
489
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
490
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
491
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
492
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"Inter";
493
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:undefined;
494
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
495
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
496
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
497
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
498
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
499
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
500
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"Inter";
501
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:undefined;
502
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
503
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
504
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
505
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
506
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
507
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
508
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"Inter";
509
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:undefined;
510
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
511
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
512
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
513
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
514
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
515
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
516
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"Inter";
517
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:undefined;
518
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
519
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
520
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
521
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
522
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
523
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
524
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"Inter";
525
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:undefined;
526
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
527
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
528
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
529
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
530
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
531
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
532
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"Inter";
533
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:200;
534
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
535
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
536
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
537
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
538
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
539
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
540
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"Inter";
541
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:200;
542
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
543
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
544
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
545
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
546
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
547
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
548
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"Inter";
549
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:200;
550
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
551
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
552
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
553
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
554
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
555
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
556
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"Inter";
557
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:200;
558
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
559
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
560
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
561
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
562
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
563
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
564
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"Inter";
565
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:200;
566
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
567
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
568
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
569
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
570
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
571
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
572
+ }
573
+ .magritte-number-pages-wrapper___lYp70_4-0-27{
44
574
  display:flex;
45
575
  width:100%;
46
576
  }
47
577
  @media (min-width: 350px){
48
- .magritte-number-pages-wrapper___lYp70_4-0-25{
578
+ .magritte-number-pages-wrapper___lYp70_4-0-27{
49
579
  display:inline-flex;
50
580
  width:auto;
51
581
  }
52
582
  }
53
- .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-25{
583
+ .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-27{
54
584
  display:inline-flex;
55
585
  width:auto;
56
586
  }
57
- .magritte-number-pages-container___YIJLn_4-0-25{
587
+ .magritte-number-pages-container___YIJLn_4-0-27{
58
588
  display:flex;
59
589
  width:100%;
60
590
  justify-content:space-between;
61
591
  align-items:center;
62
592
  border-radius:26px;
63
- padding:calc(var(--magritte-static-space-150-v19-1-2) - 1px);
64
- border:1px solid var(--magritte-color-component-number-pages-stroke-content-v19-1-2);
65
- background:var(--magritte-color-component-number-pages-background-content-v19-1-2);
593
+ padding:calc(var(--magritte-static-space-150-v20-0-1) - 1px);
594
+ border:1px solid var(--magritte-color-component-number-pages-stroke-content-v20-0-1);
595
+ background:var(--magritte-color-component-number-pages-background-content-v20-0-1);
66
596
  }
67
597
  @media (min-width: 350px){
68
- .magritte-number-pages-container___YIJLn_4-0-25{
598
+ .magritte-number-pages-container___YIJLn_4-0-27{
69
599
  display:inline-flex;
70
600
  justify-content:center;
71
- gap:var(--magritte-static-space-200-v19-1-2);
601
+ gap:var(--magritte-static-space-200-v20-0-1);
72
602
  width:auto;
73
603
  }
74
604
  }
75
605
  @media (min-width: 600px){
76
- .magritte-number-pages-container___YIJLn_4-0-25{
77
- gap:var(--magritte-static-space-100-v19-1-2);
606
+ .magritte-number-pages-container___YIJLn_4-0-27{
607
+ gap:var(--magritte-static-space-100-v20-0-1);
78
608
  }
79
609
  }
80
610
  @media (min-width: 640px){
81
- .magritte-number-pages-container___YIJLn_4-0-25{
82
- gap:var(--magritte-static-space-200-v19-1-2);
611
+ .magritte-number-pages-container___YIJLn_4-0-27{
612
+ gap:var(--magritte-static-space-200-v20-0-1);
83
613
  }
84
614
  }
85
- .magritte-number-pages-ellipsis___GNIbV_4-0-25{
615
+ .magritte-number-pages-ellipsis___GNIbV_4-0-27{
86
616
  display:flex;
87
617
  height:40px;
88
618
  width:40px;
89
619
  align-items:center;
90
620
  justify-content:center;
91
621
  }
92
- .magritte-number-pages-action___e3ozw_4-0-25{
622
+ .magritte-number-pages-action___e3ozw_4-0-27{
93
623
  display:flex;
94
624
  align-items:center;
95
625
  justify-content:center;
@@ -99,54 +629,54 @@
99
629
  min-width:40px;
100
630
  border-radius:20px;
101
631
  padding:5px 14px;
102
- color:var(--magritte-color-component-number-pages-item-text-unselected-v19-1-2);
103
- background-color:var(--magritte-color-component-number-pages-item-background-unselected-v19-1-2);
104
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v19-1-2);
632
+ color:var(--magritte-color-component-number-pages-item-text-unselected-v20-0-1);
633
+ background-color:var(--magritte-color-component-number-pages-item-background-unselected-v20-0-1);
634
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v20-0-1);
105
635
  }
106
- .magritte-number-pages-action___e3ozw_4-0-25:active{
107
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v19-1-2);
108
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v19-1-2);
109
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v19-1-2);
636
+ .magritte-number-pages-action___e3ozw_4-0-27:active{
637
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v20-0-1);
638
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v20-0-1);
639
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v20-0-1);
110
640
  }
111
641
  @media (prefers-reduced-motion: no-preference){
112
- .magritte-number-pages-action___e3ozw_4-0-25:active{
113
- transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-2);
114
- transform:scale(var(--magritte-semantic-scale-pressed-v19-1-2));
642
+ .magritte-number-pages-action___e3ozw_4-0-27:active{
643
+ transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v20-0-1) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v20-0-1);
644
+ transform:scale(var(--magritte-semantic-scale-pressed-v20-0-1));
115
645
  }
116
646
  }
117
- .magritte-number-pages-action___e3ozw_4-0-25.focus-visible{
118
- outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v19-1-2) solid 4px;
647
+ .magritte-number-pages-action___e3ozw_4-0-27.focus-visible{
648
+ outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v20-0-1) solid 4px;
119
649
  }
120
650
  @media (prefers-reduced-motion: no-preference){
121
- .magritte-number-pages-action___e3ozw_4-0-25{
122
- transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2);
651
+ .magritte-number-pages-action___e3ozw_4-0-27{
652
+ transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v20-0-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-0-1);
123
653
  transform:scale(1);
124
654
  }
125
655
  }
126
656
  @media (min-width: 1020px){
127
- body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-25:hover:not(:active){
128
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2);
129
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2);
130
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2);
657
+ body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-27:hover:not(:active){
658
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v20-0-1);
659
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-0-1);
660
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-0-1);
131
661
  }
132
662
  }
133
663
  @media (min-width: 1024px){
134
- body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-25:hover:not(:active){
135
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2);
136
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2);
137
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2);
664
+ body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-27:hover:not(:active){
665
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v20-0-1);
666
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-0-1);
667
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-0-1);
138
668
  }
139
669
  }
140
- .magritte-number-pages-action-icon___lwXFB_4-0-25{
141
- padding:5px var(--magritte-static-space-200-v19-1-2);
670
+ .magritte-number-pages-action-icon___lwXFB_4-0-27{
671
+ padding:5px var(--magritte-static-space-200-v20-0-1);
142
672
  }
143
- .magritte-number-pages-action-selected___N5Tl4_4-0-25,
144
- .magritte-number-pages-action-selected___N5Tl4_4-0-25:hover,
145
- .magritte-number-pages-action-selected___N5Tl4_4-0-25:active{
673
+ .magritte-number-pages-action-selected___N5Tl4_4-0-27,
674
+ .magritte-number-pages-action-selected___N5Tl4_4-0-27:hover,
675
+ .magritte-number-pages-action-selected___N5Tl4_4-0-27:active{
146
676
  pointer-events:none;
147
677
  user-select:none;
148
678
  transform:none;
149
- color:var(--magritte-color-component-number-pages-item-text-selected-v19-1-2);
150
- background-color:var(--magritte-color-component-number-pages-item-background-selected-v19-1-2);
679
+ color:var(--magritte-color-component-number-pages-item-text-selected-v20-0-1);
680
+ background-color:var(--magritte-color-component-number-pages-item-background-selected-v20-0-1);
151
681
  cursor:default;
152
682
  }
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
  export { NumberPages } from './NumberPages.js';
3
- export { N as NumberPagesAction } from './NumberPagesAction-BZ8SU5Fx.js';
3
+ export { N as NumberPagesAction } from './NumberPagesAction-CKR-TXGj.js';
4
4
  import 'react/jsx-runtime';
5
5
  import 'react';
6
6
  import 'classnames';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-number-pages",
3
- "version": "4.0.25",
3
+ "version": "4.0.27",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,11 +20,11 @@
20
20
  "watch": "yarn root:watch $(pwd)"
21
21
  },
22
22
  "dependencies": {
23
- "@hh.ru/magritte-design-tokens": "19.1.2",
23
+ "@hh.ru/magritte-design-tokens": "20.0.1",
24
24
  "@hh.ru/magritte-types": "5.0.0",
25
25
  "@hh.ru/magritte-ui-breakpoint": "4.1.0",
26
- "@hh.ru/magritte-ui-icon": "7.9.4",
27
- "@hh.ru/magritte-ui-typography": "3.0.20"
26
+ "@hh.ru/magritte-ui-icon": "7.9.6",
27
+ "@hh.ru/magritte-ui-typography": "3.0.22"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "classnames": ">=2.3.2",
@@ -33,5 +33,5 @@
33
33
  "publishConfig": {
34
34
  "access": "public"
35
35
  },
36
- "gitHead": "d65b5cdffe3fa7e332b76033a4317c2bbe7d6b68"
36
+ "gitHead": "5e39c82ca3c8af74be5ac205406e44df626adcc6"
37
37
  }