@rescui/checkbox 0.11.4 → 0.12.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/checkbox.js +166 -45
  2. package/lib/index.css +69 -69
  3. package/lib/parts/checkbox-control-inner.js +168 -36
  4. package/lib/parts/checkbox-control.js +57 -45
  5. package/lib/parts/checkbox-list.js +230 -65
  6. package/lib/parts/checkbox-list.p.module.css.js +13 -13
  7. package/lib/parts/checkbox-manager.js +139 -39
  8. package/lib/parts/checkbox.p.module.css.js +22 -22
  9. package/lib/parts/group-context.js +1 -1
  10. package/lib/parts/marks.js +139 -35
  11. package/package.json +10 -9
package/lib/checkbox.js CHANGED
@@ -1,4 +1,6 @@
1
1
  "use client";
2
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
3
+ import { c } from 'react-compiler-runtime';
2
4
  import React, { useContext } from 'react';
3
5
  import PropTypes from 'prop-types';
4
6
  import { MenuItem } from '@rescui/menu';
@@ -18,25 +20,71 @@ const SIZE_STYLES = {
18
20
  m: styles.checkboxSizeM,
19
21
  l: styles.checkboxSizeL
20
22
  };
21
- const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
22
- let {
23
- children,
24
- className,
25
- id,
26
- disabled,
27
- mode = 'classic',
28
- size: propsSize = 'm',
29
- theme: themeFromProps,
30
- // eslint-disable-next-line react/prop-types
31
- onMouseEnter,
32
- // eslint-disable-next-line react/prop-types
33
- onMouseLeave,
34
- // eslint-disable-next-line react/prop-types
35
- onClick,
36
- error,
37
- reserveErrorLine = false,
38
- ...restProps
39
- } = _ref;
23
+ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(t0, ref) {
24
+ const $ = c(45);
25
+ let children;
26
+ let className;
27
+ let disabled;
28
+ let error;
29
+ let id;
30
+ let onClick;
31
+ let onMouseEnter;
32
+ let onMouseLeave;
33
+ let restProps;
34
+ let t1;
35
+ let t2;
36
+ let t3;
37
+ let themeFromProps;
38
+
39
+ if ($[0] !== t0) {
40
+ ({
41
+ children,
42
+ className,
43
+ id,
44
+ disabled,
45
+ mode: t1,
46
+ size: t2,
47
+ theme: themeFromProps,
48
+ onMouseEnter,
49
+ onMouseLeave,
50
+ onClick,
51
+ error,
52
+ reserveErrorLine: t3,
53
+ ...restProps
54
+ } = t0);
55
+ $[0] = t0;
56
+ $[1] = children;
57
+ $[2] = className;
58
+ $[3] = disabled;
59
+ $[4] = error;
60
+ $[5] = id;
61
+ $[6] = onClick;
62
+ $[7] = onMouseEnter;
63
+ $[8] = onMouseLeave;
64
+ $[9] = restProps;
65
+ $[10] = t1;
66
+ $[11] = t2;
67
+ $[12] = t3;
68
+ $[13] = themeFromProps;
69
+ } else {
70
+ children = $[1];
71
+ className = $[2];
72
+ disabled = $[3];
73
+ error = $[4];
74
+ id = $[5];
75
+ onClick = $[6];
76
+ onMouseEnter = $[7];
77
+ onMouseLeave = $[8];
78
+ restProps = $[9];
79
+ t1 = $[10];
80
+ t2 = $[11];
81
+ t3 = $[12];
82
+ themeFromProps = $[13];
83
+ }
84
+
85
+ const mode = t1 === undefined ? "classic" : t1;
86
+ const propsSize = t2 === undefined ? "m" : t2;
87
+ const reserveErrorLine = t3 === undefined ? false : t3;
40
88
  const theme = useThemeWithUndefined(themeFromProps);
41
89
  const {
42
90
  inGroup,
@@ -45,38 +93,111 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
45
93
  const size = !inGroup ? propsSize : contextSize || propsSize;
46
94
  const uniqueId = `checkbox-list-${useSafeId()}`;
47
95
  const errorId = `${id ? id : uniqueId}-error`;
48
- return /*#__PURE__*/React.createElement("div", {
49
- className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size]),
50
- id: id,
51
- "data-test": "checkbox__wrapper",
52
- "data-rs-internal": 'checkbox'
53
- }, /*#__PURE__*/React.createElement(MenuItem, {
54
- tag: 'label',
55
- mode: 'clear',
56
- size: size,
57
- theme: theme,
58
- disabled: disabled,
59
- onMouseEnter: onMouseEnter,
60
- onMouseLeave: onMouseLeave,
61
- onClick: onClick,
62
- tabIndex: null,
63
- icon: /*#__PURE__*/React.createElement(CheckboxControl, {
96
+ const t4 = THEME_STYLES[theme];
97
+ const t5 = SIZE_STYLES[size];
98
+ let t6;
99
+
100
+ if ($[14] !== className || $[15] !== t4 || $[16] !== t5) {
101
+ t6 = cn(className, styles.container, t4, t5);
102
+ $[14] = className;
103
+ $[15] = t4;
104
+ $[16] = t5;
105
+ $[17] = t6;
106
+ } else {
107
+ t6 = $[17];
108
+ }
109
+
110
+ const t7 = Boolean(error);
111
+ let t8;
112
+
113
+ if ($[18] !== disabled || $[19] !== errorId || $[20] !== mode || $[21] !== ref || $[22] !== restProps || $[23] !== size || $[24] !== t7 || $[25] !== theme) {
114
+ t8 = /*#__PURE__*/React.createElement(CheckboxControl, _extends({
64
115
  ref: ref,
65
116
  disabled: disabled,
66
117
  size: size,
67
118
  mode: mode,
68
119
  theme: theme,
69
- isError: Boolean(error),
120
+ isError: t7,
70
121
  errorId: errorId,
71
- notUseLabelTag: true,
72
- ...restProps
73
- })
74
- }, children), /*#__PURE__*/React.createElement(ErrorMessage, {
75
- id: errorId,
76
- className: styles.errorMessage,
77
- "data-test": 'checkbox__error',
78
- reserveLine: reserveErrorLine
79
- }, error));
122
+ notUseLabelTag: true
123
+ }, restProps));
124
+ $[18] = disabled;
125
+ $[19] = errorId;
126
+ $[20] = mode;
127
+ $[21] = ref;
128
+ $[22] = restProps;
129
+ $[23] = size;
130
+ $[24] = t7;
131
+ $[25] = theme;
132
+ $[26] = t8;
133
+ } else {
134
+ t8 = $[26];
135
+ }
136
+
137
+ let t9;
138
+
139
+ if ($[27] !== children || $[28] !== disabled || $[29] !== onClick || $[30] !== onMouseEnter || $[31] !== onMouseLeave || $[32] !== size || $[33] !== t8 || $[34] !== theme) {
140
+ t9 = /*#__PURE__*/React.createElement(MenuItem, {
141
+ tag: "label",
142
+ mode: "clear",
143
+ size: size,
144
+ theme: theme,
145
+ disabled: disabled,
146
+ onMouseEnter: onMouseEnter,
147
+ onMouseLeave: onMouseLeave,
148
+ onClick: onClick,
149
+ tabIndex: null,
150
+ icon: t8
151
+ }, children);
152
+ $[27] = children;
153
+ $[28] = disabled;
154
+ $[29] = onClick;
155
+ $[30] = onMouseEnter;
156
+ $[31] = onMouseLeave;
157
+ $[32] = size;
158
+ $[33] = t8;
159
+ $[34] = theme;
160
+ $[35] = t9;
161
+ } else {
162
+ t9 = $[35];
163
+ }
164
+
165
+ let t10;
166
+
167
+ if ($[36] !== error || $[37] !== errorId || $[38] !== reserveErrorLine) {
168
+ t10 = /*#__PURE__*/React.createElement(ErrorMessage, {
169
+ id: errorId,
170
+ className: styles.errorMessage,
171
+ "data-test": "checkbox__error",
172
+ reserveLine: reserveErrorLine
173
+ }, error);
174
+ $[36] = error;
175
+ $[37] = errorId;
176
+ $[38] = reserveErrorLine;
177
+ $[39] = t10;
178
+ } else {
179
+ t10 = $[39];
180
+ }
181
+
182
+ let t11;
183
+
184
+ if ($[40] !== id || $[41] !== t10 || $[42] !== t6 || $[43] !== t9) {
185
+ t11 = /*#__PURE__*/React.createElement("div", {
186
+ className: t6,
187
+ id: id,
188
+ "data-test": "checkbox__wrapper",
189
+ "data-rs-internal": "checkbox"
190
+ }, t9, t10);
191
+ $[40] = id;
192
+ $[41] = t10;
193
+ $[42] = t6;
194
+ $[43] = t9;
195
+ $[44] = t11;
196
+ } else {
197
+ t11 = $[44];
198
+ }
199
+
200
+ return t11;
80
201
  });
81
202
  Checkbox.propTypes = {
82
203
  checked: PropTypes.bool,
package/lib/index.css CHANGED
@@ -3,22 +3,22 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_1j4rspc_8{
6
+ ._themeLight_116b7cs_8{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_1j4rspc_11{
9
+ ._themeDark_116b7cs_11{
10
10
  --rs-theme-dark:1;
11
11
  }
12
- ._checkboxSizeS_1j4rspc_15{
12
+ ._checkboxSizeS_116b7cs_15{
13
13
  --_rs-checkbox-parts-offset:4px;
14
14
  }
15
- ._checkboxSizeM_1j4rspc_18{
15
+ ._checkboxSizeM_116b7cs_18{
16
16
  --_rs-checkbox-parts-offset:8px;
17
17
  }
18
- ._checkboxSizeL_1j4rspc_21{
18
+ ._checkboxSizeL_116b7cs_21{
19
19
  --_rs-checkbox-parts-offset:8px;
20
20
  }
21
- ._sizeS_1j4rspc_25{
21
+ ._sizeS_116b7cs_25{
22
22
  --_rs-checkbox-ci-mark-s-display:initial;
23
23
  --_rs-checkbox-ci-mark-m-display:none;
24
24
  --_rs-checkbox-ci-mark-l-display:none;
@@ -26,7 +26,7 @@
26
26
  --_rs-checkbox-ci-shadow-size:3px;
27
27
  --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
28
28
  }
29
- ._sizeM_1j4rspc_28{
29
+ ._sizeM_116b7cs_28{
30
30
  --_rs-checkbox-ci-mark-s-display:none;
31
31
  --_rs-checkbox-ci-mark-m-display:initial;
32
32
  --_rs-checkbox-ci-mark-l-display:none;
@@ -34,7 +34,7 @@
34
34
  --_rs-checkbox-ci-shadow-size:3px;
35
35
  --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
36
36
  }
37
- ._sizeL_1j4rspc_31{
37
+ ._sizeL_116b7cs_31{
38
38
  --_rs-checkbox-ci-mark-s-display:none;
39
39
  --_rs-checkbox-ci-mark-m-display:none;
40
40
  --_rs-checkbox-ci-mark-l-display:initial;
@@ -42,14 +42,14 @@
42
42
  --_rs-checkbox-ci-shadow-size:4px;
43
43
  --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
44
44
  }
45
- ._classic_1j4rspc_35{
45
+ ._classic_116b7cs_35{
46
46
  --_rs-checkbox-ci-mark-color:#FFFFFF;
47
47
  --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
48
48
  --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
49
49
  --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
50
50
  --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
51
51
  }
52
- ._rock_1j4rspc_38{
52
+ ._rock_116b7cs_38{
53
53
  --_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));
54
54
  --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
55
55
  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)
@@ -65,7 +65,7 @@
65
65
  0.1
66
66
  );
67
67
  }
68
- ._checkbox_1j4rspc_15{
68
+ ._checkbox_116b7cs_15{
69
69
  --_rs-theme-dark:var(
70
70
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
71
71
  var(--rs-theme-dark, 0)
@@ -75,7 +75,7 @@
75
75
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
76
76
  }
77
77
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
78
- ._checkbox_1j4rspc_15{
78
+ ._checkbox_116b7cs_15{
79
79
  --_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)));
80
80
  --_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)));
81
81
  --_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)));
@@ -84,7 +84,7 @@
84
84
  }
85
85
  }
86
86
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
87
- ._checkbox_1j4rspc_15{
87
+ ._checkbox_116b7cs_15{
88
88
  --_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);
89
89
  --_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));
90
90
  --_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));
@@ -93,18 +93,18 @@
93
93
  }
94
94
  }
95
95
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
96
- ._checkbox_1j4rspc_15{
96
+ ._checkbox_116b7cs_15{
97
97
  --_rs-color-danger:color-mix(in srgb, #CC1400 calc(100%*var(--_rs-theme-light-coefficient, 1)), #FF6553 calc(100%*var(--_rs-theme-dark-coefficient, 0)));
98
98
  --_rs-color-danger-bg:color-mix(in srgb, rgba(204,20,0, 0.2) calc(100%*var(--_rs-theme-light-coefficient, 1)), rgba(255,101,83, 0.2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
99
99
  }
100
100
  }
101
101
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
102
- ._checkbox_1j4rspc_15{
102
+ ._checkbox_116b7cs_15{
103
103
  --_rs-color-danger:rgb(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83));
104
104
  --_rs-color-danger-bg:rgba(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83), 0.2);
105
105
  }
106
106
  }
107
- ._checkbox_1j4rspc_15 {
107
+ ._checkbox_116b7cs_15 {
108
108
 
109
109
  position:relative;
110
110
 
@@ -119,7 +119,7 @@
119
119
 
120
120
  text-align:left;
121
121
  }
122
- ._input_1j4rspc_65{
122
+ ._input_116b7cs_65{
123
123
  position:absolute;
124
124
  z-index:-1;
125
125
 
@@ -129,7 +129,7 @@
129
129
 
130
130
  border:0;
131
131
  }
132
- ._icon_1j4rspc_76{
132
+ ._icon_116b7cs_76{
133
133
  display:inline-block;
134
134
  float:left;
135
135
 
@@ -145,17 +145,17 @@
145
145
 
146
146
  transition:border-width var(--rs-transition-function, ease-out) 100ms, border-color var(--rs-transition-function, ease-out) 100ms;
147
147
  }
148
- ._enabled_1j4rspc_93 ._icon_1j4rspc_76{
148
+ ._enabled_116b7cs_93 ._icon_116b7cs_76{
149
149
  cursor:pointer;
150
150
  }
151
- ._indeterminate_1j4rspc_97 ._icon_1j4rspc_76{
151
+ ._indeterminate_116b7cs_97 ._icon_116b7cs_76{
152
152
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
153
153
  }
154
- ._input_1j4rspc_65:checked + ._icon_1j4rspc_76{
154
+ ._input_116b7cs_65:checked + ._icon_116b7cs_76{
155
155
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
156
156
  }
157
- ._disabled_1j4rspc_105 ._icon_1j4rspc_76._icon_1j4rspc_76,
158
- ._input_1j4rspc_65:disabled + ._icon_1j4rspc_76{
157
+ ._disabled_116b7cs_105 ._icon_116b7cs_76._icon_116b7cs_76,
158
+ ._input_116b7cs_65:disabled + ._icon_116b7cs_76{
159
159
  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));
160
160
 
161
161
  cursor:not-allowed;
@@ -163,27 +163,27 @@
163
163
 
164
164
  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));
165
165
  }
166
- ._input_1j4rspc_65:hover + ._icon_1j4rspc_76,
167
- ._enabled_1j4rspc_93:hover ._icon_1j4rspc_76{
166
+ ._input_116b7cs_65:hover + ._icon_116b7cs_76,
167
+ ._enabled_116b7cs_93:hover ._icon_116b7cs_76{
168
168
  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));
169
169
  }
170
- ._enabled_1j4rspc_93._indeterminate_1j4rspc_97 ._icon_1j4rspc_76,
171
- ._enabled_1j4rspc_93._indeterminate_1j4rspc_97:hover ._icon_1j4rspc_76,
172
- ._enabled_1j4rspc_93._indeterminate_1j4rspc_97 ._input_1j4rspc_65:hover + ._icon_1j4rspc_76{
170
+ ._enabled_116b7cs_93._indeterminate_116b7cs_97 ._icon_116b7cs_76,
171
+ ._enabled_116b7cs_93._indeterminate_116b7cs_97:hover ._icon_116b7cs_76,
172
+ ._enabled_116b7cs_93._indeterminate_116b7cs_97 ._input_116b7cs_65:hover + ._icon_116b7cs_76{
173
173
  border-color:var(--_rs-checkbox-ci-indeterminate-icon-border-color);
174
174
 
175
175
  background-color:var(
176
176
  --_rs-checkbox-ci-indeterminate-icon-background-color
177
177
  );
178
178
  }
179
- ._enabled_1j4rspc_93 ._input_1j4rspc_65:checked + ._icon_1j4rspc_76._icon_1j4rspc_76{
179
+ ._enabled_116b7cs_93 ._input_116b7cs_65:checked + ._icon_116b7cs_76._icon_116b7cs_76{
180
180
  border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
181
181
  }
182
- ._error_1j4rspc_134 ._icon_1j4rspc_76._icon_1j4rspc_76._icon_1j4rspc_76._icon_1j4rspc_76,
183
- ._input_1j4rspc_65:invalid + ._icon_1j4rspc_76._icon_1j4rspc_76._icon_1j4rspc_76{
182
+ ._error_116b7cs_134 ._icon_116b7cs_76._icon_116b7cs_76._icon_116b7cs_76._icon_116b7cs_76,
183
+ ._input_116b7cs_65:invalid + ._icon_116b7cs_76._icon_116b7cs_76._icon_116b7cs_76{
184
184
  border-color:var(--_rs-color-danger);
185
185
  }
186
- ._icon_1j4rspc_76::after{
186
+ ._icon_116b7cs_76::after{
187
187
  position:absolute;
188
188
  top:var(--_rs-checkbox-ci-shadow-size);
189
189
  right:var(--_rs-checkbox-ci-shadow-size);
@@ -192,15 +192,15 @@
192
192
 
193
193
  content:'';
194
194
  }
195
- ._enabled_1j4rspc_93:hover > ._icon_1j4rspc_76::after,
196
- label:hover ._enabled_1j4rspc_93 > ._icon_1j4rspc_76::after,
197
- ._enabled_1j4rspc_93 ._input_1j4rspc_65:active + ._icon_1j4rspc_76::after{
195
+ ._enabled_116b7cs_93:hover > ._icon_116b7cs_76::after,
196
+ label:hover ._enabled_116b7cs_93 > ._icon_116b7cs_76::after,
197
+ ._enabled_116b7cs_93 ._input_116b7cs_65:active + ._icon_116b7cs_76::after{
198
198
  box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
199
199
  }
200
- ._enabled_1j4rspc_93 ._input_1j4rspc_65:focus[data-focus-method='key'] + ._icon_1j4rspc_76::after{
200
+ ._enabled_116b7cs_93 ._input_116b7cs_65:focus[data-focus-method='key'] + ._icon_116b7cs_76::after{
201
201
  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);
202
202
  }
203
- ._checkmark_1j4rspc_161{
203
+ ._checkmark_116b7cs_161{
204
204
  position:absolute;
205
205
  top:var(--_rs-checkbox-ci-shadow-size);
206
206
  left:var(--_rs-checkbox-ci-shadow-size);
@@ -211,26 +211,26 @@
211
211
  height:var(--_rs-checkbox-ci-size);
212
212
  fill:currentColor;
213
213
  }
214
- ._enabled_1j4rspc_93 ._checkmark_1j4rspc_161{
214
+ ._enabled_116b7cs_93 ._checkmark_116b7cs_161{
215
215
  color:var(--_rs-checkbox-ci-mark-color);
216
216
  }
217
- ._disabled_1j4rspc_105 ._checkmark_1j4rspc_161,
218
- ._input_1j4rspc_65:disabled + ._icon_1j4rspc_76 > ._checkmark_1j4rspc_161{
217
+ ._disabled_116b7cs_105 ._checkmark_116b7cs_161,
218
+ ._input_116b7cs_65:disabled + ._icon_116b7cs_76 > ._checkmark_116b7cs_161{
219
219
  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));
220
220
  }
221
- ._input_1j4rspc_65:checked + ._icon_1j4rspc_76 > ._checkmark_1j4rspc_161{
221
+ ._input_116b7cs_65:checked + ._icon_116b7cs_76 > ._checkmark_116b7cs_161{
222
222
  display:block;
223
223
  }
224
- ._markS_1j4rspc_186{
224
+ ._markS_116b7cs_186{
225
225
  display:var(--_rs-checkbox-ci-mark-s-display);
226
226
  }
227
- ._markM_1j4rspc_189{
227
+ ._markM_116b7cs_189{
228
228
  display:var(--_rs-checkbox-ci-mark-m-display);
229
229
  }
230
- ._markL_1j4rspc_192{
230
+ ._markL_116b7cs_192{
231
231
  display:var(--_rs-checkbox-ci-mark-l-display);
232
232
  }
233
- ._errorMessage_1j4rspc_196{
233
+ ._errorMessage_116b7cs_196{
234
234
  margin-top:var(--_rs-checkbox-parts-offset);
235
235
  }
236
236
 
@@ -239,13 +239,13 @@
239
239
  inherits:true;
240
240
  initial-value:0;
241
241
  }
242
- ._themeLight_1c28pkp_6{
242
+ ._themeLight_wlnyt_6{
243
243
  --rs-theme-dark:0;
244
244
  }
245
- ._themeDark_1c28pkp_9{
245
+ ._themeDark_wlnyt_9{
246
246
  --rs-theme-dark:1;
247
247
  }
248
- ._container_1c28pkp_13{
248
+ ._container_wlnyt_13{
249
249
  --_rs-theme-dark:var(
250
250
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
251
251
  var(--rs-theme-dark, 0)
@@ -255,7 +255,7 @@
255
255
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
256
256
  }
257
257
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
258
- ._container_1c28pkp_13{
258
+ ._container_wlnyt_13{
259
259
  --_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)));
260
260
  --_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)));
261
261
  --_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)));
@@ -264,7 +264,7 @@
264
264
  }
265
265
  }
266
266
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
267
- ._container_1c28pkp_13{
267
+ ._container_wlnyt_13{
268
268
  --_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);
269
269
  --_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));
270
270
  --_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));
@@ -272,11 +272,11 @@
272
272
  --_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));
273
273
  }
274
274
  }
275
- ._sizeS_1c28pkp_18{
275
+ ._sizeS_wlnyt_18{
276
276
  --_rs-checkbox-list-label-offset:4px;
277
277
  --_rs-checkbox-list-left-offset:28px;
278
278
  }
279
- ._sizeS_1c28pkp_18 [data-rs-internal='checkbox-list__label']{
279
+ ._sizeS_wlnyt_18 [data-rs-internal='checkbox-list__label']{
280
280
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
281
281
  --_rs-typography-text-transform:initial;
282
282
  --_rs-typography-font-variant-numeric:initial;
@@ -311,7 +311,7 @@
311
311
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
312
312
  --_rs-typography-link-border-bottom-width-from-text:1px;
313
313
  }
314
- ._sizeS_1c28pkp_18 [data-rs-internal='checkbox-list__bold-label']{
314
+ ._sizeS_wlnyt_18 [data-rs-internal='checkbox-list__bold-label']{
315
315
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
316
316
  --_rs-typography-text-transform:initial;
317
317
  --_rs-typography-font-variant-numeric:initial;
@@ -343,11 +343,11 @@
343
343
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
344
344
  --_rs-typography-link-border-bottom-width-from-text:2px;
345
345
  }
346
- ._sizeM_1c28pkp_21{
346
+ ._sizeM_wlnyt_21{
347
347
  --_rs-checkbox-list-label-offset:8px;
348
348
  --_rs-checkbox-list-left-offset:32px;
349
349
  }
350
- ._sizeM_1c28pkp_21 [data-rs-internal='checkbox-list__label']{
350
+ ._sizeM_wlnyt_21 [data-rs-internal='checkbox-list__label']{
351
351
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
352
352
  --_rs-typography-text-transform:initial;
353
353
  --_rs-typography-font-variant-numeric:initial;
@@ -386,11 +386,11 @@
386
386
  --_rs-typography-link-border-bottom-width-from-text:1px;
387
387
  }
388
388
  @media screen and (max-width: 640px){
389
- ._sizeM_1c28pkp_21 [data-rs-internal='checkbox-list__label']{
389
+ ._sizeM_wlnyt_21 [data-rs-internal='checkbox-list__label']{
390
390
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
391
391
  }
392
392
  }
393
- ._sizeM_1c28pkp_21 [data-rs-internal='checkbox-list__bold-label']{
393
+ ._sizeM_wlnyt_21 [data-rs-internal='checkbox-list__bold-label']{
394
394
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
395
395
  --_rs-typography-text-transform:initial;
396
396
  --_rs-typography-font-variant-numeric:initial;
@@ -422,11 +422,11 @@
422
422
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
423
423
  --_rs-typography-link-border-bottom-width-from-text:2px;
424
424
  }
425
- ._sizeL_1c28pkp_24{
425
+ ._sizeL_wlnyt_24{
426
426
  --_rs-checkbox-list-label-offset:12px;
427
427
  --_rs-checkbox-list-left-offset:44px;
428
428
  }
429
- ._sizeL_1c28pkp_24 [data-rs-internal='checkbox-list__label']{
429
+ ._sizeL_wlnyt_24 [data-rs-internal='checkbox-list__label']{
430
430
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
431
431
  --_rs-typography-text-transform:initial;
432
432
  --_rs-typography-font-variant-numeric:initial;
@@ -465,11 +465,11 @@
465
465
  --_rs-typography-link-border-bottom-width-from-text:1px;
466
466
  }
467
467
  @media screen and (max-width: 640px){
468
- ._sizeL_1c28pkp_24 [data-rs-internal='checkbox-list__label']{
468
+ ._sizeL_wlnyt_24 [data-rs-internal='checkbox-list__label']{
469
469
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
470
470
  }
471
471
  }
472
- ._sizeL_1c28pkp_24 [data-rs-internal='checkbox-list__bold-label']{
472
+ ._sizeL_wlnyt_24 [data-rs-internal='checkbox-list__bold-label']{
473
473
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
474
474
  --_rs-typography-text-transform:initial;
475
475
  --_rs-typography-font-variant-numeric:initial;
@@ -501,10 +501,10 @@
501
501
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
502
502
  --_rs-typography-link-border-bottom-width-from-text:2px;
503
503
  }
504
- ._inner_1c28pkp_28{
504
+ ._inner_wlnyt_28{
505
505
  --rs-out-checkbox-list-left-offset:var(--_rs-checkbox-list-left-offset);
506
506
  }
507
- ._label_1c28pkp_32{
507
+ ._label_wlnyt_32{
508
508
  letter-spacing:var(
509
509
  --rs-text-base-letter-spacing,
510
510
  var(--_rs-typography-letter-spacing)
@@ -524,23 +524,23 @@
524
524
  margin:0 0 var(--_rs-checkbox-list-label-offset) 0;
525
525
  padding:0;
526
526
  }
527
- ._disabled_1c28pkp_39 ._label_1c28pkp_32{
527
+ ._disabled_wlnyt_39 ._label_wlnyt_32{
528
528
  color:var(
529
529
  --rs-color-pale,
530
530
  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.5)
531
531
  );
532
532
  }
533
- ._footer_1c28pkp_44{
533
+ ._footer_wlnyt_44{
534
534
  display:flex;
535
535
  flex-direction:column;
536
536
  }
537
- ._errorMessage_1c28pkp_49{
537
+ ._errorMessage_wlnyt_49{
538
538
  order:99;
539
539
  }
540
- ._error_1c28pkp_49 ._errorMessage_1c28pkp_49{
540
+ ._error_wlnyt_49 ._errorMessage_wlnyt_49{
541
541
  order:0;
542
542
  }
543
- ._note_1c28pkp_58{
543
+ ._note_wlnyt_58{
544
544
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
545
545
  --_rs-typography-text-transform:initial;
546
546
  --_rs-typography-font-variant-numeric:initial;
@@ -600,7 +600,7 @@
600
600
 
601
601
  order:1;
602
602
  }
603
- ._disabled_1c28pkp_39 ._note_1c28pkp_58{
603
+ ._disabled_wlnyt_39 ._note_wlnyt_58{
604
604
  --_rs-typography-hardness-color:var(
605
605
  --rs-color-pale,
606
606
  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.5)