@hh.ru/magritte-ui-switch 2.0.31 → 2.0.33

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