@rescui/checkbox 0.7.0 → 0.7.2

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 +45 -45
  2. package/lib/parts/checkbox.p.module.css.js +21 -21
  3. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_11shdkz_8{
1
+ ._themeLight_rn00or_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_11shdkz_11{
4
+ ._themeDark_rn00or_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_11shdkz_15{
7
+ ._sizeS_rn00or_15{
8
8
  --_rs-checkbox-ci-mark-s-display:initial;
9
9
  --_rs-checkbox-ci-mark-m-display:none;
10
10
  --_rs-checkbox-ci-mark-l-display:none;
@@ -12,7 +12,7 @@
12
12
  --_rs-checkbox-ci-shadow-size:3px;
13
13
  --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
14
14
  }
15
- ._sizeM_11shdkz_18{
15
+ ._sizeM_rn00or_18{
16
16
  --_rs-checkbox-ci-mark-s-display:none;
17
17
  --_rs-checkbox-ci-mark-m-display:initial;
18
18
  --_rs-checkbox-ci-mark-l-display:none;
@@ -20,7 +20,7 @@
20
20
  --_rs-checkbox-ci-shadow-size:3px;
21
21
  --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
22
22
  }
23
- ._sizeL_11shdkz_21{
23
+ ._sizeL_rn00or_21{
24
24
  --_rs-checkbox-ci-mark-s-display:none;
25
25
  --_rs-checkbox-ci-mark-m-display:none;
26
26
  --_rs-checkbox-ci-mark-l-display:initial;
@@ -28,14 +28,14 @@
28
28
  --_rs-checkbox-ci-shadow-size:4px;
29
29
  --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
30
30
  }
31
- ._classic_11shdkz_25{
31
+ ._classic_rn00or_25{
32
32
  --_rs-checkbox-ci-mark-color:#FFFFFF;
33
33
  --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
34
34
  --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
35
35
  --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
36
36
  --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
37
37
  }
38
- ._rock_11shdkz_28{
38
+ ._rock_rn00or_28{
39
39
  --_rs-checkbox-ci-mark-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
40
40
  --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
41
41
  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)
@@ -51,7 +51,7 @@
51
51
  0.1
52
52
  );
53
53
  }
54
- ._checkbox_11shdkz_32{
54
+ ._checkbox_rn00or_32{
55
55
  --_rs-theme-dark:var(
56
56
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
57
57
  var(--rs-theme-dark, 0)
@@ -61,7 +61,7 @@
61
61
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
62
62
  }
63
63
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
64
- ._checkbox_11shdkz_32{
64
+ ._checkbox_rn00or_32{
65
65
  --_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)));
66
66
  --_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)));
67
67
  --_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)));
@@ -70,7 +70,7 @@
70
70
  }
71
71
  }
72
72
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
73
- ._checkbox_11shdkz_32{
73
+ ._checkbox_rn00or_32{
74
74
  --_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);
75
75
  --_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));
76
76
  --_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));
@@ -78,7 +78,7 @@
78
78
  --_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));
79
79
  }
80
80
  }
81
- ._checkbox_11shdkz_32 {
81
+ ._checkbox_rn00or_32 {
82
82
 
83
83
  position:relative;
84
84
 
@@ -95,7 +95,7 @@
95
95
 
96
96
  text-align:left;
97
97
  }
98
- ._errorMessage_11shdkz_54{
98
+ ._errorMessage_rn00or_54{
99
99
  letter-spacing:var(
100
100
  --rs-text-base-letter-spacing,
101
101
  var(--_rs-typography-letter-spacing)
@@ -109,11 +109,11 @@
109
109
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
110
110
  font-feature-settings:'kern', 'liga', 'calt';
111
111
  }
112
- ._errorMessage_11shdkz_54 > p:not(:nth-child(1)),
113
- ._errorMessage_11shdkz_54 > pre:not(:nth-child(1)){
112
+ ._errorMessage_rn00or_54 > p:not(:nth-child(1)),
113
+ ._errorMessage_rn00or_54 > pre:not(:nth-child(1)){
114
114
  padding-top:var(--_rs-typography-auto-offset-or-initial);
115
115
  }
116
- ._errorMessage_11shdkz_54 {
116
+ ._errorMessage_rn00or_54 {
117
117
  --_rs-typography-letter-spacing:0.0045em;
118
118
  --_rs-typography-text-transform:initial;
119
119
  --_rs-typography-font-variant-numeric:initial;
@@ -148,13 +148,13 @@
148
148
  --_rs-typography-link-border-bottom-width-from-text:1px;
149
149
  color:#F45C4A;
150
150
  }
151
- ._errorMessage_11shdkz_54._list_11shdkz_59{
151
+ ._errorMessage_rn00or_54._list_rn00or_59{
152
152
  margin-bottom:12px;
153
153
  }
154
- ._errorMessage_11shdkz_54._single_11shdkz_63{
154
+ ._errorMessage_rn00or_54._single_rn00or_63{
155
155
  margin-top:8px;
156
156
  }
157
- ._input_11shdkz_68{
157
+ ._input_rn00or_68{
158
158
  position:absolute;
159
159
  z-index:-1;
160
160
 
@@ -164,7 +164,7 @@
164
164
 
165
165
  border:0;
166
166
  }
167
- ._icon_11shdkz_79{
167
+ ._icon_rn00or_79{
168
168
  display:inline-block;
169
169
  float:left;
170
170
 
@@ -184,17 +184,17 @@
184
184
 
185
185
  transition:border-width ease-out 100ms, border-color ease-out 100ms;
186
186
  }
187
- ._enabled_11shdkz_95 ._icon_11shdkz_79{
187
+ ._enabled_rn00or_95 ._icon_rn00or_79{
188
188
  cursor:pointer;
189
189
  }
190
- ._indeterminate_11shdkz_99 ._icon_11shdkz_79{
190
+ ._indeterminate_rn00or_99 ._icon_rn00or_79{
191
191
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
192
192
  }
193
- ._input_11shdkz_68:checked + ._icon_11shdkz_79{
193
+ ._input_rn00or_68:checked + ._icon_rn00or_79{
194
194
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
195
195
  }
196
- ._disabled_11shdkz_107 ._icon_11shdkz_79._icon_11shdkz_79,
197
- ._input_11shdkz_68:disabled + ._icon_11shdkz_79{
196
+ ._disabled_rn00or_107 ._icon_rn00or_79._icon_rn00or_79,
197
+ ._input_rn00or_68:disabled + ._icon_rn00or_79{
198
198
  border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
199
199
 
200
200
  cursor:not-allowed;
@@ -202,27 +202,27 @@
202
202
 
203
203
  background:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
204
204
  }
205
- ._input_11shdkz_68:hover + ._icon_11shdkz_79,
206
- ._enabled_11shdkz_95:hover ._icon_11shdkz_79{
205
+ ._input_rn00or_68:hover + ._icon_rn00or_79,
206
+ ._enabled_rn00or_95:hover ._icon_rn00or_79{
207
207
  background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
208
208
  }
209
- ._enabled_11shdkz_95._indeterminate_11shdkz_99 ._icon_11shdkz_79,
210
- ._enabled_11shdkz_95._indeterminate_11shdkz_99:hover ._icon_11shdkz_79,
211
- ._enabled_11shdkz_95._indeterminate_11shdkz_99 ._input_11shdkz_68:hover + ._icon_11shdkz_79{
209
+ ._enabled_rn00or_95._indeterminate_rn00or_99 ._icon_rn00or_79,
210
+ ._enabled_rn00or_95._indeterminate_rn00or_99:hover ._icon_rn00or_79,
211
+ ._enabled_rn00or_95._indeterminate_rn00or_99 ._input_rn00or_68:hover + ._icon_rn00or_79{
212
212
  border-color:var(--_rs-checkbox-ci-indeterminate-icon-border-color);
213
213
 
214
214
  background-color:var(
215
215
  --_rs-checkbox-ci-indeterminate-icon-background-color
216
216
  );
217
217
  }
218
- ._enabled_11shdkz_95 ._input_11shdkz_68:checked + ._icon_11shdkz_79._icon_11shdkz_79{
218
+ ._enabled_rn00or_95 ._input_rn00or_68:checked + ._icon_rn00or_79._icon_rn00or_79{
219
219
  border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
220
220
  }
221
- ._error_11shdkz_54 ._icon_11shdkz_79._icon_11shdkz_79._icon_11shdkz_79._icon_11shdkz_79,
222
- ._input_11shdkz_68:invalid + ._icon_11shdkz_79._icon_11shdkz_79._icon_11shdkz_79{
221
+ ._error_rn00or_54 ._icon_rn00or_79._icon_rn00or_79._icon_rn00or_79._icon_rn00or_79,
222
+ ._input_rn00or_68:invalid + ._icon_rn00or_79._icon_rn00or_79._icon_rn00or_79{
223
223
  border-color:#F45C4A;
224
224
  }
225
- ._icon_11shdkz_79::after{
225
+ ._icon_rn00or_79::after{
226
226
  position:absolute;
227
227
  top:var(--_rs-checkbox-ci-shadow-size);
228
228
  right:var(--_rs-checkbox-ci-shadow-size);
@@ -231,17 +231,17 @@
231
231
 
232
232
  content:'';
233
233
  }
234
- ._enabled_11shdkz_95:hover > ._icon_11shdkz_79::after,
235
- label:hover ._enabled_11shdkz_95 > ._icon_11shdkz_79::after,
236
- ._enabled_11shdkz_95 ._input_11shdkz_68:active + ._icon_11shdkz_79::after{
234
+ ._enabled_rn00or_95:hover > ._icon_rn00or_79::after,
235
+ label:hover ._enabled_rn00or_95 > ._icon_rn00or_79::after,
236
+ ._enabled_rn00or_95 ._input_rn00or_68:active + ._icon_rn00or_79::after{
237
237
  -webkit-box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
238
238
  box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
239
239
  }
240
- ._enabled_11shdkz_95 ._input_11shdkz_68:focus[data-focus-method='key'] + ._icon_11shdkz_79::after{
240
+ ._enabled_rn00or_95 ._input_rn00or_68:focus[data-focus-method='key'] + ._icon_rn00or_79::after{
241
241
  -webkit-box-shadow:0 0 0 1px 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)), 0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-color-primary-t-dim);
242
242
  box-shadow:0 0 0 1px 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)), 0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-color-primary-t-dim);
243
243
  }
244
- ._checkmark_11shdkz_163{
244
+ ._checkmark_rn00or_163{
245
245
  position:absolute;
246
246
  top:var(--_rs-checkbox-ci-shadow-size);
247
247
  left:var(--_rs-checkbox-ci-shadow-size);
@@ -252,22 +252,22 @@
252
252
  height:var(--_rs-checkbox-ci-size);
253
253
  fill:currentColor;
254
254
  }
255
- ._enabled_11shdkz_95 ._checkmark_11shdkz_163{
255
+ ._enabled_rn00or_95 ._checkmark_rn00or_163{
256
256
  color:var(--_rs-checkbox-ci-mark-color);
257
257
  }
258
- ._disabled_11shdkz_107 ._checkmark_11shdkz_163,
259
- ._input_11shdkz_68:disabled + ._icon_11shdkz_79 > ._checkmark_11shdkz_163{
258
+ ._disabled_rn00or_107 ._checkmark_rn00or_163,
259
+ ._input_rn00or_68:disabled + ._icon_rn00or_79 > ._checkmark_rn00or_163{
260
260
  color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
261
261
  }
262
- ._input_11shdkz_68:checked + ._icon_11shdkz_79 > ._checkmark_11shdkz_163{
262
+ ._input_rn00or_68:checked + ._icon_rn00or_79 > ._checkmark_rn00or_163{
263
263
  display:block;
264
264
  }
265
- ._markS_11shdkz_188{
265
+ ._markS_rn00or_188{
266
266
  display:var(--_rs-checkbox-ci-mark-s-display);
267
267
  }
268
- ._markM_11shdkz_191{
268
+ ._markM_rn00or_191{
269
269
  display:var(--_rs-checkbox-ci-mark-m-display);
270
270
  }
271
- ._markL_11shdkz_194{
271
+ ._markL_rn00or_194{
272
272
  display:var(--_rs-checkbox-ci-mark-l-display);
273
273
  }
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_11shdkz_8",
3
- "themeDark": "_themeDark_11shdkz_11",
4
- "sizeS": "_sizeS_11shdkz_15",
5
- "sizeM": "_sizeM_11shdkz_18",
6
- "sizeL": "_sizeL_11shdkz_21",
7
- "classic": "_classic_11shdkz_25",
8
- "rock": "_rock_11shdkz_28",
9
- "checkbox": "_checkbox_11shdkz_32",
10
- "errorMessage": "_errorMessage_11shdkz_54",
11
- "list": "_list_11shdkz_59",
12
- "single": "_single_11shdkz_63",
13
- "input": "_input_11shdkz_68",
14
- "icon": "_icon_11shdkz_79",
15
- "enabled": "_enabled_11shdkz_95",
16
- "indeterminate": "_indeterminate_11shdkz_99",
17
- "disabled": "_disabled_11shdkz_107",
18
- "error": "_error_11shdkz_54",
19
- "checkmark": "_checkmark_11shdkz_163",
20
- "markS": "_markS_11shdkz_188",
21
- "markM": "_markM_11shdkz_191",
22
- "markL": "_markL_11shdkz_194"
2
+ "themeLight": "_themeLight_rn00or_8",
3
+ "themeDark": "_themeDark_rn00or_11",
4
+ "sizeS": "_sizeS_rn00or_15",
5
+ "sizeM": "_sizeM_rn00or_18",
6
+ "sizeL": "_sizeL_rn00or_21",
7
+ "classic": "_classic_rn00or_25",
8
+ "rock": "_rock_rn00or_28",
9
+ "checkbox": "_checkbox_rn00or_32",
10
+ "errorMessage": "_errorMessage_rn00or_54",
11
+ "list": "_list_rn00or_59",
12
+ "single": "_single_rn00or_63",
13
+ "input": "_input_rn00or_68",
14
+ "icon": "_icon_rn00or_79",
15
+ "enabled": "_enabled_rn00or_95",
16
+ "indeterminate": "_indeterminate_rn00or_99",
17
+ "disabled": "_disabled_rn00or_107",
18
+ "error": "_error_rn00or_54",
19
+ "checkmark": "_checkmark_rn00or_163",
20
+ "markS": "_markS_rn00or_188",
21
+ "markM": "_markM_rn00or_191",
22
+ "markL": "_markL_rn00or_194"
23
23
  };
24
24
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/checkbox",
3
- "version": "0.7.0",
3
+ "version": "0.7.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,12 +15,12 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/menu": "^0.10.0",
18
+ "@rescui/menu": "^0.10.2",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
22
22
  "peerDependencies": {
23
- "@rescui/ui-contexts": "^0.4.0",
23
+ "@rescui/ui-contexts": "^0.5.0",
24
24
  "prop-types": "^15.7.2",
25
25
  "react": ">=16.8.0 <19"
26
26
  },
@@ -28,12 +28,12 @@
28
28
  "@rescui/colors": "^0.2.0",
29
29
  "@rescui/postcss-preset-library": "^0.2.0",
30
30
  "@rescui/scripts": "^0.3.0",
31
- "@rescui/typography": "^0.16.0",
31
+ "@rescui/typography": "^0.16.2",
32
32
  "@rescui/visual-regression": "^0.1.1"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
- "gitHead": "51da8a7188f4c558c563065a4ff4ef5c8e74994c"
38
+ "gitHead": "a2e1fabd391841605a1f7d06800f60fb82a50feb"
39
39
  }