@rescui/toggle 0.3.17 → 0.3.18

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 +22 -22
  2. package/lib/public-api.p.css +3 -0
  3. package/lib/public-api.pcss +3 -0
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,33 +1,33 @@
1
- ._themeLight_1ezitex_6{
1
+ ._themeLight_1l24rg3_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1ezitex_9{
4
+ ._themeDark_1l24rg3_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1ezitex_13{
7
+ ._sizeS_1l24rg3_13{
8
8
  --_rs-toggle-width:20px;
9
9
  --_rs-toggle-height:12px;
10
10
  --_rs-toggle-shadow:3px;
11
11
  }
12
- ._sizeM_1ezitex_16{
12
+ ._sizeM_1l24rg3_16{
13
13
  --_rs-toggle-width:28px;
14
14
  --_rs-toggle-height:16px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeL_1ezitex_19{
17
+ ._sizeL_1l24rg3_19{
18
18
  --_rs-toggle-width:32px;
19
19
  --_rs-toggle-height:18px;
20
20
  --_rs-toggle-shadow:4px;
21
21
  }
22
- ._classic_1ezitex_23{
22
+ ._classic_1l24rg3_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_1ezitex_26{
26
+ ._rock_1l24rg3_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_1ezitex_30{
30
+ ._main_1l24rg3_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_1ezitex_30{
45
+ ._main_1l24rg3_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_1ezitex_30{
54
+ ._main_1l24rg3_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_1ezitex_30 {
62
+ ._main_1l24rg3_30 {
63
63
 
64
64
  position:relative;
65
65
 
@@ -71,7 +71,7 @@
71
71
 
72
72
  cursor:pointer;
73
73
  }
74
- ._main_1ezitex_30 input{
74
+ ._main_1l24rg3_30 input{
75
75
  position:absolute;
76
76
  z-index:-1;
77
77
 
@@ -81,11 +81,11 @@
81
81
 
82
82
  pointer-events:none;
83
83
  }
84
- ._main_1ezitex_30._disabled_1ezitex_57{
84
+ ._main_1l24rg3_30._disabled_1l24rg3_57{
85
85
  cursor:default;
86
86
  pointer-events:none;
87
87
  }
88
- ._slider_1ezitex_63{
88
+ ._slider_1l24rg3_63{
89
89
  position:absolute;
90
90
  top:var(--_rs-toggle-shadow);
91
91
  left:var(--_rs-toggle-shadow);
@@ -99,7 +99,7 @@
99
99
 
100
100
  transition:background-color 200ms;
101
101
  }
102
- ._slider_1ezitex_63:after{
102
+ ._slider_1l24rg3_63:after{
103
103
  position:absolute;
104
104
  top:0;
105
105
  left:0;
@@ -118,15 +118,15 @@
118
118
  transition:transform 200ms, height 200ms, width 200ms, border-color 200ms;
119
119
  transform:translate(0);
120
120
  }
121
- ._disabled_1ezitex_57 ._slider_1ezitex_63{
121
+ ._disabled_1l24rg3_57 ._slider_1l24rg3_63{
122
122
  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
123
  }
124
- ._disabled_1ezitex_57 ._slider_1ezitex_63:after{
124
+ ._disabled_1l24rg3_57 ._slider_1l24rg3_63:after{
125
125
  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
126
 
127
127
  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
128
  }
129
- input:checked + ._slider_1ezitex_63:after{
129
+ input:checked + ._slider_1l24rg3_63:after{
130
130
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
131
131
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
132
132
 
@@ -135,15 +135,15 @@ input:checked + ._slider_1ezitex_63:after{
135
135
  calc(var(--_rs-toggle-circle-border)/-2)
136
136
  );
137
137
  }
138
- ._main_1ezitex_30:not(._disabled_1ezitex_57) input:hover + ._slider_1ezitex_63{
138
+ ._main_1l24rg3_30:not(._disabled_1l24rg3_57) input:hover + ._slider_1l24rg3_63{
139
139
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
140
  }
141
- ._main_1ezitex_30:not(._disabled_1ezitex_57) input:checked + ._slider_1ezitex_63{
141
+ ._main_1l24rg3_30:not(._disabled_1l24rg3_57) input:checked + ._slider_1l24rg3_63{
142
142
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
143
  }
144
- ._main_1ezitex_30:not(._disabled_1ezitex_57) input:checked + ._slider_1ezitex_63:after{
144
+ ._main_1l24rg3_30:not(._disabled_1l24rg3_57) input:checked + ._slider_1l24rg3_63:after{
145
145
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
146
  }
147
- ._main_1ezitex_30:not(._disabled_1ezitex_57) input:focus[data-focus-method='key'] + ._slider_1ezitex_63{
147
+ ._main_1l24rg3_30:not(._disabled_1l24rg3_57) input:focus[data-focus-method='key'] + ._slider_1l24rg3_63{
148
148
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
149
149
  }
package/lib/public-api.p.css CHANGED
@@ -6,6 +6,7 @@
6
6
  }
7
7
  &[class][class]{
8
8
  --_rs-menu-mi-icon-offset:8px;
9
+ --_rs-menu-mi-icon-size:20px;
9
10
  --_rs-menu-mi-vertical-padding:6px;
10
11
  --_rs-menu-mi-horizontal-padding:8px;
11
12
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -50,6 +51,7 @@
50
51
  }
51
52
  &[class][class]{
52
53
  --_rs-menu-mi-icon-offset:8px;
54
+ --_rs-menu-mi-icon-size:24px;
53
55
  --_rs-menu-mi-vertical-padding:8px;
54
56
  --_rs-menu-mi-horizontal-padding:16px;
55
57
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -102,6 +104,7 @@
102
104
  }
103
105
  &[class][class]{
104
106
  --_rs-menu-mi-icon-offset:16px;
107
+ --_rs-menu-mi-icon-size:28px;
105
108
  --_rs-menu-mi-vertical-padding:12px;
106
109
  --_rs-menu-mi-horizontal-padding:16px;
107
110
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
package/lib/public-api.pcss CHANGED
@@ -6,6 +6,7 @@
6
6
  }
7
7
  &[class][class]{
8
8
  --_rs-menu-mi-icon-offset:8px;
9
+ --_rs-menu-mi-icon-size:20px;
9
10
  --_rs-menu-mi-vertical-padding:6px;
10
11
  --_rs-menu-mi-horizontal-padding:8px;
11
12
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -50,6 +51,7 @@
50
51
  }
51
52
  &[class][class]{
52
53
  --_rs-menu-mi-icon-offset:8px;
54
+ --_rs-menu-mi-icon-size:24px;
53
55
  --_rs-menu-mi-vertical-padding:8px;
54
56
  --_rs-menu-mi-horizontal-padding:16px;
55
57
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -102,6 +104,7 @@
102
104
  }
103
105
  &[class][class]{
104
106
  --_rs-menu-mi-icon-offset:16px;
107
+ --_rs-menu-mi-icon-size:28px;
105
108
  --_rs-menu-mi-vertical-padding:12px;
106
109
  --_rs-menu-mi-horizontal-padding:16px;
107
110
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1ezitex_6",
3
- "themeDark": "_themeDark_1ezitex_9",
4
- "sizeS": "_sizeS_1ezitex_13",
5
- "sizeM": "_sizeM_1ezitex_16",
6
- "sizeL": "_sizeL_1ezitex_19",
7
- "classic": "_classic_1ezitex_23",
8
- "rock": "_rock_1ezitex_26",
9
- "main": "_main_1ezitex_30",
10
- "disabled": "_disabled_1ezitex_57",
11
- "slider": "_slider_1ezitex_63"
2
+ "themeLight": "_themeLight_1l24rg3_6",
3
+ "themeDark": "_themeDark_1l24rg3_9",
4
+ "sizeS": "_sizeS_1l24rg3_13",
5
+ "sizeM": "_sizeM_1l24rg3_16",
6
+ "sizeL": "_sizeL_1l24rg3_19",
7
+ "classic": "_classic_1l24rg3_23",
8
+ "rock": "_rock_1l24rg3_26",
9
+ "main": "_main_1l24rg3_30",
10
+ "disabled": "_disabled_1l24rg3_57",
11
+ "slider": "_slider_1l24rg3_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.17",
3
+ "version": "0.3.18",
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",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/menu": "^0.10.17",
19
+ "@rescui/menu": "^0.11.0",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -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": "f6dcebefc7b3d34bab5b1f50d5060d03c6de3023"
38
+ "gitHead": "f31d27b895bfc5f3ffa3f2dda08072b7dd2c928c"
39
39
  }