@rescui/checkbox 0.7.2-RUI-201-Support-css-modules-in-typography-f33bc767.25 → 0.7.2-RUI-201-Support-css-modules-in-typography-6efea65f.26

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 +42 -48
  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_18w65xm_8{
1
+ ._themeLight_1kpk5em_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_18w65xm_11{
4
+ ._themeDark_1kpk5em_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_18w65xm_15{
7
+ ._sizeS_1kpk5em_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_18w65xm_18{
15
+ ._sizeM_1kpk5em_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_18w65xm_21{
23
+ ._sizeL_1kpk5em_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_18w65xm_25{
31
+ ._classic_1kpk5em_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_18w65xm_28{
38
+ ._rock_1kpk5em_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_18w65xm_32{
54
+ ._checkbox_1kpk5em_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_18w65xm_32{
64
+ ._checkbox_1kpk5em_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_18w65xm_32{
73
+ ._checkbox_1kpk5em_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_18w65xm_32 {
81
+ ._checkbox_1kpk5em_32 {
82
82
 
83
83
  position:relative;
84
84
 
@@ -95,7 +95,7 @@
95
95
 
96
96
  text-align:left;
97
97
  }
98
- ._errorMessage_18w65xm_54{
98
+ ._errorMessage_1kpk5em_54{
99
99
  letter-spacing:var(
100
100
  --rs-text-base-letter-spacing,
101
101
  var(--_rs-typography-letter-spacing)
@@ -108,12 +108,6 @@
108
108
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
109
109
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
110
110
  font-feature-settings:'kern', 'liga', 'calt';
111
- }
112
- ._errorMessage_18w65xm_54 > p:not(:nth-child(1)),
113
- ._errorMessage_18w65xm_54 > pre:not(:nth-child(1)){
114
- padding-top:var(--_rs-typography-auto-offset-or-initial);
115
- }
116
- ._errorMessage_18w65xm_54 {
117
111
  --_rs-typography-letter-spacing:0.0045em;
118
112
  --_rs-typography-text-transform:initial;
119
113
  --_rs-typography-font-variant-numeric:initial;
@@ -148,13 +142,13 @@
148
142
  --_rs-typography-link-border-bottom-width-from-text:1px;
149
143
  color:#F45C4A;
150
144
  }
151
- ._errorMessage_18w65xm_54._list_18w65xm_59{
145
+ ._errorMessage_1kpk5em_54._list_1kpk5em_59{
152
146
  margin-bottom:12px;
153
147
  }
154
- ._errorMessage_18w65xm_54._single_18w65xm_63{
148
+ ._errorMessage_1kpk5em_54._single_1kpk5em_63{
155
149
  margin-top:8px;
156
150
  }
157
- ._input_18w65xm_68{
151
+ ._input_1kpk5em_68{
158
152
  position:absolute;
159
153
  z-index:-1;
160
154
 
@@ -164,7 +158,7 @@
164
158
 
165
159
  border:0;
166
160
  }
167
- ._icon_18w65xm_79{
161
+ ._icon_1kpk5em_79{
168
162
  display:inline-block;
169
163
  float:left;
170
164
 
@@ -184,17 +178,17 @@
184
178
 
185
179
  transition:border-width ease-out 100ms, border-color ease-out 100ms;
186
180
  }
187
- ._enabled_18w65xm_95 ._icon_18w65xm_79{
181
+ ._enabled_1kpk5em_95 ._icon_1kpk5em_79{
188
182
  cursor:pointer;
189
183
  }
190
- ._indeterminate_18w65xm_99 ._icon_18w65xm_79{
184
+ ._indeterminate_1kpk5em_99 ._icon_1kpk5em_79{
191
185
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
192
186
  }
193
- ._input_18w65xm_68:checked + ._icon_18w65xm_79{
187
+ ._input_1kpk5em_68:checked + ._icon_1kpk5em_79{
194
188
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
195
189
  }
196
- ._disabled_18w65xm_107 ._icon_18w65xm_79._icon_18w65xm_79,
197
- ._input_18w65xm_68:disabled + ._icon_18w65xm_79{
190
+ ._disabled_1kpk5em_107 ._icon_1kpk5em_79._icon_1kpk5em_79,
191
+ ._input_1kpk5em_68:disabled + ._icon_1kpk5em_79{
198
192
  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
193
 
200
194
  cursor:not-allowed;
@@ -202,27 +196,27 @@
202
196
 
203
197
  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
198
  }
205
- ._input_18w65xm_68:hover + ._icon_18w65xm_79,
206
- ._enabled_18w65xm_95:hover ._icon_18w65xm_79{
199
+ ._input_1kpk5em_68:hover + ._icon_1kpk5em_79,
200
+ ._enabled_1kpk5em_95:hover ._icon_1kpk5em_79{
207
201
  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
202
  }
209
- ._enabled_18w65xm_95._indeterminate_18w65xm_99 ._icon_18w65xm_79,
210
- ._enabled_18w65xm_95._indeterminate_18w65xm_99:hover ._icon_18w65xm_79,
211
- ._enabled_18w65xm_95._indeterminate_18w65xm_99 ._input_18w65xm_68:hover + ._icon_18w65xm_79{
203
+ ._enabled_1kpk5em_95._indeterminate_1kpk5em_99 ._icon_1kpk5em_79,
204
+ ._enabled_1kpk5em_95._indeterminate_1kpk5em_99:hover ._icon_1kpk5em_79,
205
+ ._enabled_1kpk5em_95._indeterminate_1kpk5em_99 ._input_1kpk5em_68:hover + ._icon_1kpk5em_79{
212
206
  border-color:var(--_rs-checkbox-ci-indeterminate-icon-border-color);
213
207
 
214
208
  background-color:var(
215
209
  --_rs-checkbox-ci-indeterminate-icon-background-color
216
210
  );
217
211
  }
218
- ._enabled_18w65xm_95 ._input_18w65xm_68:checked + ._icon_18w65xm_79._icon_18w65xm_79{
212
+ ._enabled_1kpk5em_95 ._input_1kpk5em_68:checked + ._icon_1kpk5em_79._icon_1kpk5em_79{
219
213
  border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
220
214
  }
221
- ._error_18w65xm_54 ._icon_18w65xm_79._icon_18w65xm_79._icon_18w65xm_79._icon_18w65xm_79,
222
- ._input_18w65xm_68:invalid + ._icon_18w65xm_79._icon_18w65xm_79._icon_18w65xm_79{
215
+ ._error_1kpk5em_54 ._icon_1kpk5em_79._icon_1kpk5em_79._icon_1kpk5em_79._icon_1kpk5em_79,
216
+ ._input_1kpk5em_68:invalid + ._icon_1kpk5em_79._icon_1kpk5em_79._icon_1kpk5em_79{
223
217
  border-color:#F45C4A;
224
218
  }
225
- ._icon_18w65xm_79::after{
219
+ ._icon_1kpk5em_79::after{
226
220
  position:absolute;
227
221
  top:var(--_rs-checkbox-ci-shadow-size);
228
222
  right:var(--_rs-checkbox-ci-shadow-size);
@@ -231,17 +225,17 @@
231
225
 
232
226
  content:'';
233
227
  }
234
- ._enabled_18w65xm_95:hover > ._icon_18w65xm_79::after,
235
- label:hover ._enabled_18w65xm_95 > ._icon_18w65xm_79::after,
236
- ._enabled_18w65xm_95 ._input_18w65xm_68:active + ._icon_18w65xm_79::after{
228
+ ._enabled_1kpk5em_95:hover > ._icon_1kpk5em_79::after,
229
+ label:hover ._enabled_1kpk5em_95 > ._icon_1kpk5em_79::after,
230
+ ._enabled_1kpk5em_95 ._input_1kpk5em_68:active + ._icon_1kpk5em_79::after{
237
231
  -webkit-box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
238
232
  box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
239
233
  }
240
- ._enabled_18w65xm_95 ._input_18w65xm_68:focus[data-focus-method='key'] + ._icon_18w65xm_79::after{
234
+ ._enabled_1kpk5em_95 ._input_1kpk5em_68:focus[data-focus-method='key'] + ._icon_1kpk5em_79::after{
241
235
  -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
236
  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
237
  }
244
- ._checkmark_18w65xm_163{
238
+ ._checkmark_1kpk5em_163{
245
239
  position:absolute;
246
240
  top:var(--_rs-checkbox-ci-shadow-size);
247
241
  left:var(--_rs-checkbox-ci-shadow-size);
@@ -252,22 +246,22 @@
252
246
  height:var(--_rs-checkbox-ci-size);
253
247
  fill:currentColor;
254
248
  }
255
- ._enabled_18w65xm_95 ._checkmark_18w65xm_163{
249
+ ._enabled_1kpk5em_95 ._checkmark_1kpk5em_163{
256
250
  color:var(--_rs-checkbox-ci-mark-color);
257
251
  }
258
- ._disabled_18w65xm_107 ._checkmark_18w65xm_163,
259
- ._input_18w65xm_68:disabled + ._icon_18w65xm_79 > ._checkmark_18w65xm_163{
252
+ ._disabled_1kpk5em_107 ._checkmark_1kpk5em_163,
253
+ ._input_1kpk5em_68:disabled + ._icon_1kpk5em_79 > ._checkmark_1kpk5em_163{
260
254
  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
255
  }
262
- ._input_18w65xm_68:checked + ._icon_18w65xm_79 > ._checkmark_18w65xm_163{
256
+ ._input_1kpk5em_68:checked + ._icon_1kpk5em_79 > ._checkmark_1kpk5em_163{
263
257
  display:block;
264
258
  }
265
- ._markS_18w65xm_188{
259
+ ._markS_1kpk5em_188{
266
260
  display:var(--_rs-checkbox-ci-mark-s-display);
267
261
  }
268
- ._markM_18w65xm_191{
262
+ ._markM_1kpk5em_191{
269
263
  display:var(--_rs-checkbox-ci-mark-m-display);
270
264
  }
271
- ._markL_18w65xm_194{
265
+ ._markL_1kpk5em_194{
272
266
  display:var(--_rs-checkbox-ci-mark-l-display);
273
267
  }
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_18w65xm_8",
3
- "themeDark": "_themeDark_18w65xm_11",
4
- "sizeS": "_sizeS_18w65xm_15",
5
- "sizeM": "_sizeM_18w65xm_18",
6
- "sizeL": "_sizeL_18w65xm_21",
7
- "classic": "_classic_18w65xm_25",
8
- "rock": "_rock_18w65xm_28",
9
- "checkbox": "_checkbox_18w65xm_32",
10
- "errorMessage": "_errorMessage_18w65xm_54",
11
- "list": "_list_18w65xm_59",
12
- "single": "_single_18w65xm_63",
13
- "input": "_input_18w65xm_68",
14
- "icon": "_icon_18w65xm_79",
15
- "enabled": "_enabled_18w65xm_95",
16
- "indeterminate": "_indeterminate_18w65xm_99",
17
- "disabled": "_disabled_18w65xm_107",
18
- "error": "_error_18w65xm_54",
19
- "checkmark": "_checkmark_18w65xm_163",
20
- "markS": "_markS_18w65xm_188",
21
- "markM": "_markM_18w65xm_191",
22
- "markL": "_markL_18w65xm_194"
2
+ "themeLight": "_themeLight_1kpk5em_8",
3
+ "themeDark": "_themeDark_1kpk5em_11",
4
+ "sizeS": "_sizeS_1kpk5em_15",
5
+ "sizeM": "_sizeM_1kpk5em_18",
6
+ "sizeL": "_sizeL_1kpk5em_21",
7
+ "classic": "_classic_1kpk5em_25",
8
+ "rock": "_rock_1kpk5em_28",
9
+ "checkbox": "_checkbox_1kpk5em_32",
10
+ "errorMessage": "_errorMessage_1kpk5em_54",
11
+ "list": "_list_1kpk5em_59",
12
+ "single": "_single_1kpk5em_63",
13
+ "input": "_input_1kpk5em_68",
14
+ "icon": "_icon_1kpk5em_79",
15
+ "enabled": "_enabled_1kpk5em_95",
16
+ "indeterminate": "_indeterminate_1kpk5em_99",
17
+ "disabled": "_disabled_1kpk5em_107",
18
+ "error": "_error_1kpk5em_54",
19
+ "checkmark": "_checkmark_1kpk5em_163",
20
+ "markS": "_markS_1kpk5em_188",
21
+ "markM": "_markM_1kpk5em_191",
22
+ "markL": "_markL_1kpk5em_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.2-RUI-201-Support-css-modules-in-typography-f33bc767.25+f33bc767",
3
+ "version": "0.7.2-RUI-201-Support-css-modules-in-typography-6efea65f.26+6efea65f",
4
4
  "description": "",
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.14.0",
18
- "@rescui/menu": "0.10.2-RUI-201-Support-css-modules-in-typography-f33bc767.25+f33bc767",
18
+ "@rescui/menu": "0.10.2-RUI-201-Support-css-modules-in-typography-6efea65f.26+6efea65f",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.1-RUI-201-Support-css-modules-in-typography-f33bc767.27+f33bc767",
28
+ "@rescui/colors": "0.2.1-RUI-201-Support-css-modules-in-typography-6efea65f.28+6efea65f",
29
29
  "@rescui/postcss-preset-library": "0.2.1",
30
30
  "@rescui/scripts": "0.3.1",
31
- "@rescui/typography": "0.16.2-RUI-201-Support-css-modules-in-typography-f33bc767.25+f33bc767",
31
+ "@rescui/typography": "0.16.2-RUI-201-Support-css-modules-in-typography-6efea65f.26+6efea65f",
32
32
  "@rescui/visual-regression": "0.1.2"
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": "f33bc767b1ada744d5c50c7394a5e6e06d540baa"
39
+ "gitHead": "6efea65fdcd5dea2f275be4be0e30ee7eb6ad136"
40
40
  }