@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.
Files changed (81) hide show
  1. package/Component.d.ts +6 -8
  2. package/Component.js +18 -23
  3. package/Component.js.map +1 -0
  4. package/cssm/Component.d.ts +6 -8
  5. package/cssm/Component.js +3 -2
  6. package/cssm/Component.js.map +1 -0
  7. package/cssm/default.module.css +2 -35
  8. package/cssm/index.d.ts +1 -1
  9. package/cssm/index.js +1 -0
  10. package/cssm/index.js.map +1 -0
  11. package/cssm/index.module.css +12 -43
  12. package/cssm/inverted.module.css +2 -35
  13. package/cssm/types/colors.d.ts +1 -2
  14. package/cssm/types/colors.js +1 -0
  15. package/cssm/types/colors.js.map +1 -0
  16. package/default.css +13 -47
  17. package/default.module.css.js +8 -0
  18. package/default.module.css.js.map +1 -0
  19. package/esm/Component.d.ts +6 -8
  20. package/esm/Component.js +4 -9
  21. package/esm/Component.js.map +1 -0
  22. package/esm/default.css +13 -47
  23. package/esm/default.module.css.js +6 -0
  24. package/esm/default.module.css.js.map +1 -0
  25. package/esm/index.css +27 -59
  26. package/esm/index.d.ts +1 -1
  27. package/esm/index.js +1 -0
  28. package/esm/index.js.map +1 -0
  29. package/esm/index.module.css.js +6 -0
  30. package/esm/index.module.css.js.map +1 -0
  31. package/esm/inverted.css +13 -47
  32. package/esm/inverted.module.css.js +6 -0
  33. package/esm/inverted.module.css.js.map +1 -0
  34. package/esm/types/colors.d.ts +1 -2
  35. package/esm/types/colors.js +1 -0
  36. package/esm/types/colors.js.map +1 -0
  37. package/index.css +27 -59
  38. package/index.d.ts +1 -1
  39. package/index.js +1 -0
  40. package/index.js.map +1 -0
  41. package/index.module.css.js +8 -0
  42. package/index.module.css.js.map +1 -0
  43. package/inverted.css +13 -47
  44. package/inverted.module.css.js +8 -0
  45. package/inverted.module.css.js.map +1 -0
  46. package/modern/Component.d.ts +6 -8
  47. package/modern/Component.js +4 -9
  48. package/modern/Component.js.map +1 -0
  49. package/modern/default.css +13 -47
  50. package/modern/default.module.css.js +6 -0
  51. package/modern/default.module.css.js.map +1 -0
  52. package/modern/index.css +27 -59
  53. package/modern/index.d.ts +1 -1
  54. package/modern/index.js +1 -0
  55. package/modern/index.js.map +1 -0
  56. package/modern/index.module.css.js +6 -0
  57. package/modern/index.module.css.js.map +1 -0
  58. package/modern/inverted.css +13 -47
  59. package/modern/inverted.module.css.js +6 -0
  60. package/modern/inverted.module.css.js.map +1 -0
  61. package/modern/types/colors.d.ts +1 -2
  62. package/modern/types/colors.js +1 -0
  63. package/modern/types/colors.js.map +1 -0
  64. package/moderncssm/Component.d.ts +6 -8
  65. package/moderncssm/Component.js +1 -0
  66. package/moderncssm/Component.js.map +1 -0
  67. package/moderncssm/default.module.css +0 -13
  68. package/moderncssm/index.d.ts +1 -1
  69. package/moderncssm/index.js +1 -0
  70. package/moderncssm/index.js.map +1 -0
  71. package/moderncssm/index.module.css +0 -18
  72. package/moderncssm/inverted.module.css +0 -13
  73. package/moderncssm/types/colors.d.ts +1 -2
  74. package/moderncssm/types/colors.js +1 -0
  75. package/moderncssm/types/colors.js.map +1 -0
  76. package/package.json +6 -5
  77. package/types/colors.d.ts +1 -2
  78. package/types/colors.js +1 -0
  79. package/types/colors.js.map +1 -0
  80. package/cssm/vars.css +0 -14
  81. package/moderncssm/vars.css +0 -14
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -1 +1,2 @@
1
1
  export { Switch } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
@@ -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';
@@ -1 +1,2 @@
1
1
 
2
+ //# sourceMappingURL=colors.js.map
@@ -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": "4.5.9",
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": "^0.18.0",
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": "13.7.4",
26
- "varsVersion": "9.20.1"
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
@@ -1,2 +1,3 @@
1
1
  'use strict';
2
2
 
3
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
package/cssm/vars.css DELETED
@@ -1,14 +0,0 @@
1
- :root {
2
-
3
- /* inverted */
4
-
5
- /* hover */
6
-
7
- /* checked */
8
-
9
- /* disabled */
10
-
11
- /* disabled checked */
12
-
13
- /* icon */
14
- }
@@ -1,14 +0,0 @@
1
- :root {
2
-
3
- /* inverted */
4
-
5
- /* hover */
6
-
7
- /* checked */
8
-
9
- /* disabled */
10
-
11
- /* disabled checked */
12
-
13
- /* icon */
14
- }