@rescui/checkbox 0.8.14 → 0.9.0

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 (11) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/checkbox.js +1 -0
  3. package/lib/index.css +78 -78
  4. package/lib/parts/checkbox-control-inner.js +2 -0
  5. package/lib/parts/checkbox-control.js +1 -0
  6. package/lib/parts/checkbox-list.js +1 -0
  7. package/lib/parts/checkbox-manager.js +1 -0
  8. package/lib/parts/checkbox.p.module.css.js +28 -28
  9. package/lib/parts/group-context.d.ts +2 -2
  10. package/lib/parts/group-context.js +1 -0
  11. package/package.json +8 -8
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_qalx95_4",
3
- "sizeXS": "_sizeXS_qalx95_14",
4
- "sizeS": "_sizeS_qalx95_18",
5
- "sizeM": "_sizeM_qalx95_22",
6
- "sizeL": "_sizeL_qalx95_26",
7
- "light": "_light_qalx95_30",
8
- "dark": "_dark_qalx95_34",
9
- "allVariants": "_allVariants_qalx95_48",
10
- "variant16": "_variant16_qalx95_53",
11
- "variant20": "_variant20_qalx95_54",
12
- "variant24": "_variant24_qalx95_55",
13
- "variant28": "_variant28_qalx95_58"
2
+ "icon": "_icon_l718ik_4",
3
+ "sizeXS": "_sizeXS_l718ik_14",
4
+ "sizeS": "_sizeS_l718ik_18",
5
+ "sizeM": "_sizeM_l718ik_22",
6
+ "sizeL": "_sizeL_l718ik_26",
7
+ "light": "_light_l718ik_30",
8
+ "dark": "_dark_l718ik_34",
9
+ "allVariants": "_allVariants_l718ik_48",
10
+ "variant16": "_variant16_l718ik_53",
11
+ "variant20": "_variant20_l718ik_54",
12
+ "variant24": "_variant24_l718ik_55",
13
+ "variant28": "_variant28_l718ik_58"
14
14
  };
15
15
  export { styles as default };
package/lib/checkbox.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import React, { useContext } from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import { MenuItem } from '@rescui/menu';
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_qalx95_4{
1
+ ._icon_l718ik_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_qalx95_4{
11
+ ._icon_l718ik_4{
12
12
  --_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)));
13
13
  --_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)));
14
14
  --_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)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_qalx95_4{
20
+ ._icon_l718ik_4{
21
21
  --_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);
22
22
  --_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));
23
23
  --_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));
@@ -25,30 +25,30 @@
25
25
  --_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));
26
26
  }
27
27
  }
28
- ._icon_qalx95_4{
28
+ ._icon_l718ik_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_qalx95_14{
35
+ ._sizeXS_l718ik_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_qalx95_18{
38
+ ._sizeS_l718ik_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_qalx95_22{
41
+ ._sizeM_l718ik_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_qalx95_26{
44
+ ._sizeL_l718ik_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_qalx95_30{
47
+ ._light_l718ik_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial: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));
50
50
  }
51
- ._dark_qalx95_34{
51
+ ._dark_l718ik_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial: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));
54
54
  }
@@ -60,49 +60,49 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_qalx95_48{
63
+ ._allVariants_l718ik_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_qalx95_53,
68
- ._variant20_qalx95_54,
69
- ._variant24_qalx95_55{
67
+ ._variant16_l718ik_53,
68
+ ._variant20_l718ik_54,
69
+ ._variant24_l718ik_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_qalx95_58{
72
+ ._variant28_l718ik_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_qalx95_55{
76
+ ._variant24_l718ik_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_qalx95_58{
79
+ ._variant28_l718ik_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_qalx95_54{
84
+ ._variant20_l718ik_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_qalx95_55{
87
+ ._variant24_l718ik_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_qalx95_53{
92
+ ._variant16_l718ik_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_qalx95_54{
95
+ ._variant20_l718ik_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_58u9n4_8{
99
+ ._themeLight_109mks5_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_58u9n4_11{
102
+ ._themeDark_109mks5_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._container_58u9n4_15{
105
+ ._container_109mks5_15{
106
106
  --_rs-theme-dark:var(
107
107
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
108
108
  var(--rs-theme-dark, 0)
@@ -112,7 +112,7 @@
112
112
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
113
113
  }
114
114
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
115
- ._container_58u9n4_15{
115
+ ._container_109mks5_15{
116
116
  --_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)));
117
117
  --_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)));
118
118
  --_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)));
@@ -121,7 +121,7 @@
121
121
  }
122
122
  }
123
123
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
124
- ._container_58u9n4_15{
124
+ ._container_109mks5_15{
125
125
  --_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);
126
126
  --_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));
127
127
  --_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));
@@ -129,7 +129,7 @@
129
129
  --_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));
130
130
  }
131
131
  }
132
- ._listSizeS_58u9n4_20 [data-rs-internal='checkbox-list__error-message']{
132
+ ._listSizeS_109mks5_20 [data-rs-internal='checkbox-list__error-message']{
133
133
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
134
134
  --_rs-typography-text-transform:initial;
135
135
  --_rs-typography-font-variant-numeric:initial;
@@ -160,10 +160,10 @@
160
160
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
161
161
  --_rs-typography-link-border-bottom-width-from-text:2px;
162
162
  }
163
- ._listSizeS_58u9n4_20 [data-rs-internal='checkbox-list__error-icon']:not(html){
163
+ ._listSizeS_109mks5_20 [data-rs-internal='checkbox-list__error-icon']:not(html){
164
164
  --_rs-icons-height:20px;
165
165
  }
166
- ._listSizeM_58u9n4_23 [data-rs-internal='checkbox-list__error-message']{
166
+ ._listSizeM_109mks5_23 [data-rs-internal='checkbox-list__error-message']{
167
167
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
168
168
  --_rs-typography-text-transform:initial;
169
169
  --_rs-typography-font-variant-numeric:initial;
@@ -194,10 +194,10 @@
194
194
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
195
195
  --_rs-typography-link-border-bottom-width-from-text:2px;
196
196
  }
197
- ._listSizeM_58u9n4_23 [data-rs-internal='checkbox-list__error-icon']:not(html){
197
+ ._listSizeM_109mks5_23 [data-rs-internal='checkbox-list__error-icon']:not(html){
198
198
  --_rs-icons-height:20px;
199
199
  }
200
- ._listSizeL_58u9n4_26 [data-rs-internal='checkbox-list__error-message']{
200
+ ._listSizeL_109mks5_26 [data-rs-internal='checkbox-list__error-message']{
201
201
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
202
202
  --_rs-typography-text-transform:initial;
203
203
  --_rs-typography-font-variant-numeric:initial;
@@ -228,10 +228,10 @@
228
228
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
229
229
  --_rs-typography-link-border-bottom-width-from-text:2px;
230
230
  }
231
- ._listSizeL_58u9n4_26 [data-rs-internal='checkbox-list__error-icon']:not(html){
231
+ ._listSizeL_109mks5_26 [data-rs-internal='checkbox-list__error-icon']:not(html){
232
232
  --_rs-icons-height:24px;
233
233
  }
234
- ._checkboxSizeS_58u9n4_30 [data-rs-internal='checkbox__error-message']{
234
+ ._checkboxSizeS_109mks5_30 [data-rs-internal='checkbox__error-message']{
235
235
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
236
236
  --_rs-typography-text-transform:initial;
237
237
  --_rs-typography-font-variant-numeric:initial;
@@ -262,10 +262,10 @@
262
262
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
263
263
  --_rs-typography-link-border-bottom-width-from-text:2px;
264
264
  }
265
- ._checkboxSizeS_58u9n4_30 [data-rs-internal='checkbox__error-icon']:not(html){
265
+ ._checkboxSizeS_109mks5_30 [data-rs-internal='checkbox__error-icon']:not(html){
266
266
  --_rs-icons-height:20px;
267
267
  }
268
- ._checkboxSizeM_58u9n4_33 [data-rs-internal='checkbox__error-message']{
268
+ ._checkboxSizeM_109mks5_33 [data-rs-internal='checkbox__error-message']{
269
269
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
270
270
  --_rs-typography-text-transform:initial;
271
271
  --_rs-typography-font-variant-numeric:initial;
@@ -296,10 +296,10 @@
296
296
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
297
297
  --_rs-typography-link-border-bottom-width-from-text:2px;
298
298
  }
299
- ._checkboxSizeM_58u9n4_33 [data-rs-internal='checkbox__error-icon']:not(html){
299
+ ._checkboxSizeM_109mks5_33 [data-rs-internal='checkbox__error-icon']:not(html){
300
300
  --_rs-icons-height:20px;
301
301
  }
302
- ._checkboxSizeL_58u9n4_36 [data-rs-internal='checkbox__error-message']{
302
+ ._checkboxSizeL_109mks5_36 [data-rs-internal='checkbox__error-message']{
303
303
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
304
304
  --_rs-typography-text-transform:initial;
305
305
  --_rs-typography-font-variant-numeric:initial;
@@ -330,10 +330,10 @@
330
330
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
331
331
  --_rs-typography-link-border-bottom-width-from-text:2px;
332
332
  }
333
- ._checkboxSizeL_58u9n4_36 [data-rs-internal='checkbox__error-icon']:not(html){
333
+ ._checkboxSizeL_109mks5_36 [data-rs-internal='checkbox__error-icon']:not(html){
334
334
  --_rs-icons-height:24px;
335
335
  }
336
- ._sizeS_58u9n4_40{
336
+ ._sizeS_109mks5_40{
337
337
  --_rs-checkbox-ci-mark-s-display:initial;
338
338
  --_rs-checkbox-ci-mark-m-display:none;
339
339
  --_rs-checkbox-ci-mark-l-display:none;
@@ -341,7 +341,7 @@
341
341
  --_rs-checkbox-ci-shadow-size:3px;
342
342
  --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
343
343
  }
344
- ._sizeM_58u9n4_43{
344
+ ._sizeM_109mks5_43{
345
345
  --_rs-checkbox-ci-mark-s-display:none;
346
346
  --_rs-checkbox-ci-mark-m-display:initial;
347
347
  --_rs-checkbox-ci-mark-l-display:none;
@@ -349,7 +349,7 @@
349
349
  --_rs-checkbox-ci-shadow-size:3px;
350
350
  --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
351
351
  }
352
- ._sizeL_58u9n4_46{
352
+ ._sizeL_109mks5_46{
353
353
  --_rs-checkbox-ci-mark-s-display:none;
354
354
  --_rs-checkbox-ci-mark-m-display:none;
355
355
  --_rs-checkbox-ci-mark-l-display:initial;
@@ -357,14 +357,14 @@
357
357
  --_rs-checkbox-ci-shadow-size:4px;
358
358
  --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
359
359
  }
360
- ._classic_58u9n4_50{
360
+ ._classic_109mks5_50{
361
361
  --_rs-checkbox-ci-mark-color:#FFFFFF;
362
362
  --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
363
363
  --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
364
364
  --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
365
365
  --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
366
366
  }
367
- ._rock_58u9n4_53{
367
+ ._rock_109mks5_53{
368
368
  --_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));
369
369
  --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
370
370
  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)
@@ -380,7 +380,7 @@
380
380
  0.1
381
381
  );
382
382
  }
383
- ._checkbox_58u9n4_30{
383
+ ._checkbox_109mks5_30{
384
384
  --_rs-theme-dark:var(
385
385
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
386
386
  var(--rs-theme-dark, 0)
@@ -390,7 +390,7 @@
390
390
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
391
391
  }
392
392
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
393
- ._checkbox_58u9n4_30{
393
+ ._checkbox_109mks5_30{
394
394
  --_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)));
395
395
  --_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)));
396
396
  --_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)));
@@ -399,7 +399,7 @@
399
399
  }
400
400
  }
401
401
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
402
- ._checkbox_58u9n4_30{
402
+ ._checkbox_109mks5_30{
403
403
  --_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);
404
404
  --_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));
405
405
  --_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));
@@ -407,7 +407,7 @@
407
407
  --_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));
408
408
  }
409
409
  }
410
- ._checkbox_58u9n4_30 {
410
+ ._checkbox_109mks5_30 {
411
411
 
412
412
  position:relative;
413
413
 
@@ -422,7 +422,7 @@
422
422
 
423
423
  text-align:left;
424
424
  }
425
- ._errorMessage_58u9n4_79{
425
+ ._errorMessage_109mks5_79{
426
426
  letter-spacing:var(
427
427
  --rs-text-base-letter-spacing,
428
428
  var(--_rs-typography-letter-spacing)
@@ -442,15 +442,15 @@
442
442
  -moz-column-gap:8px;
443
443
  column-gap:8px;
444
444
  }
445
- ._errorMessage_58u9n4_79._list_58u9n4_20{
445
+ ._errorMessage_109mks5_79._list_109mks5_20{
446
446
  margin-bottom:8px;
447
447
  }
448
- ._errorIcon_58u9n4_93{
448
+ ._errorIcon_109mks5_93{
449
449
  flex:0 0 auto;
450
450
 
451
451
  color:#F45C4A;
452
452
  }
453
- ._input_58u9n4_99{
453
+ ._input_109mks5_99{
454
454
  position:absolute;
455
455
  z-index:-1;
456
456
 
@@ -460,7 +460,7 @@
460
460
 
461
461
  border:0;
462
462
  }
463
- ._icon_58u9n4_110{
463
+ ._icon_109mks5_110{
464
464
  display:inline-block;
465
465
  float:left;
466
466
 
@@ -476,17 +476,17 @@
476
476
 
477
477
  transition:border-width ease-out 100ms, border-color ease-out 100ms;
478
478
  }
479
- ._enabled_58u9n4_126 ._icon_58u9n4_110{
479
+ ._enabled_109mks5_126 ._icon_109mks5_110{
480
480
  cursor:pointer;
481
481
  }
482
- ._indeterminate_58u9n4_130 ._icon_58u9n4_110{
482
+ ._indeterminate_109mks5_130 ._icon_109mks5_110{
483
483
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
484
484
  }
485
- ._input_58u9n4_99:checked + ._icon_58u9n4_110{
485
+ ._input_109mks5_99:checked + ._icon_109mks5_110{
486
486
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
487
487
  }
488
- ._disabled_58u9n4_138 ._icon_58u9n4_110._icon_58u9n4_110,
489
- ._input_58u9n4_99:disabled + ._icon_58u9n4_110{
488
+ ._disabled_109mks5_138 ._icon_109mks5_110._icon_109mks5_110,
489
+ ._input_109mks5_99:disabled + ._icon_109mks5_110{
490
490
  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));
491
491
 
492
492
  cursor:not-allowed;
@@ -494,27 +494,27 @@
494
494
 
495
495
  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));
496
496
  }
497
- ._input_58u9n4_99:hover + ._icon_58u9n4_110,
498
- ._enabled_58u9n4_126:hover ._icon_58u9n4_110{
497
+ ._input_109mks5_99:hover + ._icon_109mks5_110,
498
+ ._enabled_109mks5_126:hover ._icon_109mks5_110{
499
499
  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));
500
500
  }
501
- ._enabled_58u9n4_126._indeterminate_58u9n4_130 ._icon_58u9n4_110,
502
- ._enabled_58u9n4_126._indeterminate_58u9n4_130:hover ._icon_58u9n4_110,
503
- ._enabled_58u9n4_126._indeterminate_58u9n4_130 ._input_58u9n4_99:hover + ._icon_58u9n4_110{
501
+ ._enabled_109mks5_126._indeterminate_109mks5_130 ._icon_109mks5_110,
502
+ ._enabled_109mks5_126._indeterminate_109mks5_130:hover ._icon_109mks5_110,
503
+ ._enabled_109mks5_126._indeterminate_109mks5_130 ._input_109mks5_99:hover + ._icon_109mks5_110{
504
504
  border-color:var(--_rs-checkbox-ci-indeterminate-icon-border-color);
505
505
 
506
506
  background-color:var(
507
507
  --_rs-checkbox-ci-indeterminate-icon-background-color
508
508
  );
509
509
  }
510
- ._enabled_58u9n4_126 ._input_58u9n4_99:checked + ._icon_58u9n4_110._icon_58u9n4_110{
510
+ ._enabled_109mks5_126 ._input_109mks5_99:checked + ._icon_109mks5_110._icon_109mks5_110{
511
511
  border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
512
512
  }
513
- ._error_58u9n4_79 ._icon_58u9n4_110._icon_58u9n4_110._icon_58u9n4_110._icon_58u9n4_110,
514
- ._input_58u9n4_99:invalid + ._icon_58u9n4_110._icon_58u9n4_110._icon_58u9n4_110{
513
+ ._error_109mks5_79 ._icon_109mks5_110._icon_109mks5_110._icon_109mks5_110._icon_109mks5_110,
514
+ ._input_109mks5_99:invalid + ._icon_109mks5_110._icon_109mks5_110._icon_109mks5_110{
515
515
  border-color:#F45C4A;
516
516
  }
517
- ._icon_58u9n4_110::after{
517
+ ._icon_109mks5_110::after{
518
518
  position:absolute;
519
519
  top:var(--_rs-checkbox-ci-shadow-size);
520
520
  right:var(--_rs-checkbox-ci-shadow-size);
@@ -523,15 +523,15 @@
523
523
 
524
524
  content:'';
525
525
  }
526
- ._enabled_58u9n4_126:hover > ._icon_58u9n4_110::after,
527
- label:hover ._enabled_58u9n4_126 > ._icon_58u9n4_110::after,
528
- ._enabled_58u9n4_126 ._input_58u9n4_99:active + ._icon_58u9n4_110::after{
526
+ ._enabled_109mks5_126:hover > ._icon_109mks5_110::after,
527
+ label:hover ._enabled_109mks5_126 > ._icon_109mks5_110::after,
528
+ ._enabled_109mks5_126 ._input_109mks5_99:active + ._icon_109mks5_110::after{
529
529
  box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
530
530
  }
531
- ._enabled_58u9n4_126 ._input_58u9n4_99:focus[data-focus-method='key'] + ._icon_58u9n4_110::after{
531
+ ._enabled_109mks5_126 ._input_109mks5_99:focus[data-focus-method='key'] + ._icon_109mks5_110::after{
532
532
  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);
533
533
  }
534
- ._checkmark_58u9n4_194{
534
+ ._checkmark_109mks5_194{
535
535
  position:absolute;
536
536
  top:var(--_rs-checkbox-ci-shadow-size);
537
537
  left:var(--_rs-checkbox-ci-shadow-size);
@@ -542,22 +542,22 @@
542
542
  height:var(--_rs-checkbox-ci-size);
543
543
  fill:currentColor;
544
544
  }
545
- ._enabled_58u9n4_126 ._checkmark_58u9n4_194{
545
+ ._enabled_109mks5_126 ._checkmark_109mks5_194{
546
546
  color:var(--_rs-checkbox-ci-mark-color);
547
547
  }
548
- ._disabled_58u9n4_138 ._checkmark_58u9n4_194,
549
- ._input_58u9n4_99:disabled + ._icon_58u9n4_110 > ._checkmark_58u9n4_194{
548
+ ._disabled_109mks5_138 ._checkmark_109mks5_194,
549
+ ._input_109mks5_99:disabled + ._icon_109mks5_110 > ._checkmark_109mks5_194{
550
550
  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));
551
551
  }
552
- ._input_58u9n4_99:checked + ._icon_58u9n4_110 > ._checkmark_58u9n4_194{
552
+ ._input_109mks5_99:checked + ._icon_109mks5_110 > ._checkmark_109mks5_194{
553
553
  display:block;
554
554
  }
555
- ._markS_58u9n4_219{
555
+ ._markS_109mks5_219{
556
556
  display:var(--_rs-checkbox-ci-mark-s-display);
557
557
  }
558
- ._markM_58u9n4_222{
558
+ ._markM_109mks5_222{
559
559
  display:var(--_rs-checkbox-ci-mark-m-display);
560
560
  }
561
- ._markL_58u9n4_225{
561
+ ._markL_109mks5_225{
562
562
  display:var(--_rs-checkbox-ci-mark-l-display);
563
563
  }
package/lib/parts/checkbox-control-inner.js CHANGED
@@ -22,6 +22,8 @@ const DEFAULT_MODE = 'classic';
22
22
  const CheckboxControlInner = /*#__PURE__*/React.forwardRef(function CheckboxControlInner(_ref, ref) {
23
23
  let {
24
24
  className,
25
+ // eslint-disable-next-line @typescript-eslint/ban-ts-ignore, react/prop-types
26
+ // @ts-ignore
25
27
  children,
26
28
  theme: themeFromProps,
27
29
  isError,
package/lib/parts/checkbox-control.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
2
3
  import React from 'react';
3
4
  import { GroupContext } from './group-context.js';
package/lib/parts/checkbox-list.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import React from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import { Menu } from '@rescui/menu';
package/lib/parts/checkbox-manager.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import React, { useState, useRef, useEffect, useCallback } from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import { GroupContext } from './group-context.js';
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_58u9n4_8",
3
- "themeDark": "_themeDark_58u9n4_11",
4
- "container": "_container_58u9n4_15",
5
- "listSizeS": "_listSizeS_58u9n4_20",
6
- "listSizeM": "_listSizeM_58u9n4_23",
7
- "listSizeL": "_listSizeL_58u9n4_26",
8
- "checkboxSizeS": "_checkboxSizeS_58u9n4_30",
9
- "checkboxSizeM": "_checkboxSizeM_58u9n4_33",
10
- "checkboxSizeL": "_checkboxSizeL_58u9n4_36",
11
- "sizeS": "_sizeS_58u9n4_40",
12
- "sizeM": "_sizeM_58u9n4_43",
13
- "sizeL": "_sizeL_58u9n4_46",
14
- "classic": "_classic_58u9n4_50",
15
- "rock": "_rock_58u9n4_53",
16
- "checkbox": "_checkbox_58u9n4_30",
17
- "errorMessage": "_errorMessage_58u9n4_79",
18
- "list": "_list_58u9n4_20",
19
- "errorIcon": "_errorIcon_58u9n4_93",
20
- "input": "_input_58u9n4_99",
21
- "icon": "_icon_58u9n4_110",
22
- "enabled": "_enabled_58u9n4_126",
23
- "indeterminate": "_indeterminate_58u9n4_130",
24
- "disabled": "_disabled_58u9n4_138",
25
- "error": "_error_58u9n4_79",
26
- "checkmark": "_checkmark_58u9n4_194",
27
- "markS": "_markS_58u9n4_219",
28
- "markM": "_markM_58u9n4_222",
29
- "markL": "_markL_58u9n4_225"
2
+ "themeLight": "_themeLight_109mks5_8",
3
+ "themeDark": "_themeDark_109mks5_11",
4
+ "container": "_container_109mks5_15",
5
+ "listSizeS": "_listSizeS_109mks5_20",
6
+ "listSizeM": "_listSizeM_109mks5_23",
7
+ "listSizeL": "_listSizeL_109mks5_26",
8
+ "checkboxSizeS": "_checkboxSizeS_109mks5_30",
9
+ "checkboxSizeM": "_checkboxSizeM_109mks5_33",
10
+ "checkboxSizeL": "_checkboxSizeL_109mks5_36",
11
+ "sizeS": "_sizeS_109mks5_40",
12
+ "sizeM": "_sizeM_109mks5_43",
13
+ "sizeL": "_sizeL_109mks5_46",
14
+ "classic": "_classic_109mks5_50",
15
+ "rock": "_rock_109mks5_53",
16
+ "checkbox": "_checkbox_109mks5_30",
17
+ "errorMessage": "_errorMessage_109mks5_79",
18
+ "list": "_list_109mks5_20",
19
+ "errorIcon": "_errorIcon_109mks5_93",
20
+ "input": "_input_109mks5_99",
21
+ "icon": "_icon_109mks5_110",
22
+ "enabled": "_enabled_109mks5_126",
23
+ "indeterminate": "_indeterminate_109mks5_130",
24
+ "disabled": "_disabled_109mks5_138",
25
+ "error": "_error_109mks5_79",
26
+ "checkmark": "_checkmark_109mks5_194",
27
+ "markS": "_markS_109mks5_219",
28
+ "markM": "_markM_109mks5_222",
29
+ "markL": "_markL_109mks5_225"
30
30
  };
31
31
  export { styles as default };
package/lib/parts/group-context.d.ts CHANGED
@@ -3,8 +3,8 @@ import { Theme } from '@rescui/ui-contexts';
3
3
  import { CheckboxSize } from './checkbox-control-inner';
4
4
  export declare type GroupContextValue = {
5
5
  value: string[];
6
- addToValue?: (val: string[]) => void;
7
- removeFromValue?: (val: string[]) => void;
6
+ addToValue?: (val: string) => void;
7
+ removeFromValue?: (val: string) => void;
8
8
  inGroup: boolean;
9
9
  handleCheckboxChange?: React.ChangeEventHandler<HTMLInputElement>;
10
10
  isError?: boolean;
package/lib/parts/group-context.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createContext } from 'react'; // eslint-disable-next-line @typescript-eslint/no-empty-function
2
3
 
3
4
  const noop = () => {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/checkbox",
3
- "version": "0.8.14",
3
+ "version": "0.9.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,19 +16,19 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/menu": "^0.11.0",
19
+ "@rescui/menu": "^0.12.0",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "@rescui/ui-contexts": "^0.5.0",
24
- "prop-types": "^15.7.2",
25
- "react": ">=16.8.0 <19"
24
+ "prop-types": "^15",
25
+ "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.9",
28
+ "@rescui/colors": "^0.2.10",
29
29
  "@rescui/postcss-preset-library": "^0.2.2",
30
- "@rescui/scripts": "^0.5.0",
31
- "@rescui/typography": "^0.23.2",
30
+ "@rescui/scripts": "^0.5.1",
31
+ "@rescui/typography": "^0.24.0",
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": "f31d27b895bfc5f3ffa3f2dda08072b7dd2c928c"
39
+ "gitHead": "8c7f861e3b95e9be677161ef7a00664db67decd9"
40
40
  }