@rescui/toggle 0.3.10 → 0.3.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 +22 -22
  2. package/lib/public-api.p.css +3 -3
  3. package/lib/public-api.pcss +3 -3
  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_1uykhoc_6{
1
+ ._themeLight_1oqh674_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1uykhoc_9{
4
+ ._themeDark_1oqh674_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1uykhoc_13{
7
+ ._sizeS_1oqh674_13{
8
8
  --_rs-toggle-width:20px;
9
9
  --_rs-toggle-height:12px;
10
10
  --_rs-toggle-shadow:3px;
11
11
  }
12
- ._sizeM_1uykhoc_16{
12
+ ._sizeM_1oqh674_16{
13
13
  --_rs-toggle-width:28px;
14
14
  --_rs-toggle-height:16px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeL_1uykhoc_19{
17
+ ._sizeL_1oqh674_19{
18
18
  --_rs-toggle-width:32px;
19
19
  --_rs-toggle-height:18px;
20
20
  --_rs-toggle-shadow:4px;
21
21
  }
22
- ._classic_1uykhoc_23{
22
+ ._classic_1oqh674_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_1uykhoc_26{
26
+ ._rock_1oqh674_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_1uykhoc_30{
30
+ ._main_1oqh674_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_1uykhoc_30{
45
+ ._main_1oqh674_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_1uykhoc_30{
54
+ ._main_1oqh674_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_1uykhoc_30 {
62
+ ._main_1oqh674_30 {
63
63
 
64
64
  position:relative;
65
65
 
@@ -71,7 +71,7 @@
71
71
 
72
72
  cursor:pointer;
73
73
  }
74
- ._main_1uykhoc_30 input{
74
+ ._main_1oqh674_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_1uykhoc_30._disabled_1uykhoc_57{
84
+ ._main_1oqh674_30._disabled_1oqh674_57{
85
85
  cursor:default;
86
86
  pointer-events:none;
87
87
  }
88
- ._slider_1uykhoc_63{
88
+ ._slider_1oqh674_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_1uykhoc_63:after{
102
+ ._slider_1oqh674_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_1uykhoc_57 ._slider_1uykhoc_63{
121
+ ._disabled_1oqh674_57 ._slider_1oqh674_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_1uykhoc_57 ._slider_1uykhoc_63:after{
124
+ ._disabled_1oqh674_57 ._slider_1oqh674_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_1uykhoc_63:after{
129
+ input:checked + ._slider_1oqh674_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_1uykhoc_63:after{
135
135
  calc(var(--_rs-toggle-circle-border)/-2)
136
136
  );
137
137
  }
138
- ._main_1uykhoc_30:not(._disabled_1uykhoc_57) input:hover + ._slider_1uykhoc_63{
138
+ ._main_1oqh674_30:not(._disabled_1oqh674_57) input:hover + ._slider_1oqh674_63{
139
139
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
140
  }
141
- ._main_1uykhoc_30:not(._disabled_1uykhoc_57) input:checked + ._slider_1uykhoc_63{
141
+ ._main_1oqh674_30:not(._disabled_1oqh674_57) input:checked + ._slider_1oqh674_63{
142
142
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
143
  }
144
- ._main_1uykhoc_30:not(._disabled_1uykhoc_57) input:checked + ._slider_1uykhoc_63:after{
144
+ ._main_1oqh674_30:not(._disabled_1oqh674_57) input:checked + ._slider_1oqh674_63:after{
145
145
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
146
  }
147
- ._main_1uykhoc_30:not(._disabled_1uykhoc_57) input:focus[data-focus-method='key'] + ._slider_1uykhoc_63{
147
+ ._main_1oqh674_30:not(._disabled_1oqh674_57) input:focus[data-focus-method='key'] + ._slider_1oqh674_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
@@ -8,7 +8,7 @@
8
8
  --_rs-menu-mi-icon-offset:8px;
9
9
  --_rs-menu-mi-vertical-padding:6px;
10
10
  --_rs-menu-mi-horizontal-padding:8px;
11
- --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
12
12
  --_rs-typography-text-transform:initial;
13
13
  --_rs-typography-font-variant-numeric:initial;
14
14
  --_rs-typography-font-family:var(
@@ -52,7 +52,7 @@
52
52
  --_rs-menu-mi-icon-offset:8px;
53
53
  --_rs-menu-mi-vertical-padding:8px;
54
54
  --_rs-menu-mi-horizontal-padding:16px;
55
- --_rs-typography-letter-spacing:0.0015em;
55
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
56
56
  --_rs-typography-text-transform:initial;
57
57
  --_rs-typography-font-variant-numeric:initial;
58
58
  --_rs-typography-font-family:var(
@@ -101,7 +101,7 @@
101
101
  --_rs-menu-mi-icon-offset:16px;
102
102
  --_rs-menu-mi-vertical-padding:12px;
103
103
  --_rs-menu-mi-horizontal-padding:16px;
104
- --_rs-typography-letter-spacing:normal;
104
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
105
105
  --_rs-typography-text-transform:initial;
106
106
  --_rs-typography-font-variant-numeric:initial;
107
107
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -8,7 +8,7 @@
8
8
  --_rs-menu-mi-icon-offset:8px;
9
9
  --_rs-menu-mi-vertical-padding:6px;
10
10
  --_rs-menu-mi-horizontal-padding:8px;
11
- --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
12
12
  --_rs-typography-text-transform:initial;
13
13
  --_rs-typography-font-variant-numeric:initial;
14
14
  --_rs-typography-font-family:var(
@@ -52,7 +52,7 @@
52
52
  --_rs-menu-mi-icon-offset:8px;
53
53
  --_rs-menu-mi-vertical-padding:8px;
54
54
  --_rs-menu-mi-horizontal-padding:16px;
55
- --_rs-typography-letter-spacing:0.0015em;
55
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
56
56
  --_rs-typography-text-transform:initial;
57
57
  --_rs-typography-font-variant-numeric:initial;
58
58
  --_rs-typography-font-family:var(
@@ -101,7 +101,7 @@
101
101
  --_rs-menu-mi-icon-offset:16px;
102
102
  --_rs-menu-mi-vertical-padding:12px;
103
103
  --_rs-menu-mi-horizontal-padding:16px;
104
- --_rs-typography-letter-spacing:normal;
104
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
105
105
  --_rs-typography-text-transform:initial;
106
106
  --_rs-typography-font-variant-numeric:initial;
107
107
  --_rs-typography-font-family:var(
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1uykhoc_6",
3
- "themeDark": "_themeDark_1uykhoc_9",
4
- "sizeS": "_sizeS_1uykhoc_13",
5
- "sizeM": "_sizeM_1uykhoc_16",
6
- "sizeL": "_sizeL_1uykhoc_19",
7
- "classic": "_classic_1uykhoc_23",
8
- "rock": "_rock_1uykhoc_26",
9
- "main": "_main_1uykhoc_30",
10
- "disabled": "_disabled_1uykhoc_57",
11
- "slider": "_slider_1uykhoc_63"
2
+ "themeLight": "_themeLight_1oqh674_6",
3
+ "themeDark": "_themeDark_1oqh674_9",
4
+ "sizeS": "_sizeS_1oqh674_13",
5
+ "sizeM": "_sizeM_1oqh674_16",
6
+ "sizeL": "_sizeL_1oqh674_19",
7
+ "classic": "_classic_1oqh674_23",
8
+ "rock": "_rock_1oqh674_26",
9
+ "main": "_main_1oqh674_30",
10
+ "disabled": "_disabled_1oqh674_57",
11
+ "slider": "_slider_1oqh674_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.10",
3
+ "version": "0.3.12",
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.26.0",
18
- "@rescui/menu": "^0.10.10",
18
+ "@rescui/menu": "^0.10.12",
19
19
  "classnames": "^2.2.6"
20
20
  },
21
21
  "peerDependencies": {
@@ -34,5 +34,5 @@
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
37
+ "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
38
38
  }