@alfalab/core-components-switch 4.5.9 → 5.0.0-snapshot-6a9d3fc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.d.ts +6 -8
- package/Component.js +18 -23
- package/Component.js.map +1 -0
- package/cssm/Component.d.ts +6 -8
- package/cssm/Component.js +3 -2
- package/cssm/Component.js.map +1 -0
- package/cssm/default.module.css +2 -35
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +12 -43
- package/cssm/inverted.module.css +2 -35
- package/cssm/types/colors.d.ts +1 -2
- package/cssm/types/colors.js +1 -0
- package/cssm/types/colors.js.map +1 -0
- package/default.css +13 -47
- package/default.module.css.js +8 -0
- package/default.module.css.js.map +1 -0
- package/esm/Component.d.ts +6 -8
- package/esm/Component.js +4 -9
- package/esm/Component.js.map +1 -0
- package/esm/default.css +13 -47
- package/esm/default.module.css.js +6 -0
- package/esm/default.module.css.js.map +1 -0
- package/esm/index.css +27 -59
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/inverted.css +13 -47
- package/esm/inverted.module.css.js +6 -0
- package/esm/inverted.module.css.js.map +1 -0
- package/esm/types/colors.d.ts +1 -2
- package/esm/types/colors.js +1 -0
- package/esm/types/colors.js.map +1 -0
- package/index.css +27 -59
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/inverted.css +13 -47
- package/inverted.module.css.js +8 -0
- package/inverted.module.css.js.map +1 -0
- package/modern/Component.d.ts +6 -8
- package/modern/Component.js +4 -9
- package/modern/Component.js.map +1 -0
- package/modern/default.css +13 -47
- package/modern/default.module.css.js +6 -0
- package/modern/default.module.css.js.map +1 -0
- package/modern/index.css +27 -59
- package/modern/index.d.ts +1 -1
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/inverted.css +13 -47
- package/modern/inverted.module.css.js +6 -0
- package/modern/inverted.module.css.js.map +1 -0
- package/modern/types/colors.d.ts +1 -2
- package/modern/types/colors.js +1 -0
- package/modern/types/colors.js.map +1 -0
- package/moderncssm/Component.d.ts +6 -8
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/default.module.css +0 -13
- package/moderncssm/index.d.ts +1 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -18
- package/moderncssm/inverted.module.css +0 -13
- package/moderncssm/types/colors.d.ts +1 -2
- package/moderncssm/types/colors.js +1 -0
- package/moderncssm/types/colors.js.map +1 -0
- package/package.json +6 -5
- package/types/colors.d.ts +1 -2
- package/types/colors.js +1 -0
- package/types/colors.js.map +1 -0
- package/cssm/vars.css +0 -14
- package/moderncssm/vars.css +0 -14
package/moderncssm/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/moderncssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,19 +1,6 @@
|
|
|
1
|
-
/* */
|
|
2
1
|
:root {
|
|
3
2
|
--switch-border-color: transparent;
|
|
4
3
|
--switch-error-color: var(--color-light-text-negative);
|
|
5
|
-
|
|
6
|
-
/* inverted */
|
|
7
|
-
|
|
8
|
-
/* hover */
|
|
9
|
-
|
|
10
|
-
/* checked */
|
|
11
|
-
|
|
12
|
-
/* disabled */
|
|
13
|
-
|
|
14
|
-
/* disabled checked */
|
|
15
|
-
|
|
16
|
-
/* icon */
|
|
17
4
|
--switch-icon-color: var(--color-static-neutral-0);
|
|
18
5
|
}
|
|
19
6
|
.component {
|
|
@@ -92,7 +79,6 @@
|
|
|
92
79
|
font-weight: 400;
|
|
93
80
|
display: block;
|
|
94
81
|
}
|
|
95
|
-
/* Reversed state */
|
|
96
82
|
.component.reversed {
|
|
97
83
|
flex-direction: row-reverse;
|
|
98
84
|
}
|
|
@@ -106,16 +92,12 @@
|
|
|
106
92
|
margin-right: auto;
|
|
107
93
|
padding-right: var(--gap-16);
|
|
108
94
|
}
|
|
109
|
-
/* Checked state */
|
|
110
95
|
.checked .switch:before {
|
|
111
|
-
/* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
|
|
112
96
|
transform: translateX(16px);
|
|
113
97
|
}
|
|
114
|
-
/* Disabled state */
|
|
115
98
|
.disabled {
|
|
116
99
|
cursor: var(--disabled-cursor);
|
|
117
100
|
}
|
|
118
|
-
/* Focused state */
|
|
119
101
|
.focused .switch {
|
|
120
102
|
outline: 2px solid var(--focus-color);
|
|
121
103
|
outline-offset: 2px;
|
|
@@ -1,26 +1,13 @@
|
|
|
1
|
-
/* */
|
|
2
1
|
:root {
|
|
3
|
-
|
|
4
|
-
/* inverted */
|
|
5
2
|
--switch-label-inverted-color: var(--color-light-text-primary-inverted);
|
|
6
3
|
--switch-hint-inverted-color: var(--color-light-text-secondary-inverted);
|
|
7
4
|
--switch-checked-bg-inverted-color: var(--color-light-status-positive-inverted);
|
|
8
5
|
--switch-checked-hover-bg-inverted-color: var(--color-light-status-positive-inverted-hover);
|
|
9
6
|
--switch-bg-inverted-color: var(--color-light-neutral-translucent-700-inverted);
|
|
10
|
-
|
|
11
|
-
/* hover */
|
|
12
7
|
--switch-hover-bg-inverted-color: var(--color-light-neutral-translucent-700-inverted-hover);
|
|
13
|
-
|
|
14
|
-
/* checked */
|
|
15
|
-
|
|
16
|
-
/* disabled */
|
|
17
8
|
--switch-disabled-inverted-color: var(--color-light-text-secondary-inverted);
|
|
18
9
|
--switch-disabled-bg-inverted-color: var(--color-light-neutral-translucent-200-inverted);
|
|
19
|
-
|
|
20
|
-
/* disabled checked */
|
|
21
10
|
--switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
|
|
22
|
-
|
|
23
|
-
/* icon */
|
|
24
11
|
--switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
|
|
25
12
|
}
|
|
26
13
|
.switch {
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
type Colors = 'default' | 'inverted';
|
|
2
|
-
export { Colors };
|
|
1
|
+
export declare type Colors = 'default' | 'inverted';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-switch",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0-snapshot-6a9d3fc",
|
|
4
4
|
"description": "",
|
|
5
5
|
"gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
|
|
6
6
|
"keywords": [],
|
|
@@ -13,15 +13,16 @@
|
|
|
13
13
|
},
|
|
14
14
|
"sideEffects": false,
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
|
+
"react": "^16.9.0 || ^17.0.1 || ^18.0.0",
|
|
17
|
+
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
17
18
|
},
|
|
18
19
|
"dependencies": {
|
|
19
20
|
"@alfalab/hooks": "^1.13.1",
|
|
20
|
-
"@alfalab/core-components-shared": "
|
|
21
|
+
"@alfalab/core-components-shared": "1.0.0-snapshot-6a9d3fc",
|
|
21
22
|
"classnames": "^2.5.1",
|
|
22
23
|
"react-merge-refs": "^1.1.0",
|
|
23
24
|
"tslib": "^2.4.0"
|
|
24
25
|
},
|
|
25
|
-
"themesVersion": "
|
|
26
|
-
"varsVersion": "
|
|
26
|
+
"themesVersion": "14.0.0-snapshot-6a9d3fc",
|
|
27
|
+
"varsVersion": "10.0.0-snapshot-6a9d3fc"
|
|
27
28
|
}
|
package/types/colors.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
type Colors = 'default' | 'inverted';
|
|
2
|
-
export { Colors };
|
|
1
|
+
export declare type Colors = 'default' | 'inverted';
|
package/types/colors.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/cssm/vars.css
DELETED