@rescui/toggle 0.3.6 → 0.3.7

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 (3) hide show
  1. package/lib/index.css +22 -22
  2. package/lib/toggle.p.module.css.js +10 -10
  3. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,33 +1,33 @@
1
- ._themeLight_1kfwa8_6{
1
+ ._themeLight_mhnbt2_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1kfwa8_9{
4
+ ._themeDark_mhnbt2_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1kfwa8_13{
7
+ ._sizeS_mhnbt2_13{
8
8
  --_rs-toggle-width:20px;
9
9
  --_rs-toggle-height:12px;
10
10
  --_rs-toggle-shadow:3px;
11
11
  }
12
- ._sizeM_1kfwa8_16{
12
+ ._sizeM_mhnbt2_16{
13
13
  --_rs-toggle-width:28px;
14
14
  --_rs-toggle-height:16px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeL_1kfwa8_19{
17
+ ._sizeL_mhnbt2_19{
18
18
  --_rs-toggle-width:32px;
19
19
  --_rs-toggle-height:18px;
20
20
  --_rs-toggle-shadow:4px;
21
21
  }
22
- ._classic_1kfwa8_23{
22
+ ._classic_mhnbt2_23{
23
23
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
24
24
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
25
25
  }
26
- ._rock_1kfwa8_26{
26
+ ._rock_mhnbt2_26{
27
27
  --_rs-toggle-hover-slider-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
28
28
  --_rs-toggle-checked-slider-background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
29
29
  }
30
- ._main_1kfwa8_30{
30
+ ._main_mhnbt2_30{
31
31
  --_rs-toggle-circle-border:2px;
32
32
 
33
33
  --_rs-theme-dark:var(
@@ -42,7 +42,7 @@
42
42
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
43
43
  }
44
44
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
45
- ._main_1kfwa8_30{
45
+ ._main_mhnbt2_30{
46
46
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
47
47
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
48
48
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
54
- ._main_1kfwa8_30{
54
+ ._main_mhnbt2_30{
55
55
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
56
56
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
57
57
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -59,7 +59,7 @@
59
59
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
60
60
  }
61
61
  }
62
- ._main_1kfwa8_30 {
62
+ ._main_mhnbt2_30 {
63
63
 
64
64
  position:relative;
65
65
 
@@ -76,7 +76,7 @@
76
76
 
77
77
  cursor:pointer;
78
78
  }
79
- ._main_1kfwa8_30 input{
79
+ ._main_mhnbt2_30 input{
80
80
  position:absolute;
81
81
  z-index:-1;
82
82
 
@@ -86,11 +86,11 @@
86
86
 
87
87
  pointer-events:none;
88
88
  }
89
- ._main_1kfwa8_30._disabled_1kfwa8_57{
89
+ ._main_mhnbt2_30._disabled_mhnbt2_57{
90
90
  cursor:default;
91
91
  pointer-events:none;
92
92
  }
93
- ._slider_1kfwa8_63{
93
+ ._slider_mhnbt2_63{
94
94
  position:absolute;
95
95
  top:var(--_rs-toggle-shadow);
96
96
  left:var(--_rs-toggle-shadow);
@@ -106,7 +106,7 @@
106
106
 
107
107
  transition:background-color 200ms;
108
108
  }
109
- ._slider_1kfwa8_63:after{
109
+ ._slider_mhnbt2_63:after{
110
110
  position:absolute;
111
111
  top:0;
112
112
  left:0;
@@ -134,15 +134,15 @@
134
134
  -webkit-transform:translate(0);
135
135
  transform:translate(0);
136
136
  }
137
- ._disabled_1kfwa8_57 ._slider_1kfwa8_63{
137
+ ._disabled_mhnbt2_57 ._slider_mhnbt2_63{
138
138
  background:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
139
139
  }
140
- ._disabled_1kfwa8_57 ._slider_1kfwa8_63:after{
140
+ ._disabled_mhnbt2_57 ._slider_mhnbt2_63:after{
141
141
  border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
142
142
 
143
143
  background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
144
144
  }
145
- input:checked + ._slider_1kfwa8_63:after{
145
+ input:checked + ._slider_mhnbt2_63:after{
146
146
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
147
147
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
148
148
 
@@ -156,17 +156,17 @@ input:checked + ._slider_1kfwa8_63:after{
156
156
  calc(var(--_rs-toggle-circle-border)/-2)
157
157
  );
158
158
  }
159
- ._main_1kfwa8_30:not(._disabled_1kfwa8_57) input:hover + ._slider_1kfwa8_63{
159
+ ._main_mhnbt2_30:not(._disabled_mhnbt2_57) input:hover + ._slider_mhnbt2_63{
160
160
  -webkit-box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
161
161
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
162
162
  }
163
- ._main_1kfwa8_30:not(._disabled_1kfwa8_57) input:checked + ._slider_1kfwa8_63{
163
+ ._main_mhnbt2_30:not(._disabled_mhnbt2_57) input:checked + ._slider_mhnbt2_63{
164
164
  background-color:var(--_rs-toggle-checked-slider-background-color);
165
165
  }
166
- ._main_1kfwa8_30:not(._disabled_1kfwa8_57) input:checked + ._slider_1kfwa8_63:after{
166
+ ._main_mhnbt2_30:not(._disabled_mhnbt2_57) input:checked + ._slider_mhnbt2_63:after{
167
167
  border-color:var(--_rs-toggle-checked-slider-background-color);
168
168
  }
169
- ._main_1kfwa8_30:not(._disabled_1kfwa8_57) input:focus[data-focus-method='key'] + ._slider_1kfwa8_63{
169
+ ._main_mhnbt2_30:not(._disabled_mhnbt2_57) input:focus[data-focus-method='key'] + ._slider_mhnbt2_63{
170
170
  -webkit-box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
171
171
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
172
172
  }
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1kfwa8_6",
3
- "themeDark": "_themeDark_1kfwa8_9",
4
- "sizeS": "_sizeS_1kfwa8_13",
5
- "sizeM": "_sizeM_1kfwa8_16",
6
- "sizeL": "_sizeL_1kfwa8_19",
7
- "classic": "_classic_1kfwa8_23",
8
- "rock": "_rock_1kfwa8_26",
9
- "main": "_main_1kfwa8_30",
10
- "disabled": "_disabled_1kfwa8_57",
11
- "slider": "_slider_1kfwa8_63"
2
+ "themeLight": "_themeLight_mhnbt2_6",
3
+ "themeDark": "_themeDark_mhnbt2_9",
4
+ "sizeS": "_sizeS_mhnbt2_13",
5
+ "sizeM": "_sizeM_mhnbt2_16",
6
+ "sizeL": "_sizeL_mhnbt2_19",
7
+ "classic": "_classic_mhnbt2_23",
8
+ "rock": "_rock_mhnbt2_26",
9
+ "main": "_main_mhnbt2_30",
10
+ "disabled": "_disabled_mhnbt2_57",
11
+ "slider": "_slider_mhnbt2_63"
12
12
  };
13
13
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/toggle",
3
- "version": "0.3.6",
3
+ "version": "0.3.7",
4
4
  "description": "Toggle is a control that allows you to turn elements on and off instantly",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/menu": "^0.10.6",
18
+ "@rescui/menu": "^0.10.7",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,7 +25,7 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.4",
28
+ "@rescui/colors": "^0.2.5",
29
29
  "@rescui/scripts": "^0.3.4",
30
30
  "@rescui/visual-regression": "^0.1.2",
31
31
  "@types/classnames": "^2.2.11"
@@ -35,5 +35,5 @@
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
38
+ "gitHead": "3de71c679695fe3ca490baeaa24ab2331eb2e3a8"
39
39
  }