@rescui/checkbox 0.8.9-RUI-230-Update-icons-tree-shaking-ec76507a.10 → 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.
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_xt44n8_4",
3
- "sizeXS": "_sizeXS_xt44n8_14",
4
- "sizeS": "_sizeS_xt44n8_18",
5
- "sizeM": "_sizeM_xt44n8_22",
6
- "sizeL": "_sizeL_xt44n8_26",
7
- "light": "_light_xt44n8_30",
8
- "dark": "_dark_xt44n8_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 };
@@ -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/pure.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_xt44n8_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_xt44n8_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_xt44n8_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_xt44n8_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_xt44n8_14{
35
+ ._sizeXS_1p2plc6_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_xt44n8_18{
38
+ ._sizeS_1p2plc6_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_xt44n8_22{
41
+ ._sizeM_1p2plc6_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_xt44n8_26{
44
+ ._sizeL_1p2plc6_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_xt44n8_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_xt44n8_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_13paro4_8{
63
+ ._themeLight_oeyb2u_8{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_13paro4_11{
66
+ ._themeDark_oeyb2u_11{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._container_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_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_13paro4_79._list_13paro4_20{
409
+ ._errorMessage_oeyb2u_79._list_oeyb2u_20{
410
410
  margin-bottom:8px;
411
411
  }
412
- ._errorIcon_13paro4_93{
412
+ ._errorIcon_oeyb2u_93{
413
413
  flex:0 0 auto;
414
414
 
415
415
  color:#F45C4A;
416
416
  }
417
- ._input_13paro4_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_13paro4_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_13paro4_126 ._icon_13paro4_110{
443
+ ._enabled_oeyb2u_126 ._icon_oeyb2u_110{
444
444
  cursor:pointer;
445
445
  }
446
- ._indeterminate_13paro4_130 ._icon_13paro4_110{
446
+ ._indeterminate_oeyb2u_130 ._icon_oeyb2u_110{
447
447
  border-width:var(--_rs-checkbox-ci-indeterminate-icon-border-width);
448
448
  }
449
- ._input_13paro4_99:checked + ._icon_13paro4_110{
449
+ ._input_oeyb2u_99:checked + ._icon_oeyb2u_110{
450
450
  border-width:calc(var(--_rs-checkbox-ci-size)/2);
451
451
  }
452
- ._disabled_13paro4_138 ._icon_13paro4_110._icon_13paro4_110,
453
- ._input_13paro4_99:disabled + ._icon_13paro4_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_13paro4_99:hover + ._icon_13paro4_110,
462
- ._enabled_13paro4_126:hover ._icon_13paro4_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_13paro4_126._indeterminate_13paro4_130 ._icon_13paro4_110,
466
- ._enabled_13paro4_126._indeterminate_13paro4_130:hover ._icon_13paro4_110,
467
- ._enabled_13paro4_126._indeterminate_13paro4_130 ._input_13paro4_99:hover + ._icon_13paro4_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_13paro4_126 ._input_13paro4_99:checked + ._icon_13paro4_110._icon_13paro4_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_13paro4_79 ._icon_13paro4_110._icon_13paro4_110._icon_13paro4_110._icon_13paro4_110,
478
- ._input_13paro4_99:invalid + ._icon_13paro4_110._icon_13paro4_110._icon_13paro4_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_13paro4_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_13paro4_126:hover > ._icon_13paro4_110::after,
491
- label:hover ._enabled_13paro4_126 > ._icon_13paro4_110::after,
492
- ._enabled_13paro4_126 ._input_13paro4_99:active + ._icon_13paro4_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_13paro4_126 ._input_13paro4_99:focus[data-focus-method='key'] + ._icon_13paro4_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_13paro4_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_13paro4_126 ._checkmark_13paro4_194{
509
+ ._enabled_oeyb2u_126 ._checkmark_oeyb2u_194{
510
510
  color:var(--_rs-checkbox-ci-mark-color);
511
511
  }
512
- ._disabled_13paro4_138 ._checkmark_13paro4_194,
513
- ._input_13paro4_99:disabled + ._icon_13paro4_110 > ._checkmark_13paro4_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_13paro4_99:checked + ._icon_13paro4_110 > ._checkmark_13paro4_194{
516
+ ._input_oeyb2u_99:checked + ._icon_oeyb2u_110 > ._checkmark_oeyb2u_194{
517
517
  display:block;
518
518
  }
519
- ._markS_13paro4_219{
519
+ ._markS_oeyb2u_219{
520
520
  display:var(--_rs-checkbox-ci-mark-s-display);
521
521
  }
522
- ._markM_13paro4_222{
522
+ ._markM_oeyb2u_222{
523
523
  display:var(--_rs-checkbox-ci-mark-m-display);
524
524
  }
525
- ._markL_13paro4_225{
525
+ ._markL_oeyb2u_225{
526
526
  display:var(--_rs-checkbox-ci-mark-l-display);
527
527
  }
@@ -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/pure.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 = {
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_13paro4_8",
3
- "themeDark": "_themeDark_13paro4_11",
4
- "container": "_container_13paro4_15",
5
- "listSizeS": "_listSizeS_13paro4_20",
6
- "listSizeM": "_listSizeM_13paro4_23",
7
- "listSizeL": "_listSizeL_13paro4_26",
8
- "checkboxSizeS": "_checkboxSizeS_13paro4_30",
9
- "checkboxSizeM": "_checkboxSizeM_13paro4_33",
10
- "checkboxSizeL": "_checkboxSizeL_13paro4_36",
11
- "sizeS": "_sizeS_13paro4_40",
12
- "sizeM": "_sizeM_13paro4_43",
13
- "sizeL": "_sizeL_13paro4_46",
14
- "classic": "_classic_13paro4_50",
15
- "rock": "_rock_13paro4_53",
16
- "checkbox": "_checkbox_13paro4_30",
17
- "errorMessage": "_errorMessage_13paro4_79",
18
- "list": "_list_13paro4_20",
19
- "errorIcon": "_errorIcon_13paro4_93",
20
- "input": "_input_13paro4_99",
21
- "icon": "_icon_13paro4_110",
22
- "enabled": "_enabled_13paro4_126",
23
- "indeterminate": "_indeterminate_13paro4_130",
24
- "disabled": "_disabled_13paro4_138",
25
- "error": "_error_13paro4_79",
26
- "checkmark": "_checkmark_13paro4_194",
27
- "markS": "_markS_13paro4_219",
28
- "markM": "_markM_13paro4_222",
29
- "markL": "_markL_13paro4_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-tree-shaking-ec76507a.10+ec76507a",
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-tree-shaking-ec76507a.10+ec76507a",
19
+ "@rescui/menu": "^0.10.13",
19
20
  "classnames": "^2.2.6"
20
21
  },
21
22
  "peerDependencies": {
@@ -24,16 +25,16 @@
24
25
  "react": ">=16.8.0 <19"
25
26
  },
26
27
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-tree-shaking-ec76507a.34+ec76507a",
28
- "@rescui/postcss-preset-library": "0.2.2",
29
- "@rescui/scripts": "0.3.5",
30
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-tree-shaking-ec76507a.10+ec76507a",
31
- "@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"
32
33
  },
33
34
  "scripts": {
34
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
35
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
37
  },
37
38
  "nx": {},
38
- "gitHead": "ec76507ad979df68d58a0a414b1ae497975090cd"
39
+ "gitHead": "94b4b5531e261cde472a2218ace4a21d7b0f990f"
39
40
  }
@@ -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 as default };