@hh.ru/magritte-ui-switch 3.0.2 → 3.0.4

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-sOaB-WXU.js → Skeleton-DNUAeIhr.js} +2 -2
  2. package/{Skeleton-sOaB-WXU.js.map → Skeleton-DNUAeIhr.js.map} +1 -1
  3. package/Skeleton.js +1 -1
  4. package/Switch.js +1 -1
  5. package/index.css +104 -101
  6. package/index.js +1 -1
  7. package/package.json +5 -5
package/{Skeleton-sOaB-WXU.js → Skeleton-DNUAeIhr.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_3-0-2","slider":"magritte-slider___YN62u_3-0-2","checked":"magritte-checked___QEAn5_3-0-2","switch-skeleton":"magritte-switch-skeleton___g1MEY_3-0-2","switchSkeleton":"magritte-switch-skeleton___g1MEY_3-0-2"};
5
+ var styles = {"switch":"magritte-switch___0AZYC_3-0-4","slider":"magritte-slider___YN62u_3-0-4","checked":"magritte-checked___QEAn5_3-0-4","switch-skeleton":"magritte-switch-skeleton___g1MEY_3-0-4","switchSkeleton":"magritte-switch-skeleton___g1MEY_3-0-4"};
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-sOaB-WXU.js.map
12
+ //# sourceMappingURL=Skeleton-DNUAeIhr.js.map
package/{Skeleton-sOaB-WXU.js.map → Skeleton-DNUAeIhr.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-sOaB-WXU.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-DNUAeIhr.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-sOaB-WXU.js';
4
+ export { S as SwitchSkeleton } from './Skeleton-DNUAeIhr.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-sOaB-WXU.js';
7
+ import { S as SwitchSkeleton, s as styles } from './Skeleton-DNUAeIhr.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,155 +1,158 @@
1
1
  :root{
2
- --magritte-color-component-switch-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
3
- --magritte-color-component-switch-background-container-checked-v22-1-0:#0dc267;
4
- --magritte-color-component-switch-background-container-unchecked-v22-1-0:#DCE3EB;
5
- --magritte-color-component-switch-background-toggle-checked-v22-1-0:#ffffff;
6
- --magritte-color-component-switch-background-toggle-unchecked-v22-1-0:#ffffff;
7
- --magritte-color-component-switch-background-state-container-checked-hovered-v22-1-0:#5bcf83;
8
- --magritte-color-component-switch-background-state-container-checked-pressed-v22-1-0:#5bcf83;
9
- --magritte-color-component-switch-background-state-container-unchecked-hovered-v22-1-0:#CCD5DF;
10
- --magritte-color-component-switch-background-state-container-unchecked-pressed-v22-1-0:#CCD5DF;
11
- --magritte-color-component-switch-background-state-toggle-checked-pressed-v22-1-0:#ffffff;
12
- --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v22-1-0:#ffffff;
13
- --magritte-color-component-switch-background-state-container-checked-disabled-v22-1-0:#0dc2677a;
14
- --magritte-color-component-switch-background-state-container-unchecked-disabled-v22-1-0:#dce3eb7a;
15
- --magritte-color-component-switch-icon-state-toggle-checked-disabled-v22-1-0:#0ea6587a;
16
- --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v22-1-0:#7686947a;
17
- --magritte-shadow-level-1-color-v22-1-0:#7090b029;
18
- --magritte-shadow-level-1-x-v22-1-0:0px;
19
- --magritte-shadow-level-1-y-v22-1-0:4px;
20
- --magritte-shadow-level-1-blur-v22-1-0:12px;
21
- --magritte-shadow-level-1-spread-v22-1-0:0px;
22
- }
2
+ --magritte-color-component-switch-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
3
+ --magritte-color-component-switch-background-container-checked-v23-0-0:#0dc267;
4
+ --magritte-color-component-switch-background-container-unchecked-v23-0-0:#DCE3EB;
5
+ --magritte-color-component-switch-background-toggle-checked-v23-0-0:#ffffff;
6
+ --magritte-color-component-switch-background-toggle-unchecked-v23-0-0:#ffffff;
7
+ --magritte-color-component-switch-background-state-container-checked-hovered-v23-0-0:#5bcf83;
8
+ --magritte-color-component-switch-background-state-container-checked-pressed-v23-0-0:#5bcf83;
9
+ --magritte-color-component-switch-background-state-container-unchecked-hovered-v23-0-0:#CCD5DF;
10
+ --magritte-color-component-switch-background-state-container-unchecked-pressed-v23-0-0:#CCD5DF;
11
+ --magritte-color-component-switch-background-state-toggle-checked-pressed-v23-0-0:#ffffff;
12
+ --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v23-0-0:#ffffff;
13
+ --magritte-color-component-switch-background-state-container-checked-disabled-v23-0-0:#0dc2677a;
14
+ --magritte-color-component-switch-background-state-container-unchecked-disabled-v23-0-0:#dce3eb7a;
15
+ --magritte-color-component-switch-icon-state-toggle-checked-disabled-v23-0-0:#0ea6587a;
16
+ --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v23-0-0:#7686947a;
17
+ --magritte-shadow-level-1-color-v23-0-0:#7090b029;
18
+ --magritte-shadow-level-1-x-v23-0-0:0px;
19
+ --magritte-shadow-level-1-y-v23-0-0:4px;
20
+ --magritte-shadow-level-1-blur-v23-0-0:12px;
21
+ --magritte-shadow-level-1-spread-v23-0-0:0px;
22
+ }
23
+
23
24
  :root{
24
- --magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v22-1-0:cubic-bezier(0.35, 0.1, 0.1, 1);
25
- --magritte-semantic-animation-ease-in-out-leopard-300-duration-v22-1-0:300ms;
25
+ --magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v23-0-0:cubic-bezier(0.35, 0.1, 0.1, 1);
26
+ --magritte-semantic-animation-ease-in-out-leopard-300-duration-v23-0-0:300ms;
26
27
  }
28
+
27
29
  .magritte-night-theme{
28
- --magritte-color-component-switch-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
29
- --magritte-color-component-switch-background-container-checked-v22-1-0:#0dc267;
30
- --magritte-color-component-switch-background-container-unchecked-v22-1-0:#303030;
31
- --magritte-color-component-switch-background-toggle-checked-v22-1-0:#ffffff;
32
- --magritte-color-component-switch-background-toggle-unchecked-v22-1-0:#ffffff;
33
- --magritte-color-component-switch-background-state-container-checked-hovered-v22-1-0:#5bcf83;
34
- --magritte-color-component-switch-background-state-container-checked-pressed-v22-1-0:#5bcf83;
35
- --magritte-color-component-switch-background-state-container-unchecked-hovered-v22-1-0:#3B3B3B;
36
- --magritte-color-component-switch-background-state-container-unchecked-pressed-v22-1-0:#3B3B3B;
37
- --magritte-color-component-switch-background-state-toggle-checked-pressed-v22-1-0:#ffffff;
38
- --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v22-1-0:#ffffff;
39
- --magritte-color-component-switch-background-state-container-checked-disabled-v22-1-0:#0dc2677a;
40
- --magritte-color-component-switch-background-state-container-unchecked-disabled-v22-1-0:#3030307a;
41
- --magritte-color-component-switch-icon-state-toggle-checked-disabled-v22-1-0:#0ea6587a;
42
- --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v22-1-0:#7686947a;
43
- --magritte-shadow-level-1-color-v22-1-0:#00000029;
44
- --magritte-shadow-level-1-x-v22-1-0:0px;
45
- --magritte-shadow-level-1-y-v22-1-0:4px;
46
- --magritte-shadow-level-1-blur-v22-1-0:12px;
47
- --magritte-shadow-level-1-spread-v22-1-0:0px;
48
- }
30
+ --magritte-color-component-switch-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
31
+ --magritte-color-component-switch-background-container-checked-v23-0-0:#0dc267;
32
+ --magritte-color-component-switch-background-container-unchecked-v23-0-0:#303030;
33
+ --magritte-color-component-switch-background-toggle-checked-v23-0-0:#ffffff;
34
+ --magritte-color-component-switch-background-toggle-unchecked-v23-0-0:#ffffff;
35
+ --magritte-color-component-switch-background-state-container-checked-hovered-v23-0-0:#5bcf83;
36
+ --magritte-color-component-switch-background-state-container-checked-pressed-v23-0-0:#5bcf83;
37
+ --magritte-color-component-switch-background-state-container-unchecked-hovered-v23-0-0:#3B3B3B;
38
+ --magritte-color-component-switch-background-state-container-unchecked-pressed-v23-0-0:#3B3B3B;
39
+ --magritte-color-component-switch-background-state-toggle-checked-pressed-v23-0-0:#ffffff;
40
+ --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v23-0-0:#ffffff;
41
+ --magritte-color-component-switch-background-state-container-checked-disabled-v23-0-0:#0dc2677a;
42
+ --magritte-color-component-switch-background-state-container-unchecked-disabled-v23-0-0:#3030307a;
43
+ --magritte-color-component-switch-icon-state-toggle-checked-disabled-v23-0-0:#0ea6587a;
44
+ --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v23-0-0:#7686947a;
45
+ --magritte-shadow-level-1-color-v23-0-0:#00000029;
46
+ --magritte-shadow-level-1-x-v23-0-0:0px;
47
+ --magritte-shadow-level-1-y-v23-0-0:4px;
48
+ --magritte-shadow-level-1-blur-v23-0-0:12px;
49
+ --magritte-shadow-level-1-spread-v23-0-0:0px;
50
+ }
51
+
49
52
  .magritte-zp-day-theme{
50
- --magritte-color-component-switch-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
51
- --magritte-color-component-switch-background-container-checked-v22-1-0:#0dc267;
52
- --magritte-color-component-switch-background-container-unchecked-v22-1-0:#DCE3EB;
53
- --magritte-color-component-switch-background-toggle-checked-v22-1-0:#ffffff;
54
- --magritte-color-component-switch-background-toggle-unchecked-v22-1-0:#ffffff;
55
- --magritte-color-component-switch-background-state-container-checked-hovered-v22-1-0:#5bcf83;
56
- --magritte-color-component-switch-background-state-container-checked-pressed-v22-1-0:#5bcf83;
57
- --magritte-color-component-switch-background-state-container-unchecked-hovered-v22-1-0:#CCD5DF;
58
- --magritte-color-component-switch-background-state-container-unchecked-pressed-v22-1-0:#CCD5DF;
59
- --magritte-color-component-switch-background-state-toggle-checked-pressed-v22-1-0:#ffffff;
60
- --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v22-1-0:#ffffff;
61
- --magritte-color-component-switch-background-state-container-checked-disabled-v22-1-0:#0dc2677a;
62
- --magritte-color-component-switch-background-state-container-unchecked-disabled-v22-1-0:#dce3eb7a;
63
- --magritte-color-component-switch-icon-state-toggle-checked-disabled-v22-1-0:#0ea6587a;
64
- --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v22-1-0:#7686947a;
65
- --magritte-shadow-level-1-color-v22-1-0:#7090b029;
66
- --magritte-shadow-level-1-x-v22-1-0:0px;
67
- --magritte-shadow-level-1-y-v22-1-0:4px;
68
- --magritte-shadow-level-1-blur-v22-1-0:12px;
69
- --magritte-shadow-level-1-spread-v22-1-0:0px;
70
- }
71
- .magritte-switch___0AZYC_3-0-2{
53
+ --magritte-color-component-switch-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
54
+ --magritte-color-component-switch-background-container-checked-v23-0-0:#0dc267;
55
+ --magritte-color-component-switch-background-container-unchecked-v23-0-0:#DCE3EB;
56
+ --magritte-color-component-switch-background-toggle-checked-v23-0-0:#ffffff;
57
+ --magritte-color-component-switch-background-toggle-unchecked-v23-0-0:#ffffff;
58
+ --magritte-color-component-switch-background-state-container-checked-hovered-v23-0-0:#5bcf83;
59
+ --magritte-color-component-switch-background-state-container-checked-pressed-v23-0-0:#5bcf83;
60
+ --magritte-color-component-switch-background-state-container-unchecked-hovered-v23-0-0:#CCD5DF;
61
+ --magritte-color-component-switch-background-state-container-unchecked-pressed-v23-0-0:#CCD5DF;
62
+ --magritte-color-component-switch-background-state-toggle-checked-pressed-v23-0-0:#ffffff;
63
+ --magritte-color-component-switch-background-state-toggle-unchecked-pressed-v23-0-0:#ffffff;
64
+ --magritte-color-component-switch-background-state-container-checked-disabled-v23-0-0:#0dc2677a;
65
+ --magritte-color-component-switch-background-state-container-unchecked-disabled-v23-0-0:#dce3eb7a;
66
+ --magritte-color-component-switch-icon-state-toggle-checked-disabled-v23-0-0:#0ea6587a;
67
+ --magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v23-0-0:#7686947a;
68
+ --magritte-shadow-level-1-color-v23-0-0:#7090b029;
69
+ --magritte-shadow-level-1-x-v23-0-0:0px;
70
+ --magritte-shadow-level-1-y-v23-0-0:4px;
71
+ --magritte-shadow-level-1-blur-v23-0-0:12px;
72
+ --magritte-shadow-level-1-spread-v23-0-0:0px;
73
+ }
74
+ .magritte-switch___0AZYC_3-0-4{
72
75
  width:52px;
73
76
  height:32px;
74
- background-color:var(--magritte-color-component-switch-background-container-unchecked-v22-1-0);
77
+ background-color:var(--magritte-color-component-switch-background-container-unchecked-v23-0-0);
75
78
  border-radius:16px;
76
79
  cursor:pointer;
77
80
  position:relative;
78
81
  }
79
- .magritte-switch___0AZYC_3-0-2:active:not(:disabled){
80
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-pressed-v22-1-0);
82
+ .magritte-switch___0AZYC_3-0-4:active:not(:disabled){
83
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-pressed-v23-0-0);
81
84
  }
82
- .magritte-switch___0AZYC_3-0-2:active:not(:disabled) .magritte-slider___YN62u_3-0-2{
85
+ .magritte-switch___0AZYC_3-0-4:active:not(:disabled) .magritte-slider___YN62u_3-0-4{
83
86
  border-radius:14px;
84
- background-color:var(--magritte-color-component-switch-background-state-toggle-unchecked-pressed-v22-1-0);
87
+ background-color:var(--magritte-color-component-switch-background-state-toggle-unchecked-pressed-v23-0-0);
85
88
  width:32px;
86
89
  }
87
- .magritte-switch___0AZYC_3-0-2:disabled{
90
+ .magritte-switch___0AZYC_3-0-4:disabled{
88
91
  cursor:not-allowed;
89
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-disabled-v22-1-0);
92
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-disabled-v23-0-0);
90
93
  border-radius:20px;
91
94
  }
92
- .magritte-switch___0AZYC_3-0-2:disabled.magritte-checked___QEAn5_3-0-2{
93
- background-color:var(--magritte-color-component-switch-background-state-container-checked-disabled-v22-1-0);
95
+ .magritte-switch___0AZYC_3-0-4:disabled.magritte-checked___QEAn5_3-0-4{
96
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-disabled-v23-0-0);
94
97
  }
95
- .magritte-switch___0AZYC_3-0-2.focus-visible{
96
- outline:var(--magritte-color-component-switch-stroke-state-focused-accessible-v22-1-0) solid 4px;
98
+ .magritte-switch___0AZYC_3-0-4.focus-visible{
99
+ outline:var(--magritte-color-component-switch-stroke-state-focused-accessible-v23-0-0) solid 4px;
97
100
  }
98
101
  @media (min-width: 1020px){
99
- body.magritte-old-layout .magritte-switch___0AZYC_3-0-2:hover:not(:disabled):not(:active){
100
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v22-1-0);
102
+ body.magritte-old-layout .magritte-switch___0AZYC_3-0-4:hover:not(:disabled):not(:active){
103
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v23-0-0);
101
104
  }
102
105
  }
103
106
  @media (min-width: 1024px){
104
- body:not(.magritte-old-layout) .magritte-switch___0AZYC_3-0-2:hover:not(:disabled):not(:active){
105
- background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v22-1-0);
107
+ body:not(.magritte-old-layout) .magritte-switch___0AZYC_3-0-4:hover:not(:disabled):not(:active){
108
+ background-color:var(--magritte-color-component-switch-background-state-container-unchecked-hovered-v23-0-0);
106
109
  }
107
110
  }
108
- .magritte-slider___YN62u_3-0-2{
111
+ .magritte-slider___YN62u_3-0-4{
109
112
  width:24px;
110
113
  height:24px;
111
- background-color:var(--magritte-color-component-switch-background-toggle-unchecked-v22-1-0);
114
+ background-color:var(--magritte-color-component-switch-background-toggle-unchecked-v23-0-0);
112
115
  border-radius:50%;
113
116
  position:absolute;
114
117
  left:0;
115
118
  right:auto;
116
119
  top:0;
117
- transition-duration:var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v22-1-0);
118
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v22-1-0);
120
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v23-0-0);
121
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v23-0-0);
119
122
  margin:4px;
120
123
  display:flex;
121
124
  justify-content:center;
122
125
  align-items:center;
123
- --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v22-1-0);
124
- box-shadow:var(--magritte-shadow-level-1-x-v22-1-0) var(--magritte-shadow-level-1-y-v22-1-0) var(--magritte-shadow-level-1-blur-v22-1-0) var(--magritte-shadow-level-1-spread-v22-1-0) var(--magritte-shadow-level-1-color-v22-1-0);
126
+ --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-unchecked-disabled-v23-0-0);
127
+ box-shadow:var(--magritte-shadow-level-1-x-v23-0-0) var(--magritte-shadow-level-1-y-v23-0-0) var(--magritte-shadow-level-1-blur-v23-0-0) var(--magritte-shadow-level-1-spread-v23-0-0) var(--magritte-shadow-level-1-color-v23-0-0);
125
128
  }
126
- .magritte-checked___QEAn5_3-0-2{
127
- background-color:var(--magritte-color-component-switch-background-container-checked-v22-1-0);
129
+ .magritte-checked___QEAn5_3-0-4{
130
+ background-color:var(--magritte-color-component-switch-background-container-checked-v23-0-0);
128
131
  }
129
- .magritte-checked___QEAn5_3-0-2 .magritte-slider___YN62u_3-0-2{
130
- background-color:var(--magritte-color-component-switch-background-toggle-checked-v22-1-0);
132
+ .magritte-checked___QEAn5_3-0-4 .magritte-slider___YN62u_3-0-4{
133
+ background-color:var(--magritte-color-component-switch-background-toggle-checked-v23-0-0);
131
134
  left:calc(52px - (24px + 4px*2));
132
- --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-checked-disabled-v22-1-0);
135
+ --magritte-ui-icon-color-override:var(--magritte-color-component-switch-icon-state-toggle-checked-disabled-v23-0-0);
133
136
  }
134
- .magritte-checked___QEAn5_3-0-2:active:not(:disabled){
135
- background-color:var(--magritte-color-component-switch-background-state-container-checked-pressed-v22-1-0);
137
+ .magritte-checked___QEAn5_3-0-4:active:not(:disabled){
138
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-pressed-v23-0-0);
136
139
  }
137
- .magritte-checked___QEAn5_3-0-2:active:not(:disabled) .magritte-slider___YN62u_3-0-2{
138
- background-color:var(--magritte-color-component-switch-background-state-toggle-checked-pressed-v22-1-0);
140
+ .magritte-checked___QEAn5_3-0-4:active:not(:disabled) .magritte-slider___YN62u_3-0-4{
141
+ background-color:var(--magritte-color-component-switch-background-state-toggle-checked-pressed-v23-0-0);
139
142
  width:32px;
140
143
  left:calc(52px - (32px + 4px*2));
141
144
  }
142
145
  @media (min-width: 1020px){
143
- body.magritte-old-layout .magritte-checked___QEAn5_3-0-2:hover:not(:disabled):not(:active){
144
- background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v22-1-0);
146
+ body.magritte-old-layout .magritte-checked___QEAn5_3-0-4:hover:not(:disabled):not(:active){
147
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v23-0-0);
145
148
  }
146
149
  }
147
150
  @media (min-width: 1024px){
148
- body:not(.magritte-old-layout) .magritte-checked___QEAn5_3-0-2:hover:not(:disabled):not(:active){
149
- background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v22-1-0);
151
+ body:not(.magritte-old-layout) .magritte-checked___QEAn5_3-0-4:hover:not(:disabled):not(:active){
152
+ background-color:var(--magritte-color-component-switch-background-state-container-checked-hovered-v23-0-0);
150
153
  }
151
154
  }
152
- .magritte-switch-skeleton___g1MEY_3-0-2{
155
+ .magritte-switch-skeleton___g1MEY_3-0-4{
153
156
  width:52px;
154
157
  height:32px;
155
158
  border-radius:16px;
package/index.js CHANGED
@@ -5,5 +5,5 @@ import 'classnames';
5
5
  import '@hh.ru/magritte-common-use-disabled';
6
6
  import '@hh.ru/magritte-ui-icon/icon';
7
7
  import '@hh.ru/magritte-ui-skeleton';
8
- import './Skeleton-sOaB-WXU.js';
8
+ import './Skeleton-DNUAeIhr.js';
9
9
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-switch",
3
- "version": "3.0.2",
3
+ "version": "3.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,10 +20,10 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-disabled": "1.0.12",
23
- "@hh.ru/magritte-design-tokens": "22.1.0",
23
+ "@hh.ru/magritte-design-tokens": "23.0.0",
24
24
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
25
- "@hh.ru/magritte-ui-icon": "12.1.0",
26
- "@hh.ru/magritte-ui-skeleton": "3.0.0"
25
+ "@hh.ru/magritte-ui-icon": "12.2.1",
26
+ "@hh.ru/magritte-ui-skeleton": "3.0.1"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "classnames": ">=2.3.2",
@@ -32,5 +32,5 @@
32
32
  "publishConfig": {
33
33
  "access": "public"
34
34
  },
35
- "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
35
+ "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
36
36
  }