@rescui/toggle 0.5.3 → 0.5.5-RUI-308-Fix-select-issues-405b9fa40.12

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 (5) hide show
  1. package/lib/index.css +27 -22
  2. package/lib/public-api.p.css +5 -0
  3. package/lib/public-api.pcss +5 -0
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,33 +1,38 @@
1
- ._themeLight_1d58dp5_6{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._themeLight_1yhv4j_6{
2
7
  --rs-theme-dark:0;
3
8
  }
4
- ._themeDark_1d58dp5_9{
9
+ ._themeDark_1yhv4j_9{
5
10
  --rs-theme-dark:1;
6
11
  }
7
- ._sizeS_1d58dp5_13{
12
+ ._sizeS_1yhv4j_13{
8
13
  --_rs-toggle-width:20px;
9
14
  --_rs-toggle-height:12px;
10
15
  --_rs-toggle-shadow:3px;
11
16
  }
12
- ._sizeM_1d58dp5_16{
17
+ ._sizeM_1yhv4j_16{
13
18
  --_rs-toggle-width:28px;
14
19
  --_rs-toggle-height:16px;
15
20
  --_rs-toggle-shadow:3px;
16
21
  }
17
- ._sizeL_1d58dp5_19{
22
+ ._sizeL_1yhv4j_19{
18
23
  --_rs-toggle-width:32px;
19
24
  --_rs-toggle-height:18px;
20
25
  --_rs-toggle-shadow:4px;
21
26
  }
22
- ._classic_1d58dp5_23{
27
+ ._classic_1yhv4j_23{
23
28
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
24
29
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
25
30
  }
26
- ._rock_1d58dp5_26{
31
+ ._rock_1yhv4j_26{
27
32
  --_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
33
  --_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
34
  }
30
- ._main_1d58dp5_30{
35
+ ._main_1yhv4j_30{
31
36
  --_rs-toggle-circle-border:2px;
32
37
 
33
38
  --_rs-theme-dark:var(
@@ -42,7 +47,7 @@
42
47
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
43
48
  }
44
49
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
45
- ._main_1d58dp5_30{
50
+ ._main_1yhv4j_30{
46
51
  --_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
52
  --_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
53
  --_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 +56,7 @@
51
56
  }
52
57
  }
53
58
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
54
- ._main_1d58dp5_30{
59
+ ._main_1yhv4j_30{
55
60
  --_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
61
  --_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
62
  --_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 +64,7 @@
59
64
  --_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
65
  }
61
66
  }
62
- ._main_1d58dp5_30 {
67
+ ._main_1yhv4j_30 {
63
68
 
64
69
  position:relative;
65
70
 
@@ -71,7 +76,7 @@
71
76
 
72
77
  cursor:pointer;
73
78
  }
74
- ._main_1d58dp5_30 input{
79
+ ._main_1yhv4j_30 input{
75
80
  position:absolute;
76
81
  z-index:-1;
77
82
 
@@ -81,11 +86,11 @@
81
86
 
82
87
  pointer-events:none;
83
88
  }
84
- ._main_1d58dp5_30._disabled_1d58dp5_57{
89
+ ._main_1yhv4j_30._disabled_1yhv4j_57{
85
90
  cursor:default;
86
91
  pointer-events:none;
87
92
  }
88
- ._slider_1d58dp5_63{
93
+ ._slider_1yhv4j_63{
89
94
  position:absolute;
90
95
  top:var(--_rs-toggle-shadow);
91
96
  left:var(--_rs-toggle-shadow);
@@ -99,7 +104,7 @@
99
104
 
100
105
  transition:background-color 200ms var(--rs-transition-function, ease);
101
106
  }
102
- ._slider_1d58dp5_63:after{
107
+ ._slider_1yhv4j_63:after{
103
108
  position:absolute;
104
109
  top:0;
105
110
  left:0;
@@ -118,15 +123,15 @@
118
123
  transition:transform 200ms var(--rs-transition-function, ease), height 200ms var(--rs-transition-function, ease), width 200ms var(--rs-transition-function, ease), border-color 200ms var(--rs-transition-function, ease);
119
124
  transform:translate(0);
120
125
  }
121
- ._disabled_1d58dp5_57 ._slider_1d58dp5_63{
126
+ ._disabled_1yhv4j_57 ._slider_1yhv4j_63{
122
127
  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));
123
128
  }
124
- ._disabled_1d58dp5_57 ._slider_1d58dp5_63:after{
129
+ ._disabled_1yhv4j_57 ._slider_1yhv4j_63:after{
125
130
  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));
126
131
 
127
132
  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));
128
133
  }
129
- input:checked + ._slider_1d58dp5_63:after{
134
+ input:checked + ._slider_1yhv4j_63:after{
130
135
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
131
136
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
132
137
 
@@ -135,15 +140,15 @@ input:checked + ._slider_1d58dp5_63:after{
135
140
  calc(var(--_rs-toggle-circle-border)/-2)
136
141
  );
137
142
  }
138
- ._main_1d58dp5_30:not(._disabled_1d58dp5_57) input:hover + ._slider_1d58dp5_63{
143
+ ._main_1yhv4j_30:not(._disabled_1yhv4j_57) input:hover + ._slider_1yhv4j_63{
139
144
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
145
  }
141
- ._main_1d58dp5_30:not(._disabled_1d58dp5_57) input:checked + ._slider_1d58dp5_63{
146
+ ._main_1yhv4j_30:not(._disabled_1yhv4j_57) input:checked + ._slider_1yhv4j_63{
142
147
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
148
  }
144
- ._main_1d58dp5_30:not(._disabled_1d58dp5_57) input:checked + ._slider_1d58dp5_63:after{
149
+ ._main_1yhv4j_30:not(._disabled_1yhv4j_57) input:checked + ._slider_1yhv4j_63:after{
145
150
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
151
  }
147
- ._main_1d58dp5_30:not(._disabled_1d58dp5_57) input:focus[data-focus-method='key'] + ._slider_1d58dp5_63{
152
+ ._main_1yhv4j_30:not(._disabled_1yhv4j_57) input:focus[data-focus-method='key'] + ._slider_1yhv4j_63{
148
153
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
149
154
  }
package/lib/public-api.p.css CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-toggle-size-s{
2
7
  & [data-rs-internal="toggle"]{
3
8
  --_rs-toggle-width:20px;
package/lib/public-api.pcss CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-toggle-size-s{
2
7
  & [data-rs-internal="toggle"]{
3
8
  --_rs-toggle-width:20px;
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1d58dp5_6",
3
- "themeDark": "_themeDark_1d58dp5_9",
4
- "sizeS": "_sizeS_1d58dp5_13",
5
- "sizeM": "_sizeM_1d58dp5_16",
6
- "sizeL": "_sizeL_1d58dp5_19",
7
- "classic": "_classic_1d58dp5_23",
8
- "rock": "_rock_1d58dp5_26",
9
- "main": "_main_1d58dp5_30",
10
- "disabled": "_disabled_1d58dp5_57",
11
- "slider": "_slider_1d58dp5_63"
2
+ "themeLight": "_themeLight_1yhv4j_6",
3
+ "themeDark": "_themeDark_1yhv4j_9",
4
+ "sizeS": "_sizeS_1yhv4j_13",
5
+ "sizeM": "_sizeM_1yhv4j_16",
6
+ "sizeL": "_sizeL_1yhv4j_19",
7
+ "classic": "_classic_1yhv4j_23",
8
+ "rock": "_rock_1yhv4j_26",
9
+ "main": "_main_1yhv4j_30",
10
+ "disabled": "_disabled_1yhv4j_57",
11
+ "slider": "_slider_1yhv4j_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.5.3",
3
+ "version": "0.5.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
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",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/menu": "^0.14.0",
20
+ "@rescui/menu": "0.14.2-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,9 +26,9 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.3.2",
30
- "@rescui/scripts": "^0.5.2",
31
- "@rescui/visual-regression": "^0.1.4",
29
+ "@rescui/colors": "0.3.4-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
30
+ "@rescui/scripts": "0.5.2",
31
+ "@rescui/visual-regression": "0.1.4",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
34
34
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "7614b4519a4716fbf1151d94c97fda48eab60800"
39
+ "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
40
40
  }