@rescui/checkbox 0.8.9-RUI-230-Update-icons-experiments-64b23ff1.22 → 0.8.9

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 (8) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/warning.js +36 -0
  3. package/lib/checkbox.js +1 -1
  4. package/lib/index.css +67 -67
  5. package/lib/parts/checkbox-list.js +1 -1
  6. package/lib/parts/checkbox.p.module.css.js +28 -28
  7. package/package.json +9 -9
  8. package/lib/_virtual/index.js +0 -76
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_585zsg_4",
3
- "sizeXS": "_sizeXS_585zsg_14",
4
- "sizeS": "_sizeS_585zsg_18",
5
- "sizeM": "_sizeM_585zsg_22",
6
- "sizeL": "_sizeL_585zsg_26",
7
- "light": "_light_585zsg_30",
8
- "dark": "_dark_585zsg_34"
2
+ "icon": "_icon_1p2plc6_4",
3
+ "sizeXS": "_sizeXS_1p2plc6_14",
4
+ "sizeS": "_sizeS_1p2plc6_18",
5
+ "sizeM": "_sizeM_1p2plc6_22",
6
+ "sizeL": "_sizeL_1p2plc6_26",
7
+ "light": "_light_1p2plc6_30",
8
+ "dark": "_dark_1p2plc6_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/warning.js ADDED
@@ -0,0 +1,36 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
+ import styles from './index.css.js';
6
+ const sizeStyles = {
7
+ "xs": styles.sizeXS,
8
+ "s": styles.sizeS,
9
+ "m": styles.sizeM,
10
+ "l": styles.sizeL
11
+ };
12
+ const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
+ let {
14
+ theme,
15
+ size,
16
+ className,
17
+ ...props
18
+ } = _ref;
19
+ return /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 24 24"
21
+ }, props, {
22
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
+ ref: ref
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ d: "M2.769 20h18.363a.615.615 0 00.546-.891L12.504 2.8a.566.566 0 00-.989-.002C9.8 5.891 4.026 16.101 2.322 19.112A.61.61 0 002.77 20zm8.229-12h2v6h-2V8zm0 8h2v2h-2v-2z"
26
+ }));
27
+ });
28
+ WarningIcon.propTypes = {
29
+ className: PropTypes.string,
30
+ theme: PropTypes.oneOf(["light", "dark"]),
31
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
+ };
33
+ WarningIcon.defaultProps = {
34
+ size: "m"
35
+ };
36
+ export { WarningIcon as default };
package/lib/checkbox.js CHANGED
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  import { MenuItem } from '@rescui/menu';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
5
  import cn from 'classnames';
6
- import { WarningIcon } from './_virtual/index.js';
6
+ import WarningIcon from './_virtual/warning.js';
7
7
  import CheckboxControl from './parts/checkbox-control.js';
8
8
  import { GroupContext } from './parts/group-context.js';
9
9
  import styles from './parts/checkbox.p.module.css.js';
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_585zsg_4{
1
+ ._icon_1p2plc6_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_585zsg_4{
11
+ ._icon_1p2plc6_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_585zsg_4{
20
+ ._icon_1p2plc6_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_585zsg_4{
28
+ ._icon_1p2plc6_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_585zsg_14{
35
+ ._sizeXS_1p2plc6_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_585zsg_18{
38
+ ._sizeS_1p2plc6_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_585zsg_22{
41
+ ._sizeM_1p2plc6_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_585zsg_26{
44
+ ._sizeL_1p2plc6_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_585zsg_30{
47
+ ._light_1p2plc6_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_585zsg_34{
51
+ ._dark_1p2plc6_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,13 +60,13 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_1ygo5k0_8{
63
+ ._themeLight_oeyb2u_8{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_1ygo5k0_11{
66
+ ._themeDark_oeyb2u_11{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._container_1ygo5k0_15{
69
+ ._container_oeyb2u_15{
70
70
  --_rs-theme-dark:var(
71
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
72
  var(--rs-theme-dark, 0)
@@ -76,7 +76,7 @@
76
76
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
77
77
  }
78
78
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
79
- ._container_1ygo5k0_15{
79
+ ._container_oeyb2u_15{
80
80
  --_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)));
81
81
  --_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)));
82
82
  --_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)));
@@ -85,7 +85,7 @@
85
85
  }
86
86
  }
87
87
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
88
- ._container_1ygo5k0_15{
88
+ ._container_oeyb2u_15{
89
89
  --_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);
90
90
  --_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));
91
91
  --_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,7 +93,7 @@
93
93
  --_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));
94
94
  }
95
95
  }
96
- ._listSizeS_1ygo5k0_20 [data-rs-internal='checkbox-list__error-message']{
96
+ ._listSizeS_oeyb2u_20 [data-rs-internal='checkbox-list__error-message']{
97
97
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
98
98
  --_rs-typography-text-transform:initial;
99
99
  --_rs-typography-font-variant-numeric:initial;
@@ -124,10 +124,10 @@
124
124
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
125
  --_rs-typography-link-border-bottom-width-from-text:2px;
126
126
  }
127
- ._listSizeS_1ygo5k0_20 [data-rs-internal='checkbox-list__error-icon']:not(html){
127
+ ._listSizeS_oeyb2u_20 [data-rs-internal='checkbox-list__error-icon']:not(html){
128
128
  --_rs-icons-height:20px;
129
129
  }
130
- ._listSizeM_1ygo5k0_23 [data-rs-internal='checkbox-list__error-message']{
130
+ ._listSizeM_oeyb2u_23 [data-rs-internal='checkbox-list__error-message']{
131
131
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
132
132
  --_rs-typography-text-transform:initial;
133
133
  --_rs-typography-font-variant-numeric:initial;
@@ -158,10 +158,10 @@
158
158
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
159
159
  --_rs-typography-link-border-bottom-width-from-text:2px;
160
160
  }
161
- ._listSizeM_1ygo5k0_23 [data-rs-internal='checkbox-list__error-icon']:not(html){
161
+ ._listSizeM_oeyb2u_23 [data-rs-internal='checkbox-list__error-icon']:not(html){
162
162
  --_rs-icons-height:20px;
163
163
  }
164
- ._listSizeL_1ygo5k0_26 [data-rs-internal='checkbox-list__error-message']{
164
+ ._listSizeL_oeyb2u_26 [data-rs-internal='checkbox-list__error-message']{
165
165
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
166
166
  --_rs-typography-text-transform:initial;
167
167
  --_rs-typography-font-variant-numeric:initial;
@@ -192,10 +192,10 @@
192
192
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
193
193
  --_rs-typography-link-border-bottom-width-from-text:2px;
194
194
  }
195
- ._listSizeL_1ygo5k0_26 [data-rs-internal='checkbox-list__error-icon']:not(html){
195
+ ._listSizeL_oeyb2u_26 [data-rs-internal='checkbox-list__error-icon']:not(html){
196
196
  --_rs-icons-height:24px;
197
197
  }
198
- ._checkboxSizeS_1ygo5k0_30 [data-rs-internal='checkbox__error-message']{
198
+ ._checkboxSizeS_oeyb2u_30 [data-rs-internal='checkbox__error-message']{
199
199
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
200
200
  --_rs-typography-text-transform:initial;
201
201
  --_rs-typography-font-variant-numeric:initial;
@@ -226,10 +226,10 @@
226
226
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
227
227
  --_rs-typography-link-border-bottom-width-from-text:2px;
228
228
  }
229
- ._checkboxSizeS_1ygo5k0_30 [data-rs-internal='checkbox__error-icon']:not(html){
229
+ ._checkboxSizeS_oeyb2u_30 [data-rs-internal='checkbox__error-icon']:not(html){
230
230
  --_rs-icons-height:20px;
231
231
  }
232
- ._checkboxSizeM_1ygo5k0_33 [data-rs-internal='checkbox__error-message']{
232
+ ._checkboxSizeM_oeyb2u_33 [data-rs-internal='checkbox__error-message']{
233
233
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
234
234
  --_rs-typography-text-transform:initial;
235
235
  --_rs-typography-font-variant-numeric:initial;
@@ -260,10 +260,10 @@
260
260
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
261
261
  --_rs-typography-link-border-bottom-width-from-text:2px;
262
262
  }
263
- ._checkboxSizeM_1ygo5k0_33 [data-rs-internal='checkbox__error-icon']:not(html){
263
+ ._checkboxSizeM_oeyb2u_33 [data-rs-internal='checkbox__error-icon']:not(html){
264
264
  --_rs-icons-height:20px;
265
265
  }
266
- ._checkboxSizeL_1ygo5k0_36 [data-rs-internal='checkbox__error-message']{
266
+ ._checkboxSizeL_oeyb2u_36 [data-rs-internal='checkbox__error-message']{
267
267
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
268
268
  --_rs-typography-text-transform:initial;
269
269
  --_rs-typography-font-variant-numeric:initial;
@@ -294,10 +294,10 @@
294
294
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
295
295
  --_rs-typography-link-border-bottom-width-from-text:2px;
296
296
  }
297
- ._checkboxSizeL_1ygo5k0_36 [data-rs-internal='checkbox__error-icon']:not(html){
297
+ ._checkboxSizeL_oeyb2u_36 [data-rs-internal='checkbox__error-icon']:not(html){
298
298
  --_rs-icons-height:24px;
299
299
  }
300
- ._sizeS_1ygo5k0_40{
300
+ ._sizeS_oeyb2u_40{
301
301
  --_rs-checkbox-ci-mark-s-display:initial;
302
302
  --_rs-checkbox-ci-mark-m-display:none;
303
303
  --_rs-checkbox-ci-mark-l-display:none;
@@ -305,7 +305,7 @@
305
305
  --_rs-checkbox-ci-shadow-size:3px;
306
306
  --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
307
307
  }
308
- ._sizeM_1ygo5k0_43{
308
+ ._sizeM_oeyb2u_43{
309
309
  --_rs-checkbox-ci-mark-s-display:none;
310
310
  --_rs-checkbox-ci-mark-m-display:initial;
311
311
  --_rs-checkbox-ci-mark-l-display:none;
@@ -313,7 +313,7 @@
313
313
  --_rs-checkbox-ci-shadow-size:3px;
314
314
  --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
315
315
  }
316
- ._sizeL_1ygo5k0_46{
316
+ ._sizeL_oeyb2u_46{
317
317
  --_rs-checkbox-ci-mark-s-display:none;
318
318
  --_rs-checkbox-ci-mark-m-display:none;
319
319
  --_rs-checkbox-ci-mark-l-display:initial;
@@ -321,14 +321,14 @@
321
321
  --_rs-checkbox-ci-shadow-size:4px;
322
322
  --_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
323
323
  }
324
- ._classic_1ygo5k0_50{
324
+ ._classic_oeyb2u_50{
325
325
  --_rs-checkbox-ci-mark-color:#FFFFFF;
326
326
  --_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
327
327
  --_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
328
328
  --_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
329
329
  --_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
330
330
  }
331
- ._rock_1ygo5k0_53{
331
+ ._rock_oeyb2u_53{
332
332
  --_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));
333
333
  --_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
334
334
  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)
@@ -344,7 +344,7 @@
344
344
  0.1
345
345
  );
346
346
  }
347
- ._checkbox_1ygo5k0_30{
347
+ ._checkbox_oeyb2u_30{
348
348
  --_rs-theme-dark:var(
349
349
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
350
350
  var(--rs-theme-dark, 0)
@@ -354,7 +354,7 @@
354
354
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
355
355
  }
356
356
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
357
- ._checkbox_1ygo5k0_30{
357
+ ._checkbox_oeyb2u_30{
358
358
  --_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)));
359
359
  --_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)));
360
360
  --_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)));
@@ -363,7 +363,7 @@
363
363
  }
364
364
  }
365
365
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
366
- ._checkbox_1ygo5k0_30{
366
+ ._checkbox_oeyb2u_30{
367
367
  --_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);
368
368
  --_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));
369
369
  --_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));
@@ -371,7 +371,7 @@
371
371
  --_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));
372
372
  }
373
373
  }
374
- ._checkbox_1ygo5k0_30 {
374
+ ._checkbox_oeyb2u_30 {
375
375
 
376
376
  position:relative;
377
377
 
@@ -386,7 +386,7 @@
386
386
 
387
387
  text-align:left;
388
388
  }
389
- ._errorMessage_1ygo5k0_79{
389
+ ._errorMessage_oeyb2u_79{
390
390
  letter-spacing:var(
391
391
  --rs-text-base-letter-spacing,
392
392
  var(--_rs-typography-letter-spacing)
@@ -406,15 +406,15 @@
406
406
  -moz-column-gap:8px;
407
407
  column-gap:8px;
408
408
  }
409
- ._errorMessage_1ygo5k0_79._list_1ygo5k0_20{
409
+ ._errorMessage_oeyb2u_79._list_oeyb2u_20{
410
410
  margin-bottom:8px;
411
411
  }
412
- ._errorIcon_1ygo5k0_93{
412
+ ._errorIcon_oeyb2u_93{
413
413
  flex:0 0 auto;
414
414
 
415
415
  color:#F45C4A;
416
416
  }
417
- ._input_1ygo5k0_99{
417
+ ._input_oeyb2u_99{
418
418
  position:absolute;
419
419
  z-index:-1;
420
420
 
@@ -424,7 +424,7 @@
424
424
 
425
425
  border:0;
426
426
  }
427
- ._icon_1ygo5k0_110{
427
+ ._icon_oeyb2u_110{
428
428
  display:inline-block;
429
429
  float:left;
430
430
 
@@ -440,17 +440,17 @@
440
440
 
441
441
  transition:border-width ease-out 100ms, border-color ease-out 100ms;
442
442
  }
443
- ._enabled_1ygo5k0_126 ._icon_1ygo5k0_110{
443
+ ._enabled_oeyb2u_126 ._icon_oeyb2u_110{
444
444
  cursor:pointer;
445
445
  }
446
- ._indeterminate_1ygo5k0_130 ._icon_1ygo5k0_110{
446
+ ._indeterminate_oeyb2u_130 ._icon_oeyb2u_110{
447
447
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
448
448
  }
449
- ._input_1ygo5k0_99:checked + ._icon_1ygo5k0_110{
449
+ ._input_oeyb2u_99:checked + ._icon_oeyb2u_110{
450
450
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
451
451
  }
452
- ._disabled_1ygo5k0_138 ._icon_1ygo5k0_110._icon_1ygo5k0_110,
453
- ._input_1ygo5k0_99:disabled + ._icon_1ygo5k0_110{
452
+ ._disabled_oeyb2u_138 ._icon_oeyb2u_110._icon_oeyb2u_110,
453
+ ._input_oeyb2u_99:disabled + ._icon_oeyb2u_110{
454
454
  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));
455
455
 
456
456
  cursor:not-allowed;
@@ -458,27 +458,27 @@
458
458
 
459
459
  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));
460
460
  }
461
- ._input_1ygo5k0_99:hover + ._icon_1ygo5k0_110,
462
- ._enabled_1ygo5k0_126:hover ._icon_1ygo5k0_110{
461
+ ._input_oeyb2u_99:hover + ._icon_oeyb2u_110,
462
+ ._enabled_oeyb2u_126:hover ._icon_oeyb2u_110{
463
463
  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));
464
464
  }
465
- ._enabled_1ygo5k0_126._indeterminate_1ygo5k0_130 ._icon_1ygo5k0_110,
466
- ._enabled_1ygo5k0_126._indeterminate_1ygo5k0_130:hover ._icon_1ygo5k0_110,
467
- ._enabled_1ygo5k0_126._indeterminate_1ygo5k0_130 ._input_1ygo5k0_99:hover + ._icon_1ygo5k0_110{
465
+ ._enabled_oeyb2u_126._indeterminate_oeyb2u_130 ._icon_oeyb2u_110,
466
+ ._enabled_oeyb2u_126._indeterminate_oeyb2u_130:hover ._icon_oeyb2u_110,
467
+ ._enabled_oeyb2u_126._indeterminate_oeyb2u_130 ._input_oeyb2u_99:hover + ._icon_oeyb2u_110{
468
468
  border-color:var(--_rs-checkbox-ci-indeterminate-icon-border-color);
469
469
 
470
470
  background-color:var(
471
471
  --_rs-checkbox-ci-indeterminate-icon-background-color
472
472
  );
473
473
  }
474
- ._enabled_1ygo5k0_126 ._input_1ygo5k0_99:checked + ._icon_1ygo5k0_110._icon_1ygo5k0_110{
474
+ ._enabled_oeyb2u_126 ._input_oeyb2u_99:checked + ._icon_oeyb2u_110._icon_oeyb2u_110{
475
475
  border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
476
476
  }
477
- ._error_1ygo5k0_79 ._icon_1ygo5k0_110._icon_1ygo5k0_110._icon_1ygo5k0_110._icon_1ygo5k0_110,
478
- ._input_1ygo5k0_99:invalid + ._icon_1ygo5k0_110._icon_1ygo5k0_110._icon_1ygo5k0_110{
477
+ ._error_oeyb2u_79 ._icon_oeyb2u_110._icon_oeyb2u_110._icon_oeyb2u_110._icon_oeyb2u_110,
478
+ ._input_oeyb2u_99:invalid + ._icon_oeyb2u_110._icon_oeyb2u_110._icon_oeyb2u_110{
479
479
  border-color:#F45C4A;
480
480
  }
481
- ._icon_1ygo5k0_110::after{
481
+ ._icon_oeyb2u_110::after{
482
482
  position:absolute;
483
483
  top:var(--_rs-checkbox-ci-shadow-size);
484
484
  right:var(--_rs-checkbox-ci-shadow-size);
@@ -487,15 +487,15 @@
487
487
 
488
488
  content:'';
489
489
  }
490
- ._enabled_1ygo5k0_126:hover > ._icon_1ygo5k0_110::after,
491
- label:hover ._enabled_1ygo5k0_126 > ._icon_1ygo5k0_110::after,
492
- ._enabled_1ygo5k0_126 ._input_1ygo5k0_99:active + ._icon_1ygo5k0_110::after{
490
+ ._enabled_oeyb2u_126:hover > ._icon_oeyb2u_110::after,
491
+ label:hover ._enabled_oeyb2u_126 > ._icon_oeyb2u_110::after,
492
+ ._enabled_oeyb2u_126 ._input_oeyb2u_99:active + ._icon_oeyb2u_110::after{
493
493
  box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
494
494
  }
495
- ._enabled_1ygo5k0_126 ._input_1ygo5k0_99:focus[data-focus-method='key'] + ._icon_1ygo5k0_110::after{
495
+ ._enabled_oeyb2u_126 ._input_oeyb2u_99:focus[data-focus-method='key'] + ._icon_oeyb2u_110::after{
496
496
  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);
497
497
  }
498
- ._checkmark_1ygo5k0_194{
498
+ ._checkmark_oeyb2u_194{
499
499
  position:absolute;
500
500
  top:var(--_rs-checkbox-ci-shadow-size);
501
501
  left:var(--_rs-checkbox-ci-shadow-size);
@@ -506,22 +506,22 @@
506
506
  height:var(--_rs-checkbox-ci-size);
507
507
  fill:currentColor;
508
508
  }
509
- ._enabled_1ygo5k0_126 ._checkmark_1ygo5k0_194{
509
+ ._enabled_oeyb2u_126 ._checkmark_oeyb2u_194{
510
510
  color:var(--_rs-checkbox-ci-mark-color);
511
511
  }
512
- ._disabled_1ygo5k0_138 ._checkmark_1ygo5k0_194,
513
- ._input_1ygo5k0_99:disabled + ._icon_1ygo5k0_110 > ._checkmark_1ygo5k0_194{
512
+ ._disabled_oeyb2u_138 ._checkmark_oeyb2u_194,
513
+ ._input_oeyb2u_99:disabled + ._icon_oeyb2u_110 > ._checkmark_oeyb2u_194{
514
514
  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));
515
515
  }
516
- ._input_1ygo5k0_99:checked + ._icon_1ygo5k0_110 > ._checkmark_1ygo5k0_194{
516
+ ._input_oeyb2u_99:checked + ._icon_oeyb2u_110 > ._checkmark_oeyb2u_194{
517
517
  display:block;
518
518
  }
519
- ._markS_1ygo5k0_219{
519
+ ._markS_oeyb2u_219{
520
520
  display:var(--_rs-checkbox-ci-mark-s-display);
521
521
  }
522
- ._markM_1ygo5k0_222{
522
+ ._markM_oeyb2u_222{
523
523
  display:var(--_rs-checkbox-ci-mark-m-display);
524
524
  }
525
- ._markL_1ygo5k0_225{
525
+ ._markL_oeyb2u_225{
526
526
  display:var(--_rs-checkbox-ci-mark-l-display);
527
527
  }
package/lib/parts/checkbox-list.js CHANGED
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  import { Menu } from '@rescui/menu';
4
4
  import cn from 'classnames';
5
5
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
6
- import { WarningIcon } from '../_virtual/index.js';
6
+ import WarningIcon from '../_virtual/warning.js';
7
7
  import styles from './checkbox.p.module.css.js';
8
8
  import CheckboxManager from './checkbox-manager.js';
9
9
  const THEME_STYLES = {
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1ygo5k0_8",
3
- "themeDark": "_themeDark_1ygo5k0_11",
4
- "container": "_container_1ygo5k0_15",
5
- "listSizeS": "_listSizeS_1ygo5k0_20",
6
- "listSizeM": "_listSizeM_1ygo5k0_23",
7
- "listSizeL": "_listSizeL_1ygo5k0_26",
8
- "checkboxSizeS": "_checkboxSizeS_1ygo5k0_30",
9
- "checkboxSizeM": "_checkboxSizeM_1ygo5k0_33",
10
- "checkboxSizeL": "_checkboxSizeL_1ygo5k0_36",
11
- "sizeS": "_sizeS_1ygo5k0_40",
12
- "sizeM": "_sizeM_1ygo5k0_43",
13
- "sizeL": "_sizeL_1ygo5k0_46",
14
- "classic": "_classic_1ygo5k0_50",
15
- "rock": "_rock_1ygo5k0_53",
16
- "checkbox": "_checkbox_1ygo5k0_30",
17
- "errorMessage": "_errorMessage_1ygo5k0_79",
18
- "list": "_list_1ygo5k0_20",
19
- "errorIcon": "_errorIcon_1ygo5k0_93",
20
- "input": "_input_1ygo5k0_99",
21
- "icon": "_icon_1ygo5k0_110",
22
- "enabled": "_enabled_1ygo5k0_126",
23
- "indeterminate": "_indeterminate_1ygo5k0_130",
24
- "disabled": "_disabled_1ygo5k0_138",
25
- "error": "_error_1ygo5k0_79",
26
- "checkmark": "_checkmark_1ygo5k0_194",
27
- "markS": "_markS_1ygo5k0_219",
28
- "markM": "_markM_1ygo5k0_222",
29
- "markL": "_markL_1ygo5k0_225"
2
+ "themeLight": "_themeLight_oeyb2u_8",
3
+ "themeDark": "_themeDark_oeyb2u_11",
4
+ "container": "_container_oeyb2u_15",
5
+ "listSizeS": "_listSizeS_oeyb2u_20",
6
+ "listSizeM": "_listSizeM_oeyb2u_23",
7
+ "listSizeL": "_listSizeL_oeyb2u_26",
8
+ "checkboxSizeS": "_checkboxSizeS_oeyb2u_30",
9
+ "checkboxSizeM": "_checkboxSizeM_oeyb2u_33",
10
+ "checkboxSizeL": "_checkboxSizeL_oeyb2u_36",
11
+ "sizeS": "_sizeS_oeyb2u_40",
12
+ "sizeM": "_sizeM_oeyb2u_43",
13
+ "sizeL": "_sizeL_oeyb2u_46",
14
+ "classic": "_classic_oeyb2u_50",
15
+ "rock": "_rock_oeyb2u_53",
16
+ "checkbox": "_checkbox_oeyb2u_30",
17
+ "errorMessage": "_errorMessage_oeyb2u_79",
18
+ "list": "_list_oeyb2u_20",
19
+ "errorIcon": "_errorIcon_oeyb2u_93",
20
+ "input": "_input_oeyb2u_99",
21
+ "icon": "_icon_oeyb2u_110",
22
+ "enabled": "_enabled_oeyb2u_126",
23
+ "indeterminate": "_indeterminate_oeyb2u_130",
24
+ "disabled": "_disabled_oeyb2u_138",
25
+ "error": "_error_oeyb2u_79",
26
+ "checkmark": "_checkmark_oeyb2u_194",
27
+ "markS": "_markS_oeyb2u_219",
28
+ "markM": "_markM_oeyb2u_222",
29
+ "markL": "_markL_oeyb2u_225"
30
30
  };
31
31
  export { styles as default };
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@rescui/checkbox",
3
- "version": "0.8.9-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
3
+ "version": "0.8.9",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "module": "lib/index.js",
8
9
  "src:main": "src/index.ts",
9
10
  "files": [
10
11
  "lib",
@@ -15,7 +16,7 @@
15
16
  },
16
17
  "dependencies": {
17
18
  "@babel/runtime-corejs3": "^7.26.0",
18
- "@rescui/menu": "0.10.13-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
19
+ "@rescui/menu": "^0.10.13",
19
20
  "classnames": "^2.2.6"
20
21
  },
21
22
  "peerDependencies": {
@@ -24,17 +25,16 @@
24
25
  "react": ">=16.8.0 <19"
25
26
  },
26
27
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-64b23ff1.46+64b23ff1",
28
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
29
- "@rescui/postcss-preset-library": "0.2.2",
30
- "@rescui/scripts": "0.3.5",
31
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
32
- "@rescui/visual-regression": "0.1.2"
28
+ "@rescui/colors": "^0.2.7",
29
+ "@rescui/postcss-preset-library": "^0.2.2",
30
+ "@rescui/scripts": "^0.3.5",
31
+ "@rescui/typography": "^0.21.1",
32
+ "@rescui/visual-regression": "^0.1.2"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "64b23ff1d1e0d31e634a11f576360c4ec297561b"
39
+ "gitHead": "94b4b5531e261cde472a2218ace4a21d7b0f990f"
40
40
  }
package/lib/_virtual/index.js DELETED
@@ -1,76 +0,0 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import cn from 'classnames';
5
- import styles from './index.css.js';
6
- const sizeStyles = {
7
- "xs": styles.sizeXS,
8
- "s": styles.sizeS,
9
- "m": styles.sizeM,
10
- "l": styles.sizeL
11
- };
12
- const Size = {
13
- "xs": "xs",
14
- "s": "s",
15
- "m": "m",
16
- "l": "l"
17
- };
18
- const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
- let {
20
- theme,
21
- size,
22
- className,
23
- ...props
24
- } = _ref;
25
-
26
- if (size === Size['xs']) {
27
- return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
34
- }));
35
- }
36
-
37
- if (size === Size['s']) {
38
- return /*#__PURE__*/React.createElement("svg", _extends({
39
- viewBox: "0 0 20 20"
40
- }, props, {
41
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
- ref: ref
43
- }), /*#__PURE__*/React.createElement("path", {
44
- d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
45
- }));
46
- }
47
-
48
- if (size === Size['m']) {
49
- return /*#__PURE__*/React.createElement("svg", _extends({
50
- viewBox: "0 0 24 24"
51
- }, props, {
52
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("path", {
55
- d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
56
- }));
57
- }
58
-
59
- return /*#__PURE__*/React.createElement("svg", _extends({
60
- viewBox: "0 0 28 28"
61
- }, props, {
62
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
- ref: ref
64
- }), /*#__PURE__*/React.createElement("path", {
65
- d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
66
- }));
67
- });
68
- WarningIcon.propTypes = {
69
- className: PropTypes.string,
70
- theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- WarningIcon.defaultProps = {
74
- size: "m"
75
- };
76
- export { Size, WarningIcon, WarningIcon as default };