@rescui/toggle 0.6.0 → 0.6.1

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
@@ -3,36 +3,36 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_wfqrsh_6{
6
+ ._themeLight_1iv0967_6{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_wfqrsh_9{
9
+ ._themeDark_1iv0967_9{
10
10
  --rs-theme-dark:1;
11
11
  }
12
- ._sizeS_wfqrsh_13{
12
+ ._sizeS_1iv0967_13{
13
13
  --_rs-toggle-width:20px;
14
14
  --_rs-toggle-height:12px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeM_wfqrsh_16{
17
+ ._sizeM_1iv0967_16{
18
18
  --_rs-toggle-width:28px;
19
19
  --_rs-toggle-height:16px;
20
20
  --_rs-toggle-shadow:3px;
21
21
  }
22
- ._sizeL_wfqrsh_19{
22
+ ._sizeL_1iv0967_19{
23
23
  --_rs-toggle-width:32px;
24
24
  --_rs-toggle-height:18px;
25
25
  --_rs-toggle-shadow:4px;
26
26
  }
27
- ._classic_wfqrsh_23{
27
+ ._classic_1iv0967_23{
28
28
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
29
29
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
30
30
  }
31
- ._rock_wfqrsh_26{
31
+ ._rock_1iv0967_26{
32
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);
33
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));
34
34
  }
35
- ._main_wfqrsh_30{
35
+ ._main_1iv0967_30{
36
36
  --_rs-toggle-circle-border:2px;
37
37
 
38
38
  --_rs-theme-dark:var(
@@ -47,7 +47,7 @@
47
47
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
48
48
  }
49
49
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
50
- ._main_wfqrsh_30{
50
+ ._main_1iv0967_30{
51
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)));
52
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)));
53
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)));
@@ -56,7 +56,7 @@
56
56
  }
57
57
  }
58
58
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
59
- ._main_wfqrsh_30{
59
+ ._main_1iv0967_30{
60
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);
61
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));
62
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));
@@ -64,7 +64,7 @@
64
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));
65
65
  }
66
66
  }
67
- ._main_wfqrsh_30 {
67
+ ._main_1iv0967_30 {
68
68
 
69
69
  position:relative;
70
70
 
@@ -76,7 +76,7 @@
76
76
 
77
77
  cursor:pointer;
78
78
  }
79
- ._main_wfqrsh_30 input{
79
+ ._main_1iv0967_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_wfqrsh_30._disabled_wfqrsh_57{
89
+ ._main_1iv0967_30._disabled_1iv0967_57{
90
90
  cursor:default;
91
91
  pointer-events:none;
92
92
  }
93
- ._slider_wfqrsh_63{
93
+ ._slider_1iv0967_63{
94
94
  position:absolute;
95
95
  top:var(--_rs-toggle-shadow);
96
96
  left:var(--_rs-toggle-shadow);
@@ -104,7 +104,7 @@
104
104
 
105
105
  transition:background-color 200ms var(--rs-transition-function, ease);
106
106
  }
107
- ._slider_wfqrsh_63:after{
107
+ ._slider_1iv0967_63:after{
108
108
  position:absolute;
109
109
  top:0;
110
110
  left:0;
@@ -123,15 +123,15 @@
123
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);
124
124
  transform:translate(0);
125
125
  }
126
- ._disabled_wfqrsh_57 ._slider_wfqrsh_63{
126
+ ._disabled_1iv0967_57 ._slider_1iv0967_63{
127
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));
128
128
  }
129
- ._disabled_wfqrsh_57 ._slider_wfqrsh_63:after{
129
+ ._disabled_1iv0967_57 ._slider_1iv0967_63:after{
130
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));
131
131
 
132
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));
133
133
  }
134
- input:checked + ._slider_wfqrsh_63:after{
134
+ input:checked + ._slider_1iv0967_63:after{
135
135
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
136
136
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
137
137
 
@@ -140,15 +140,15 @@ input:checked + ._slider_wfqrsh_63:after{
140
140
  calc(var(--_rs-toggle-circle-border)/-2)
141
141
  );
142
142
  }
143
- ._main_wfqrsh_30:not(._disabled_wfqrsh_57) input:hover + ._slider_wfqrsh_63{
143
+ ._main_1iv0967_30:not(._disabled_1iv0967_57) input:hover + ._slider_1iv0967_63{
144
144
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
145
145
  }
146
- ._main_wfqrsh_30:not(._disabled_wfqrsh_57) input:checked + ._slider_wfqrsh_63{
146
+ ._main_1iv0967_30:not(._disabled_1iv0967_57) input:checked + ._slider_1iv0967_63{
147
147
  background-color:var(--_rs-toggle-checked-slider-background-color);
148
148
  }
149
- ._main_wfqrsh_30:not(._disabled_wfqrsh_57) input:checked + ._slider_wfqrsh_63:after{
149
+ ._main_1iv0967_30:not(._disabled_1iv0967_57) input:checked + ._slider_1iv0967_63:after{
150
150
  border-color:var(--_rs-toggle-checked-slider-background-color);
151
151
  }
152
- ._main_wfqrsh_30:not(._disabled_wfqrsh_57) input:focus[data-focus-method='key'] + ._slider_wfqrsh_63{
152
+ ._main_1iv0967_30:not(._disabled_1iv0967_57) input:focus[data-focus-method='key'] + ._slider_1iv0967_63{
153
153
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
154
154
  }
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_wfqrsh_6",
3
- "themeDark": "_themeDark_wfqrsh_9",
4
- "sizeS": "_sizeS_wfqrsh_13",
5
- "sizeM": "_sizeM_wfqrsh_16",
6
- "sizeL": "_sizeL_wfqrsh_19",
7
- "classic": "_classic_wfqrsh_23",
8
- "rock": "_rock_wfqrsh_26",
9
- "main": "_main_wfqrsh_30",
10
- "disabled": "_disabled_wfqrsh_57",
11
- "slider": "_slider_wfqrsh_63"
2
+ "themeLight": "_themeLight_1iv0967_6",
3
+ "themeDark": "_themeDark_1iv0967_9",
4
+ "sizeS": "_sizeS_1iv0967_13",
5
+ "sizeM": "_sizeM_1iv0967_16",
6
+ "sizeL": "_sizeL_1iv0967_19",
7
+ "classic": "_classic_1iv0967_23",
8
+ "rock": "_rock_1iv0967_26",
9
+ "main": "_main_1iv0967_30",
10
+ "disabled": "_disabled_1iv0967_57",
11
+ "slider": "_slider_1iv0967_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.6.0",
3
+ "version": "0.6.1",
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,12 +17,12 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/menu": "^0.15.0",
20
+ "@rescui/menu": "^0.15.1",
21
21
  "classnames": "^2.2.6",
22
22
  "react-compiler-runtime": "^1.0.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@rescui/ui-contexts": "^0.6.0",
25
+ "@rescui/ui-contexts": "^0.7.0",
26
26
  "prop-types": "^15",
27
27
  "react": ">=17.0.0 <20"
28
28
  },
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
40
+ "gitHead": "ce4c6c5e3fd5aede0006f6ef8e655fc0ab394c0f"
41
41
  }