@hh.ru/magritte-ui-switch 2.0.25 → 2.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/{Skeleton-vdS1WG9E.js → Skeleton-qJqLTto5.js} +2 -2
  2. package/{Skeleton-vdS1WG9E.js.map → Skeleton-qJqLTto5.js.map} +1 -1
  3. package/Skeleton.js +1 -1
  4. package/Switch.js +1 -1
  5. package/index.css +609 -79
  6. package/index.js +1 -1
  7. package/package.json +6 -6
package/{Skeleton-vdS1WG9E.js → Skeleton-qJqLTto5.js} RENAMED
@@ -2,11 +2,11 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
4
4
 
5
- var styles = {"switch":"magritte-switch___0AZYC_2-0-25","slider":"magritte-slider___YN62u_2-0-25","checked":"magritte-checked___QEAn5_2-0-25","switch-skeleton":"magritte-switch-skeleton___g1MEY_2-0-25","switchSkeleton":"magritte-switch-skeleton___g1MEY_2-0-25"};
5
+ var styles = {"switch":"magritte-switch___0AZYC_2-0-27","slider":"magritte-slider___YN62u_2-0-27","checked":"magritte-checked___QEAn5_2-0-27","switch-skeleton":"magritte-switch-skeleton___g1MEY_2-0-27","switchSkeleton":"magritte-switch-skeleton___g1MEY_2-0-27"};
6
6
 
7
7
  const SwitchSkeleton = ({ Component: Switch,
8
8
  // skeleton props
9
9
  width, height, borderRadius, inline, additionalClass, loading, ...switchProps }) => (jsx(Skeleton, { loading: loading, additionalClass: styles.switchSkeleton, inline: true, children: jsx(Switch, { ...switchProps }) }));
10
10
 
11
11
  export { SwitchSkeleton as S, styles as s };
12
- //# sourceMappingURL=Skeleton-vdS1WG9E.js.map
12
+ //# sourceMappingURL=Skeleton-qJqLTto5.js.map
package/{Skeleton-vdS1WG9E.js.map → Skeleton-qJqLTto5.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-vdS1WG9E.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { SwitchProps } from '@hh.ru/magritte-ui-switch/types';\n\nimport styles from './switch.less';\n\nexport const SwitchSkeleton: IncompleteSkeletonComponent<SwitchProps> = ({\n Component: Switch,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...switchProps\n}) => (\n <Skeleton loading={loading} additionalClass={styles.switchSkeleton} inline>\n <Switch {...switchProps} />\n </Skeleton>\n);\n"],"names":["_jsx"],"mappings":";;;;;MAKa,cAAc,GAA6C,CAAC,EACrE,SAAS,EAAE,MAAM;AAEjB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,WAAW,EACjB,MACGA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,EAAA,IAAA,EAAA,QAAA,EACtEA,IAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAI,CAAA,EAAA,CACpB;;;;"}
1
+ {"version":3,"file":"Skeleton-qJqLTto5.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { SwitchProps } from '@hh.ru/magritte-ui-switch/types';\n\nimport styles from './switch.less';\n\nexport const SwitchSkeleton: IncompleteSkeletonComponent<SwitchProps> = ({\n Component: Switch,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...switchProps\n}) => (\n <Skeleton loading={loading} additionalClass={styles.switchSkeleton} inline>\n <Switch {...switchProps} />\n </Skeleton>\n);\n"],"names":["_jsx"],"mappings":";;;;;MAKa,cAAc,GAA6C,CAAC,EACrE,SAAS,EAAE,MAAM;AAEjB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,WAAW,EACjB,MACGA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,EAAA,IAAA,EAAA,QAAA,EACtEA,IAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAI,CAAA,EAAA,CACpB;;;;"}
package/Skeleton.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './index.css';
2
2
  import 'react/jsx-runtime';
3
3
  import '@hh.ru/magritte-ui-skeleton';
4
- export { S as SwitchSkeleton } from './Skeleton-vdS1WG9E.js';
4
+ export { S as SwitchSkeleton } from './Skeleton-qJqLTto5.js';
5
5
  //# sourceMappingURL=Skeleton.js.map
package/Switch.js CHANGED
@@ -4,7 +4,7 @@ import classnames from 'classnames';
4
4
  import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
5
5
  import { LockClosedFilledSize16 } from '@hh.ru/magritte-ui-icon/icon';
6
6
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
7
- import { S as SwitchSkeleton, s as styles } from './Skeleton-vdS1WG9E.js';
7
+ import { S as SwitchSkeleton, s as styles } from './Skeleton-qJqLTto5.js';
8
8
 
9
9
  const SwitchComponent = ({ onClick, 'aria-label': ariaLabel, disabled = false, checked = false, ...props }) => {
10
10
  const forceDisabled = useDisabled();
package/index.css CHANGED
@@ -1,133 +1,663 @@
1
1
  :root{
2
- --magritte-color-component-switch-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
3
- --magritte-color-component-switch-background-container-checked-v19-1-2:#0dc267;
4
- --magritte-color-component-switch-background-container-unchecked-v19-1-2:#DCE3EB;
5
- --magritte-color-component-switch-background-toggle-checked-v19-1-2:#ffffff;
6
- --magritte-color-component-switch-background-toggle-unchecked-v19-1-2:#ffffff;
7
- --magritte-color-component-switch-background-state-container-checked-hovered-v19-1-2:#5bcf83;
8
- --magritte-color-component-switch-background-state-container-checked-pressed-v19-1-2:#5bcf83;
9
- --magritte-color-component-switch-background-state-container-unchecked-hovered-v19-1-2:#CCD5DF;
10
- --magritte-color-component-switch-background-state-container-unchecked-pressed-v19-1-2:#CCD5DF;
11
- --magritte-color-component-switch-background-state-toggle-checked-pressed-v19-1-2:#ffffff;
12
- --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v19-1-2:#ffffff;
13
- --magritte-color-component-switch-background-state-container-checked-disabled-v19-1-2:#0dc2677a;
14
- --magritte-color-component-switch-background-state-container-unchecked-disabled-v19-1-2:#dce3eb7a;
15
- --magritte-color-component-switch-icon-state-toggle-checked-disabled-v19-1-2:#0ea6587a;
16
- --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v19-1-2:#7686947a;
17
- --magritte-shadow-level-1-color-v19-1-2:#7090b029;
18
- --magritte-shadow-level-1-x-v19-1-2:0px;
19
- --magritte-shadow-level-1-y-v19-1-2:4px;
20
- --magritte-shadow-level-1-blur-v19-1-2:12px;
21
- --magritte-shadow-level-1-spread-v19-1-2:0px;
2
+ --magritte-color-component-switch-stroke-state-focused-accessible-v20-0-1:#0070ff7a;
3
+ --magritte-color-component-switch-background-container-checked-v20-0-1:#0dc267;
4
+ --magritte-color-component-switch-background-container-unchecked-v20-0-1:#DCE3EB;
5
+ --magritte-color-component-switch-background-toggle-checked-v20-0-1:#ffffff;
6
+ --magritte-color-component-switch-background-toggle-unchecked-v20-0-1:#ffffff;
7
+ --magritte-color-component-switch-background-state-container-checked-hovered-v20-0-1:#5bcf83;
8
+ --magritte-color-component-switch-background-state-container-checked-pressed-v20-0-1:#5bcf83;
9
+ --magritte-color-component-switch-background-state-container-unchecked-hovered-v20-0-1:#CCD5DF;
10
+ --magritte-color-component-switch-background-state-container-unchecked-pressed-v20-0-1:#CCD5DF;
11
+ --magritte-color-component-switch-background-state-toggle-checked-pressed-v20-0-1:#ffffff;
12
+ --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v20-0-1:#ffffff;
13
+ --magritte-color-component-switch-background-state-container-checked-disabled-v20-0-1:#0dc2677a;
14
+ --magritte-color-component-switch-background-state-container-unchecked-disabled-v20-0-1:#dce3eb7a;
15
+ --magritte-color-component-switch-icon-state-toggle-checked-disabled-v20-0-1:#0ea6587a;
16
+ --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v20-0-1:#7686947a;
17
+ --magritte-shadow-level-1-color-v20-0-1:#7090b029;
18
+ --magritte-shadow-level-1-x-v20-0-1:0px;
19
+ --magritte-shadow-level-1-y-v20-0-1:4px;
20
+ --magritte-shadow-level-1-blur-v20-0-1:12px;
21
+ --magritte-shadow-level-1-spread-v20-0-1:0px;
22
22
  }
23
23
  :root{
24
- --magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v19-1-2:cubic-bezier(0.35, 0.1, 0.1, 1);
25
- --magritte-semantic-animation-ease-in-out-leopard-300-duration-v19-1-2:300ms;
24
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"hh sans";
25
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:500;
26
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
27
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
28
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
29
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
30
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
31
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
32
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"hh sans";
33
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:500;
34
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
35
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
36
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
37
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
38
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
39
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
40
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"hh sans";
41
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:500;
42
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
43
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
44
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
45
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
46
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
47
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
48
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"hh sans";
49
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:500;
50
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
51
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
52
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
53
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
54
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
55
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
56
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"hh sans";
57
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:500;
58
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
59
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
60
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
61
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
62
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
63
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
64
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"hh sans";
65
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:500;
66
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
67
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
68
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
69
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
70
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
71
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
72
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"hh sans";
73
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:500;
74
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
75
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
76
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
77
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
78
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
79
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
80
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"hh sans";
81
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:500;
82
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
83
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
84
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
85
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
86
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
87
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
88
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"hh sans";
89
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:500;
90
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
91
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
92
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
93
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
94
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
95
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
96
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"hh sans";
97
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
98
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
99
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
100
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
101
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
102
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
103
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
104
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"hh sans";
105
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
106
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
107
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
108
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
109
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
110
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
111
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
112
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"hh sans";
113
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
114
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
115
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
116
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
117
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
118
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
119
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
120
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"hh sans";
121
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
122
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
123
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
124
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
125
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
126
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
127
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
128
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"hh sans";
129
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
130
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
131
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
132
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
133
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
134
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
135
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
136
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"hh sans";
137
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
138
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
139
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
140
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
141
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
142
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
143
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
144
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"hh sans";
145
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
146
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
147
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
148
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
149
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
150
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
151
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
152
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"hh sans";
153
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
154
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
155
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
156
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
157
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
158
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
159
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
160
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"hh sans";
161
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
162
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
163
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
164
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
165
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
166
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
167
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
168
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"hh sans";
169
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:500;
170
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
171
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
172
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
173
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
174
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
175
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
176
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"hh sans";
177
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:500;
178
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
179
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
180
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
181
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
182
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
183
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
184
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"hh sans";
185
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:500;
186
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
187
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
188
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
189
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
190
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
191
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
192
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"hh sans";
193
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
194
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
195
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
196
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
197
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
198
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
199
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
200
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"hh sans";
201
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
202
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
203
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
204
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
205
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
206
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
207
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
208
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"hh sans";
209
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:500;
210
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
211
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
212
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
213
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
214
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
215
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
216
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"hh sans";
217
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:500;
218
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
219
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
220
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
221
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
222
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
223
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
224
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"hh sans";
225
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:500;
226
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
227
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
228
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
229
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
230
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
231
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
232
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"hh sans";
233
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:500;
234
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
235
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
236
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
237
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
238
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
239
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
240
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"hh sans";
241
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:500;
242
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
243
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
244
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
245
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
246
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
247
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
248
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"hh sans";
249
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:400;
250
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
251
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
252
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
253
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
254
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
255
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
256
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"hh sans";
257
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:400;
258
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
259
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
260
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
261
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
262
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
263
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
264
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"hh sans";
265
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:400;
266
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
267
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
268
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
269
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
270
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
271
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
272
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"hh sans";
273
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:400;
274
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
275
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
276
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
277
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
278
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
279
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
280
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"hh sans";
281
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:400;
282
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
283
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
284
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
285
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
286
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
287
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
288
+ --magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v20-0-1:cubic-bezier(0.35, 0.1, 0.1, 1);
289
+ --magritte-semantic-animation-ease-in-out-leopard-300-duration-v20-0-1:300ms;
26
290
  }
27
291
  .magritte-night-theme{
28
- --magritte-color-component-switch-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
29
- --magritte-color-component-switch-background-container-checked-v19-1-2:#0dc267;
30
- --magritte-color-component-switch-background-container-unchecked-v19-1-2:#303030;
31
- --magritte-color-component-switch-background-toggle-checked-v19-1-2:#ffffff;
32
- --magritte-color-component-switch-background-toggle-unchecked-v19-1-2:#ffffff;
33
- --magritte-color-component-switch-background-state-container-checked-hovered-v19-1-2:#5bcf83;
34
- --magritte-color-component-switch-background-state-container-checked-pressed-v19-1-2:#5bcf83;
35
- --magritte-color-component-switch-background-state-container-unchecked-hovered-v19-1-2:#3B3B3B;
36
- --magritte-color-component-switch-background-state-container-unchecked-pressed-v19-1-2:#3B3B3B;
37
- --magritte-color-component-switch-background-state-toggle-checked-pressed-v19-1-2:#ffffff;
38
- --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v19-1-2:#ffffff;
39
- --magritte-color-component-switch-background-state-container-checked-disabled-v19-1-2:#0dc2677a;
40
- --magritte-color-component-switch-background-state-container-unchecked-disabled-v19-1-2:#3030307a;
41
- --magritte-color-component-switch-icon-state-toggle-checked-disabled-v19-1-2:#0ea6587a;
42
- --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v19-1-2:#7686947a;
43
- --magritte-shadow-level-1-color-v19-1-2:#00000029;
44
- --magritte-shadow-level-1-x-v19-1-2:0px;
45
- --magritte-shadow-level-1-y-v19-1-2:4px;
46
- --magritte-shadow-level-1-blur-v19-1-2:12px;
47
- --magritte-shadow-level-1-spread-v19-1-2:0px;
48
- }
49
- .magritte-switch___0AZYC_2-0-25{
292
+ --magritte-color-component-switch-stroke-state-focused-accessible-v20-0-1:#0070ff7a;
293
+ --magritte-color-component-switch-background-container-checked-v20-0-1:#0dc267;
294
+ --magritte-color-component-switch-background-container-unchecked-v20-0-1:#303030;
295
+ --magritte-color-component-switch-background-toggle-checked-v20-0-1:#ffffff;
296
+ --magritte-color-component-switch-background-toggle-unchecked-v20-0-1:#ffffff;
297
+ --magritte-color-component-switch-background-state-container-checked-hovered-v20-0-1:#5bcf83;
298
+ --magritte-color-component-switch-background-state-container-checked-pressed-v20-0-1:#5bcf83;
299
+ --magritte-color-component-switch-background-state-container-unchecked-hovered-v20-0-1:#3B3B3B;
300
+ --magritte-color-component-switch-background-state-container-unchecked-pressed-v20-0-1:#3B3B3B;
301
+ --magritte-color-component-switch-background-state-toggle-checked-pressed-v20-0-1:#ffffff;
302
+ --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v20-0-1:#ffffff;
303
+ --magritte-color-component-switch-background-state-container-checked-disabled-v20-0-1:#0dc2677a;
304
+ --magritte-color-component-switch-background-state-container-unchecked-disabled-v20-0-1:#3030307a;
305
+ --magritte-color-component-switch-icon-state-toggle-checked-disabled-v20-0-1:#0ea6587a;
306
+ --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v20-0-1:#7686947a;
307
+ --magritte-shadow-level-1-color-v20-0-1:#00000029;
308
+ --magritte-shadow-level-1-x-v20-0-1:0px;
309
+ --magritte-shadow-level-1-y-v20-0-1:4px;
310
+ --magritte-shadow-level-1-blur-v20-0-1:12px;
311
+ --magritte-shadow-level-1-spread-v20-0-1:0px;
312
+ }
313
+ .magritte-with-inter{
314
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"Inter";
315
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:600;
316
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
317
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
318
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
319
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
320
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
321
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
322
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"Inter";
323
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:600;
324
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
325
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
326
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
327
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
328
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
329
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
330
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"Inter";
331
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:600;
332
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
333
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
334
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
335
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
336
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
337
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
338
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"Inter";
339
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:600;
340
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
341
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
342
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
343
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
344
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
345
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
346
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"Inter";
347
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:600;
348
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
349
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
350
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
351
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
352
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
353
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
354
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"Inter";
355
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:600;
356
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
357
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
358
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
359
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
360
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
361
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
362
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"Inter";
363
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:600;
364
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
365
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
366
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
367
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
368
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
369
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
370
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"Inter";
371
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:600;
372
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
373
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
374
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
375
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
376
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
377
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
378
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"Inter";
379
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:600;
380
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
381
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
382
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
383
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
384
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
385
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
386
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"Inter";
387
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
388
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
389
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
390
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
391
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
392
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
393
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
394
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"Inter";
395
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
396
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
397
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
398
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
399
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
400
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
401
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
402
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"Inter";
403
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
404
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
405
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
406
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
407
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
408
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
409
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
410
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"Inter";
411
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
412
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
413
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
414
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
415
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
416
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
417
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
418
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"Inter";
419
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
420
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
421
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
422
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
423
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
424
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
425
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
426
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"Inter";
427
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
428
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
429
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
430
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
431
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
432
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
433
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
434
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"Inter";
435
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
436
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
437
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
438
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
439
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
440
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
441
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
442
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"Inter";
443
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
444
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
445
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
446
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
447
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
448
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
449
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
450
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"Inter";
451
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
452
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
453
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
454
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
455
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
456
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
457
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
458
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"Inter";
459
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:600;
460
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
461
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
462
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
463
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
464
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
465
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
466
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"Inter";
467
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:600;
468
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
469
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
470
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
471
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
472
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
473
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
474
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"Inter";
475
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:600;
476
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
477
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
478
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
479
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
480
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
481
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
482
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"Inter";
483
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
484
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
485
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
486
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
487
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
488
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
489
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
490
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"Inter";
491
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
492
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
493
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
494
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
495
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
496
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
497
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
498
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"Inter";
499
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:undefined;
500
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
501
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
502
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
503
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
504
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
505
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
506
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"Inter";
507
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:undefined;
508
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
509
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
510
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
511
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
512
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
513
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
514
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"Inter";
515
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:undefined;
516
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
517
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
518
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
519
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
520
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
521
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
522
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"Inter";
523
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:undefined;
524
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
525
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
526
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
527
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
528
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
529
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
530
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"Inter";
531
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:undefined;
532
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
533
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
534
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
535
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
536
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
537
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
538
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"Inter";
539
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:200;
540
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
541
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
542
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
543
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
544
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
545
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
546
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"Inter";
547
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:200;
548
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
549
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
550
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
551
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
552
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
553
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
554
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"Inter";
555
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:200;
556
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
557
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
558
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
559
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
560
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
561
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
562
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"Inter";
563
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:200;
564
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
565
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
566
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
567
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
568
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
569
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
570
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"Inter";
571
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:200;
572
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
573
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
574
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
575
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
576
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
577
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
578
+ }
579
+ .magritte-switch___0AZYC_2-0-27{
50
580
  width:56px;
51
581
  height:36px;
52
- background-color:var(--magritte-color-component-switch-background-container-unchecked-v19-1-2);
582
+ background-color:var(--magritte-color-component-switch-background-container-unchecked-v20-0-1);
53
583
  border-radius:18px;
54
584
  cursor:pointer;
55
585
  position:relative;
56
586
  }
57
- .magritte-switch___0AZYC_2-0-25:active:not(:disabled){
58
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-pressed-v19-1-2);
587
+ .magritte-switch___0AZYC_2-0-27:active:not(:disabled){
588
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-pressed-v20-0-1);
59
589
  }
60
- .magritte-switch___0AZYC_2-0-25:active:not(:disabled) .magritte-slider___YN62u_2-0-25{
590
+ .magritte-switch___0AZYC_2-0-27:active:not(:disabled) .magritte-slider___YN62u_2-0-27{
61
591
  border-radius:14px;
62
- background-color:var(--magritte-color-component-switch-background-state-toggle-unchecked-pressed-v19-1-2);
592
+ background-color:var(--magritte-color-component-switch-background-state-toggle-unchecked-pressed-v20-0-1);
63
593
  width:36px;
64
594
  }
65
- .magritte-switch___0AZYC_2-0-25:disabled{
595
+ .magritte-switch___0AZYC_2-0-27:disabled{
66
596
  cursor:not-allowed;
67
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-disabled-v19-1-2);
597
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-disabled-v20-0-1);
68
598
  border-radius:20px;
69
599
  }
70
- .magritte-switch___0AZYC_2-0-25:disabled.magritte-checked___QEAn5_2-0-25{
71
- background-color:var(--magritte-color-component-switch-background-state-container-checked-disabled-v19-1-2);
600
+ .magritte-switch___0AZYC_2-0-27:disabled.magritte-checked___QEAn5_2-0-27{
601
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-disabled-v20-0-1);
72
602
  }
73
- .magritte-switch___0AZYC_2-0-25.focus-visible{
74
- outline:var(--magritte-color-component-switch-stroke-state-focused-accessible-v19-1-2) solid 4px;
603
+ .magritte-switch___0AZYC_2-0-27.focus-visible{
604
+ outline:var(--magritte-color-component-switch-stroke-state-focused-accessible-v20-0-1) solid 4px;
75
605
  }
76
606
  @media (min-width: 1020px){
77
- body.magritte-old-layout .magritte-switch___0AZYC_2-0-25:hover:not(:disabled):not(:active){
78
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v19-1-2);
607
+ body.magritte-old-layout .magritte-switch___0AZYC_2-0-27:hover:not(:disabled):not(:active){
608
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v20-0-1);
79
609
  }
80
610
  }
81
611
  @media (min-width: 1024px){
82
- body:not(.magritte-old-layout) .magritte-switch___0AZYC_2-0-25:hover:not(:disabled):not(:active){
83
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v19-1-2);
612
+ body:not(.magritte-old-layout) .magritte-switch___0AZYC_2-0-27:hover:not(:disabled):not(:active){
613
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v20-0-1);
84
614
  }
85
615
  }
86
- .magritte-slider___YN62u_2-0-25{
616
+ .magritte-slider___YN62u_2-0-27{
87
617
  width:28px;
88
618
  height:28px;
89
- background-color:var(--magritte-color-component-switch-background-toggle-unchecked-v19-1-2);
619
+ background-color:var(--magritte-color-component-switch-background-toggle-unchecked-v20-0-1);
90
620
  border-radius:50%;
91
621
  position:absolute;
92
622
  left:0;
93
623
  right:auto;
94
624
  top:0;
95
- transition-duration:var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v19-1-2);
96
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v19-1-2);
625
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v20-0-1);
626
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v20-0-1);
97
627
  margin:4px;
98
628
  display:flex;
99
629
  justify-content:center;
100
630
  align-items:center;
101
- --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v19-1-2);
102
- box-shadow:var(--magritte-shadow-level-1-x-v19-1-2) var(--magritte-shadow-level-1-y-v19-1-2) var(--magritte-shadow-level-1-blur-v19-1-2) var(--magritte-shadow-level-1-spread-v19-1-2) var(--magritte-shadow-level-1-color-v19-1-2);
631
+ --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v20-0-1);
632
+ box-shadow:var(--magritte-shadow-level-1-x-v20-0-1) var(--magritte-shadow-level-1-y-v20-0-1) var(--magritte-shadow-level-1-blur-v20-0-1) var(--magritte-shadow-level-1-spread-v20-0-1) var(--magritte-shadow-level-1-color-v20-0-1);
103
633
  }
104
- .magritte-checked___QEAn5_2-0-25{
105
- background-color:var(--magritte-color-component-switch-background-container-checked-v19-1-2);
634
+ .magritte-checked___QEAn5_2-0-27{
635
+ background-color:var(--magritte-color-component-switch-background-container-checked-v20-0-1);
106
636
  }
107
- .magritte-checked___QEAn5_2-0-25 .magritte-slider___YN62u_2-0-25{
108
- background-color:var(--magritte-color-component-switch-background-toggle-checked-v19-1-2);
637
+ .magritte-checked___QEAn5_2-0-27 .magritte-slider___YN62u_2-0-27{
638
+ background-color:var(--magritte-color-component-switch-background-toggle-checked-v20-0-1);
109
639
  left:calc(56px - (28px + 4px*2));
110
- --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-checked-disabled-v19-1-2);
640
+ --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-checked-disabled-v20-0-1);
111
641
  }
112
- .magritte-checked___QEAn5_2-0-25:active:not(:disabled){
113
- background-color:var(--magritte-color-component-switch-background-state-container-checked-pressed-v19-1-2);
642
+ .magritte-checked___QEAn5_2-0-27:active:not(:disabled){
643
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-pressed-v20-0-1);
114
644
  }
115
- .magritte-checked___QEAn5_2-0-25:active:not(:disabled) .magritte-slider___YN62u_2-0-25{
116
- background-color:var(--magritte-color-component-switch-background-state-toggle-checked-pressed-v19-1-2);
645
+ .magritte-checked___QEAn5_2-0-27:active:not(:disabled) .magritte-slider___YN62u_2-0-27{
646
+ background-color:var(--magritte-color-component-switch-background-state-toggle-checked-pressed-v20-0-1);
117
647
  width:36px;
118
648
  left:calc(56px - (36px + 4px*2));
119
649
  }
120
650
  @media (min-width: 1020px){
121
- body.magritte-old-layout .magritte-checked___QEAn5_2-0-25:hover:not(:disabled):not(:active){
122
- background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v19-1-2);
651
+ body.magritte-old-layout .magritte-checked___QEAn5_2-0-27:hover:not(:disabled):not(:active){
652
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v20-0-1);
123
653
  }
124
654
  }
125
655
  @media (min-width: 1024px){
126
- body:not(.magritte-old-layout) .magritte-checked___QEAn5_2-0-25:hover:not(:disabled):not(:active){
127
- background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v19-1-2);
656
+ body:not(.magritte-old-layout) .magritte-checked___QEAn5_2-0-27:hover:not(:disabled):not(:active){
657
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v20-0-1);
128
658
  }
129
659
  }
130
- .magritte-switch-skeleton___g1MEY_2-0-25{
660
+ .magritte-switch-skeleton___g1MEY_2-0-27{
131
661
  width:56px;
132
662
  height:36px;
133
663
  border-radius:18px;
package/index.js CHANGED
@@ -6,5 +6,5 @@ import 'classnames';
6
6
  import '@hh.ru/magritte-common-use-disabled';
7
7
  import '@hh.ru/magritte-ui-icon/icon';
8
8
  import '@hh.ru/magritte-ui-skeleton';
9
- import './Skeleton-vdS1WG9E.js';
9
+ import './Skeleton-qJqLTto5.js';
10
10
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-switch",
3
- "version": "2.0.25",
3
+ "version": "2.0.27",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,11 +21,11 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-common-use-disabled": "1.0.9",
24
- "@hh.ru/magritte-design-tokens": "19.1.2",
24
+ "@hh.ru/magritte-design-tokens": "20.0.1",
25
25
  "@hh.ru/magritte-ui-breakpoint": "4.1.0",
26
- "@hh.ru/magritte-ui-icon": "7.9.4",
27
- "@hh.ru/magritte-ui-skeleton": "2.1.15",
28
- "@hh.ru/magritte-ui-theme-provider": "1.1.31"
26
+ "@hh.ru/magritte-ui-icon": "7.9.6",
27
+ "@hh.ru/magritte-ui-skeleton": "2.1.17",
28
+ "@hh.ru/magritte-ui-theme-provider": "1.1.33"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "classnames": ">=2.3.2",
@@ -34,5 +34,5 @@
34
34
  "publishConfig": {
35
35
  "access": "public"
36
36
  },
37
- "gitHead": "d65b5cdffe3fa7e332b76033a4317c2bbe7d6b68"
37
+ "gitHead": "5e39c82ca3c8af74be5ac205406e44df626adcc6"
38
38
  }