@rescui/checkbox 0.6.4 → 0.7.1

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 (9) hide show
  1. package/lib/index.css +206 -314
  2. package/lib/parts/checkbox-control-inner.js +6 -12
  3. package/lib/parts/checkbox-list.js +1 -0
  4. package/lib/parts/checkbox.p.module.css.js +21 -19
  5. package/lib/parts/marks.d.ts +1 -0
  6. package/lib/parts/marks.js +15 -7
  7. package/lib/public-api.p.css +503 -0
  8. package/lib/public-api.pcss +503 -0
  9. package/package.json +10 -9
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,22 +1,24 @@
1
1
  var styles = {
2
- "checkbox": "_checkbox_zbp1q8_10",
3
- "sizeS": "_sizeS_zbp1q8_22",
4
- "sizeM": "_sizeM_zbp1q8_28",
5
- "sizeL": "_sizeL_zbp1q8_34",
6
- "errorMessage": "_errorMessage_zbp1q8_40",
7
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_zbp1q8_1",
8
- "list": "_list_zbp1q8_44",
9
- "single": "_single_zbp1q8_48",
10
- "input": "_input_zbp1q8_53",
11
- "icon": "_icon_zbp1q8_64",
12
- "enabled": "_enabled_zbp1q8_75",
13
- "indeterminate": "_indeterminate_zbp1q8_95",
14
- "disabled": "_disabled_zbp1q8_120",
15
- "checkmark": "_checkmark_zbp1q8_154",
16
- "themeLight": "_themeLight_zbp1q8_191",
17
- "error": "_error_zbp1q8_40",
18
- "themeDark": "_themeDark_zbp1q8_216",
19
- "classic": "_classic_zbp1q8_247",
20
- "rock": "_rock_zbp1q8_334"
2
+ "themeLight": "_themeLight_urjqjb_8",
3
+ "themeDark": "_themeDark_urjqjb_11",
4
+ "sizeS": "_sizeS_urjqjb_15",
5
+ "sizeM": "_sizeM_urjqjb_18",
6
+ "sizeL": "_sizeL_urjqjb_21",
7
+ "classic": "_classic_urjqjb_25",
8
+ "rock": "_rock_urjqjb_28",
9
+ "checkbox": "_checkbox_urjqjb_32",
10
+ "errorMessage": "_errorMessage_urjqjb_54",
11
+ "list": "_list_urjqjb_59",
12
+ "single": "_single_urjqjb_63",
13
+ "input": "_input_urjqjb_68",
14
+ "icon": "_icon_urjqjb_79",
15
+ "enabled": "_enabled_urjqjb_95",
16
+ "indeterminate": "_indeterminate_urjqjb_99",
17
+ "disabled": "_disabled_urjqjb_107",
18
+ "error": "_error_urjqjb_54",
19
+ "checkmark": "_checkmark_urjqjb_163",
20
+ "markS": "_markS_urjqjb_188",
21
+ "markM": "_markM_urjqjb_191",
22
+ "markL": "_markL_urjqjb_194"
21
23
  };
22
24
  export { styles as default };
package/lib/parts/marks.d.ts CHANGED
@@ -6,3 +6,4 @@ export declare type MarkProps = {
6
6
  export declare const MarkS: React.FC<MarkProps>;
7
7
  export declare const MarkM: React.FC<MarkProps>;
8
8
  export declare const MarkL: React.FC<MarkProps>;
9
+ export declare const Mark: React.FC<MarkProps>;
package/lib/parts/marks.js CHANGED
@@ -12,12 +12,11 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
12
12
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
13
13
 
14
14
  import React from 'react';
15
+ import styles from './checkbox.p.module.css.js';
15
16
 
16
17
  var MarkS = function MarkS(props) {
17
18
  return /*#__PURE__*/React.createElement("svg", _objectSpread({
18
19
  xmlns: "http://www.w3.org/2000/svg",
19
- width: "14",
20
- height: "14",
21
20
  viewBox: "0 0 14 14"
22
21
  }, props), /*#__PURE__*/React.createElement("path", {
23
22
  d: "M11.707 5.207L6 10.914 2.293 7.207l1.414-1.414L6 8.086l4.293-4.293 1.414 1.414z"
@@ -27,8 +26,6 @@ var MarkS = function MarkS(props) {
27
26
  var MarkM = function MarkM(props) {
28
27
  return /*#__PURE__*/React.createElement("svg", _objectSpread({
29
28
  xmlns: "http://www.w3.org/2000/svg",
30
- width: "18",
31
- height: "18",
32
29
  viewBox: "0 0 18 18"
33
30
  }, props), /*#__PURE__*/React.createElement("path", {
34
31
  d: "M15.69 5.724l-8.053 7.662-4.332-4.192 1.39-1.437 2.953 2.857 6.663-6.338 1.378 1.448z"
@@ -38,12 +35,23 @@ var MarkM = function MarkM(props) {
38
35
  var MarkL = function MarkL(props) {
39
36
  return /*#__PURE__*/React.createElement("svg", _objectSpread({
40
37
  xmlns: "http://www.w3.org/2000/svg",
41
- width: "20",
42
- height: "20",
43
38
  viewBox: "0 0 20 20"
44
39
  }, props), /*#__PURE__*/React.createElement("path", {
45
40
  d: "M17.717 5.447L7.63 15.815 2.277 10.22l1.446-1.382 3.919 4.097 8.641-8.882 1.434 1.394z"
46
41
  }));
47
42
  };
48
43
 
49
- export { MarkL, MarkM, MarkS };
44
+ var Mark = function Mark(props) {
45
+ return /*#__PURE__*/React.createElement("svg", _objectSpread({
46
+ xmlns: "http://www.w3.org/2000/svg",
47
+ viewBox: "0 0 24 24"
48
+ }, props), /*#__PURE__*/React.createElement("g", {
49
+ className: styles.markS
50
+ }, /*#__PURE__*/React.createElement(MarkS, null)), /*#__PURE__*/React.createElement("g", {
51
+ className: styles.markM
52
+ }, /*#__PURE__*/React.createElement(MarkM, null)), /*#__PURE__*/React.createElement("g", {
53
+ className: styles.markL
54
+ }, /*#__PURE__*/React.createElement(MarkL, null)));
55
+ };
56
+
57
+ export { Mark, MarkL, MarkM, MarkS };
package/lib/public-api.p.css ADDED
@@ -0,0 +1,503 @@
1
+ @define-mixin rs-checkbox-list-size-s{
2
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
3
+ --_rs-menu-mi-icon-offset:8px;
4
+ --_rs-menu-mi-vertical-padding:6px;
5
+ --_rs-menu-mi-horizontal-padding:8px;
6
+ --_rs-typography-letter-spacing:0.0045em;
7
+ --_rs-typography-text-transform:initial;
8
+ --_rs-typography-font-variant-numeric:initial;
9
+ --_rs-typography-font-family:var(
10
+ --rs-font-family-ui,
11
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
12
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
13
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
14
+ );
15
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
16
+ --_rs-typography-font-weight:var(
17
+ --rs-font-weight-regular,
18
+ 400
19
+ );
20
+ --_rs-typography-line-height:var(
21
+ --rs-text-3-line-height,
22
+ 20px
23
+ );
24
+ --_rs-typography-base-color:var(
25
+ --_rs-typography-hardness-color,
26
+ var(
27
+ --rs-color-average,
28
+ 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.7)
29
+ )
30
+ );
31
+ --_rs-typography-text-auto-offset:8px;
32
+ --_rs-typography-ul-list-li-padding-left:28px;
33
+ --_rs-typography-ol-list-li-padding-left:21px;
34
+ --_rs-typography-list-li-margin-top-from-text:8px;
35
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
36
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
37
+ --_rs-typography-link-border-bottom-width-from-text:1px;
38
+ }
39
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__group-header"]{
40
+ --_rs-menu-gh-vertical-padding:6px;
41
+ --_rs-menu-gh-horizontal-padding:8px;
42
+ --_rs-typography-letter-spacing:normal;
43
+ --_rs-typography-text-transform:initial;
44
+ --_rs-typography-font-variant-numeric:initial;
45
+ --_rs-typography-font-family:var(
46
+ --rs-font-family-ui,
47
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
48
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
49
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
50
+ );
51
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
52
+ --_rs-typography-font-weight:var(
53
+ --rs-font-weight-semi-bold,
54
+ 600
55
+ );
56
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
57
+ --_rs-typography-base-color:var(
58
+ --rs-color-hard,
59
+ 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))
60
+ );
61
+ --_rs-typography-text-auto-offset:0;
62
+ --_rs-typography-ul-list-li-padding-left:initial;
63
+ --_rs-typography-ol-list-li-padding-left:initial;
64
+ --_rs-typography-list-li-margin-top-from-text:initial;
65
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
66
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
67
+ --_rs-typography-link-border-bottom-width-from-text:2px;
68
+ }
69
+ & [data-rs-internal="checkbox__control"]{
70
+ --_rs-checkbox-ci-mark-s-display:initial;
71
+ --_rs-checkbox-ci-mark-m-display:none;
72
+ --_rs-checkbox-ci-mark-l-display:none;
73
+ --_rs-checkbox-ci-size:14px;
74
+ --_rs-checkbox-ci-shadow-size:3px;
75
+ --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
76
+ }
77
+ }
78
+ @define-mixin rs-checkbox-list-size-m{
79
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
80
+ --_rs-menu-mi-icon-offset:8px;
81
+ --_rs-menu-mi-vertical-padding:8px;
82
+ --_rs-menu-mi-horizontal-padding:16px;
83
+ --_rs-typography-letter-spacing:0.0015em;
84
+ --_rs-typography-text-transform:initial;
85
+ --_rs-typography-font-variant-numeric:initial;
86
+ --_rs-typography-font-family:var(
87
+ --rs-font-family-ui,
88
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
89
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
90
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
91
+ );
92
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
93
+ --_rs-typography-font-weight:var(
94
+ --rs-font-weight-regular,
95
+ 400
96
+ );
97
+ --_rs-typography-line-height:var(
98
+ --rs-text-2-line-height,
99
+ 24px
100
+ );
101
+ --_rs-typography-base-color:var(
102
+ --_rs-typography-hardness-color,
103
+ var(
104
+ --rs-color-average,
105
+ 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.7)
106
+ )
107
+ );
108
+ --_rs-typography-text-auto-offset:16px;
109
+ --_rs-typography-ul-list-li-padding-left:22px;
110
+ --_rs-typography-ol-list-li-padding-left:26px;
111
+ --_rs-typography-list-li-margin-top-from-text:16px;
112
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
113
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
114
+ --_rs-typography-link-border-bottom-width-from-text:1px;
115
+ }
116
+ @media screen and (max-width: 640px){
117
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
118
+ --_rs-typography-list-li-margin-top-from-text:12px;
119
+ }
120
+ }
121
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__group-header"]{
122
+ --_rs-menu-gh-vertical-padding:8px;
123
+ --_rs-menu-gh-horizontal-padding:16px;
124
+ --_rs-typography-letter-spacing:normal;
125
+ --_rs-typography-text-transform:initial;
126
+ --_rs-typography-font-variant-numeric:initial;
127
+ --_rs-typography-font-family:var(
128
+ --rs-font-family-ui,
129
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
130
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
131
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
132
+ );
133
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
134
+ --_rs-typography-font-weight:var(
135
+ --rs-font-weight-semi-bold,
136
+ 600
137
+ );
138
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
139
+ --_rs-typography-base-color:var(
140
+ --rs-color-hard,
141
+ 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))
142
+ );
143
+ --_rs-typography-text-auto-offset:0;
144
+ --_rs-typography-ul-list-li-padding-left:initial;
145
+ --_rs-typography-ol-list-li-padding-left:initial;
146
+ --_rs-typography-list-li-margin-top-from-text:initial;
147
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
148
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
149
+ --_rs-typography-link-border-bottom-width-from-text:2px;
150
+ }
151
+ & [data-rs-internal="checkbox__control"]{
152
+ --_rs-checkbox-ci-mark-s-display:none;
153
+ --_rs-checkbox-ci-mark-m-display:initial;
154
+ --_rs-checkbox-ci-mark-l-display:none;
155
+ --_rs-checkbox-ci-size:18px;
156
+ --_rs-checkbox-ci-shadow-size:3px;
157
+ --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
158
+ }
159
+ }
160
+ @define-mixin rs-checkbox-list-size-l{
161
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
162
+ --_rs-menu-mi-icon-offset:16px;
163
+ --_rs-menu-mi-vertical-padding:12px;
164
+ --_rs-menu-mi-horizontal-padding:16px;
165
+ --_rs-typography-letter-spacing:normal;
166
+ --_rs-typography-text-transform:initial;
167
+ --_rs-typography-font-variant-numeric:initial;
168
+ --_rs-typography-font-family:var(
169
+ --rs-font-family-ui,
170
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
171
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
172
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
173
+ );
174
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
175
+ --_rs-typography-font-weight:var(
176
+ --rs-font-weight-regular,
177
+ 400
178
+ );
179
+ --_rs-typography-line-height:var(
180
+ --rs-text-1-line-height,
181
+ 28px
182
+ );
183
+ --_rs-typography-base-color:var(
184
+ --_rs-typography-hardness-color,
185
+ var(
186
+ --rs-color-average,
187
+ 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.7)
188
+ )
189
+ );
190
+ --_rs-typography-text-auto-offset:32px;
191
+ --_rs-typography-ul-list-li-padding-left:26px;
192
+ --_rs-typography-ol-list-li-padding-left:32px;
193
+ --_rs-typography-list-li-margin-top-from-text:24px;
194
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
195
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
196
+ --_rs-typography-link-border-bottom-width-from-text:1px;
197
+ }
198
+ @media screen and (max-width: 640px){
199
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
200
+ --_rs-typography-list-li-margin-top-from-text:16px;
201
+ }
202
+ }
203
+ & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__group-header"]{
204
+ --_rs-menu-gh-vertical-padding:12px;
205
+ --_rs-menu-gh-horizontal-padding:16px;
206
+ --_rs-typography-letter-spacing:normal;
207
+ --_rs-typography-text-transform:initial;
208
+ --_rs-typography-font-variant-numeric:initial;
209
+ --_rs-typography-font-family:var(
210
+ --rs-font-family-ui,
211
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
212
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
213
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
214
+ );
215
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
216
+ --_rs-typography-font-weight:var(
217
+ --rs-font-weight-semi-bold,
218
+ 600
219
+ );
220
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
221
+ --_rs-typography-base-color:var(
222
+ --rs-color-hard,
223
+ 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))
224
+ );
225
+ --_rs-typography-text-auto-offset:0;
226
+ --_rs-typography-ul-list-li-padding-left:initial;
227
+ --_rs-typography-ol-list-li-padding-left:initial;
228
+ --_rs-typography-list-li-margin-top-from-text:initial;
229
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
230
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
231
+ --_rs-typography-link-border-bottom-width-from-text:2px;
232
+ }
233
+ & [data-rs-internal="checkbox__control"]{
234
+ --_rs-checkbox-ci-mark-s-display:none;
235
+ --_rs-checkbox-ci-mark-m-display:none;
236
+ --_rs-checkbox-ci-mark-l-display:initial;
237
+ --_rs-checkbox-ci-size:20px;
238
+ --_rs-checkbox-ci-shadow-size:4px;
239
+ --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
240
+ }
241
+ }
242
+ @define-mixin rs-checkbox-list-mode-classic{
243
+ & [data-rs-internal="checkbox__control"]{
244
+ --_rs-checkbox-ci-mark-color:#FFFFFF;
245
+ --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
246
+ --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
247
+ --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
248
+ --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
249
+ }
250
+ }
251
+ @define-mixin rs-checkbox-list-mode-rock{
252
+ & [data-rs-internal="checkbox__control"]{
253
+ --_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));
254
+ --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
255
+ 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)
256
+ );
257
+ --_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
258
+ 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)
259
+ );
260
+ --_rs-checkbox-ci-checked-icon-border-color:rgb(
261
+ 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)
262
+ );
263
+ --_rs-checkbox-ci-hover-icon-box-shadow:rgba(
264
+ 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),
265
+ 0.1
266
+ );
267
+ }
268
+ }
269
+ @define-mixin rs-checkbox-size-s{
270
+ &[class][class]{
271
+ --_rs-menu-mi-icon-offset:8px;
272
+ --_rs-menu-mi-vertical-padding:6px;
273
+ --_rs-menu-mi-horizontal-padding:8px;
274
+ --_rs-typography-letter-spacing:0.0045em;
275
+ --_rs-typography-text-transform:initial;
276
+ --_rs-typography-font-variant-numeric:initial;
277
+ --_rs-typography-font-family:var(
278
+ --rs-font-family-ui,
279
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
280
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
281
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
282
+ );
283
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
284
+ --_rs-typography-font-weight:var(
285
+ --rs-font-weight-regular,
286
+ 400
287
+ );
288
+ --_rs-typography-line-height:var(
289
+ --rs-text-3-line-height,
290
+ 20px
291
+ );
292
+ --_rs-typography-base-color:var(
293
+ --_rs-typography-hardness-color,
294
+ var(
295
+ --rs-color-average,
296
+ 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.7)
297
+ )
298
+ );
299
+ --_rs-typography-text-auto-offset:8px;
300
+ --_rs-typography-ul-list-li-padding-left:28px;
301
+ --_rs-typography-ol-list-li-padding-left:21px;
302
+ --_rs-typography-list-li-margin-top-from-text:8px;
303
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
304
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
305
+ --_rs-typography-link-border-bottom-width-from-text:1px;
306
+ }
307
+ & [data-rs-internal="checkbox__control"]{
308
+ --_rs-checkbox-ci-mark-s-display:initial;
309
+ --_rs-checkbox-ci-mark-m-display:none;
310
+ --_rs-checkbox-ci-mark-l-display:none;
311
+ --_rs-checkbox-ci-size:14px;
312
+ --_rs-checkbox-ci-shadow-size:3px;
313
+ --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
314
+ }
315
+ }
316
+ @define-mixin rs-checkbox-size-m{
317
+ &[class][class]{
318
+ --_rs-menu-mi-icon-offset:8px;
319
+ --_rs-menu-mi-vertical-padding:8px;
320
+ --_rs-menu-mi-horizontal-padding:16px;
321
+ --_rs-typography-letter-spacing:0.0015em;
322
+ --_rs-typography-text-transform:initial;
323
+ --_rs-typography-font-variant-numeric:initial;
324
+ --_rs-typography-font-family:var(
325
+ --rs-font-family-ui,
326
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
327
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
328
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
329
+ );
330
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
331
+ --_rs-typography-font-weight:var(
332
+ --rs-font-weight-regular,
333
+ 400
334
+ );
335
+ --_rs-typography-line-height:var(
336
+ --rs-text-2-line-height,
337
+ 24px
338
+ );
339
+ --_rs-typography-base-color:var(
340
+ --_rs-typography-hardness-color,
341
+ var(
342
+ --rs-color-average,
343
+ 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.7)
344
+ )
345
+ );
346
+ --_rs-typography-text-auto-offset:16px;
347
+ --_rs-typography-ul-list-li-padding-left:22px;
348
+ --_rs-typography-ol-list-li-padding-left:26px;
349
+ --_rs-typography-list-li-margin-top-from-text:16px;
350
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
351
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
352
+ --_rs-typography-link-border-bottom-width-from-text:1px;
353
+ }
354
+ @media screen and (max-width: 640px){
355
+ &[class][class]{
356
+ --_rs-typography-list-li-margin-top-from-text:12px;
357
+ }
358
+ }
359
+ & [data-rs-internal="checkbox__control"]{
360
+ --_rs-checkbox-ci-mark-s-display:none;
361
+ --_rs-checkbox-ci-mark-m-display:initial;
362
+ --_rs-checkbox-ci-mark-l-display:none;
363
+ --_rs-checkbox-ci-size:18px;
364
+ --_rs-checkbox-ci-shadow-size:3px;
365
+ --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
366
+ }
367
+ }
368
+ @define-mixin rs-checkbox-size-l{
369
+ &[class][class]{
370
+ --_rs-menu-mi-icon-offset:16px;
371
+ --_rs-menu-mi-vertical-padding:12px;
372
+ --_rs-menu-mi-horizontal-padding:16px;
373
+ --_rs-typography-letter-spacing:normal;
374
+ --_rs-typography-text-transform:initial;
375
+ --_rs-typography-font-variant-numeric:initial;
376
+ --_rs-typography-font-family:var(
377
+ --rs-font-family-ui,
378
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
379
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
380
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
381
+ );
382
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
383
+ --_rs-typography-font-weight:var(
384
+ --rs-font-weight-regular,
385
+ 400
386
+ );
387
+ --_rs-typography-line-height:var(
388
+ --rs-text-1-line-height,
389
+ 28px
390
+ );
391
+ --_rs-typography-base-color:var(
392
+ --_rs-typography-hardness-color,
393
+ var(
394
+ --rs-color-average,
395
+ 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.7)
396
+ )
397
+ );
398
+ --_rs-typography-text-auto-offset:32px;
399
+ --_rs-typography-ul-list-li-padding-left:26px;
400
+ --_rs-typography-ol-list-li-padding-left:32px;
401
+ --_rs-typography-list-li-margin-top-from-text:24px;
402
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
403
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
404
+ --_rs-typography-link-border-bottom-width-from-text:1px;
405
+ }
406
+ @media screen and (max-width: 640px){
407
+ &[class][class]{
408
+ --_rs-typography-list-li-margin-top-from-text:16px;
409
+ }
410
+ }
411
+ & [data-rs-internal="checkbox__control"]{
412
+ --_rs-checkbox-ci-mark-s-display:none;
413
+ --_rs-checkbox-ci-mark-m-display:none;
414
+ --_rs-checkbox-ci-mark-l-display:initial;
415
+ --_rs-checkbox-ci-size:20px;
416
+ --_rs-checkbox-ci-shadow-size:4px;
417
+ --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
418
+ }
419
+ }
420
+ @define-mixin rs-checkbox-mode-classic{
421
+ & [data-rs-internal="checkbox__control"]{
422
+ --_rs-checkbox-ci-mark-color:#FFFFFF;
423
+ --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
424
+ --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
425
+ --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
426
+ --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
427
+ }
428
+ }
429
+ @define-mixin rs-checkbox-mode-rock{
430
+ & [data-rs-internal="checkbox__control"]{
431
+ --_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));
432
+ --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
433
+ 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)
434
+ );
435
+ --_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
436
+ 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)
437
+ );
438
+ --_rs-checkbox-ci-checked-icon-border-color:rgb(
439
+ 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)
440
+ );
441
+ --_rs-checkbox-ci-hover-icon-box-shadow:rgba(
442
+ 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),
443
+ 0.1
444
+ );
445
+ }
446
+ }
447
+ @define-mixin rs-checkbox-control-size-s{
448
+ &[class]{
449
+ --_rs-checkbox-ci-mark-s-display:initial;
450
+ --_rs-checkbox-ci-mark-m-display:none;
451
+ --_rs-checkbox-ci-mark-l-display:none;
452
+ --_rs-checkbox-ci-size:14px;
453
+ --_rs-checkbox-ci-shadow-size:3px;
454
+ --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
455
+ }
456
+ }
457
+ @define-mixin rs-checkbox-control-size-m{
458
+ &[class]{
459
+ --_rs-checkbox-ci-mark-s-display:none;
460
+ --_rs-checkbox-ci-mark-m-display:initial;
461
+ --_rs-checkbox-ci-mark-l-display:none;
462
+ --_rs-checkbox-ci-size:18px;
463
+ --_rs-checkbox-ci-shadow-size:3px;
464
+ --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
465
+ }
466
+ }
467
+ @define-mixin rs-checkbox-control-size-l{
468
+ &[class]{
469
+ --_rs-checkbox-ci-mark-s-display:none;
470
+ --_rs-checkbox-ci-mark-m-display:none;
471
+ --_rs-checkbox-ci-mark-l-display:initial;
472
+ --_rs-checkbox-ci-size:20px;
473
+ --_rs-checkbox-ci-shadow-size:4px;
474
+ --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
475
+ }
476
+ }
477
+ @define-mixin rs-checkbox-control-mode-classic{
478
+ &[class]{
479
+ --_rs-checkbox-ci-mark-color:#FFFFFF;
480
+ --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
481
+ --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
482
+ --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
483
+ --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
484
+ }
485
+ }
486
+ @define-mixin rs-checkbox-control-mode-rock{
487
+ &[class]{
488
+ --_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));
489
+ --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
490
+ 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)
491
+ );
492
+ --_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
493
+ 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)
494
+ );
495
+ --_rs-checkbox-ci-checked-icon-border-color:rgb(
496
+ 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)
497
+ );
498
+ --_rs-checkbox-ci-hover-icon-box-shadow:rgba(
499
+ 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),
500
+ 0.1
501
+ );
502
+ }
503
+ }