@rescui/button 0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39

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 +12 -12
  2. package/lib/_virtual/loading-outline.js +310 -79
  3. package/lib/button.js +352 -112
  4. package/lib/button.p.module.css.js +31 -31
  5. package/lib/index.css +89 -79
  6. package/lib/public-api.p.css +5 -0
  7. package/lib/public-api.pcss +5 -0
  8. package/package.json +8 -7
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_19upof9_4",
3
- "sizeXS": "_sizeXS_19upof9_14",
4
- "sizeS": "_sizeS_19upof9_18",
5
- "sizeM": "_sizeM_19upof9_22",
6
- "sizeL": "_sizeL_19upof9_26",
7
- "light": "_light_19upof9_30",
8
- "dark": "_dark_19upof9_34",
9
- "allVariants": "_allVariants_19upof9_48",
10
- "variant16": "_variant16_19upof9_53",
11
- "variant20": "_variant20_19upof9_54",
12
- "variant24": "_variant24_19upof9_55",
13
- "variant28": "_variant28_19upof9_58"
2
+ "icon": "_icon_wwfcil_4",
3
+ "sizeXS": "_sizeXS_wwfcil_14",
4
+ "sizeS": "_sizeS_wwfcil_18",
5
+ "sizeM": "_sizeM_wwfcil_22",
6
+ "sizeL": "_sizeL_wwfcil_26",
7
+ "light": "_light_wwfcil_30",
8
+ "dark": "_dark_wwfcil_34",
9
+ "allVariants": "_allVariants_wwfcil_48",
10
+ "variant16": "_variant16_wwfcil_53",
11
+ "variant20": "_variant20_wwfcil_54",
12
+ "variant24": "_variant24_wwfcil_55",
13
+ "variant28": "_variant28_wwfcil_58"
14
14
  };
15
15
  export { styles as default };
package/lib/_virtual/loading-outline.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import { c } from 'react-compiler-runtime';
2
3
  import React from 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import cn from 'classnames';
@@ -15,101 +16,331 @@ const Size = {
15
16
  "m": "m",
16
17
  "l": "l"
17
18
  };
18
- const LoadingOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
19
- viewBox: "0 0 16 16"
20
- }, props, {
21
- ref: ref
22
- }), /*#__PURE__*/React.createElement("path", {
23
- d: "M8 3a5 5 0 1 0 4.933 4.177.5.5 0 0 1 .986-.163Q14 7.496 14 8a6 6 0 1 1-5.014-5.92.5.5 0 1 1-.163.987A5 5 0 0 0 8 3",
24
- style: {
25
- animation: "rs-icon-rotate 1s linear infinite",
26
- transformOrigin: "center center"
27
- }
28
- })));
19
+ const LoadingOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
20
+ const $ = c(4);
21
+ let t0;
22
+
23
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
24
+ t0 = /*#__PURE__*/React.createElement("path", {
25
+ d: "M8 3a5 5 0 1 0 4.933 4.177.5.5 0 0 1 .986-.163Q14 7.496 14 8a6 6 0 1 1-5.014-5.92.5.5 0 1 1-.163.987A5 5 0 0 0 8 3",
26
+ style: {
27
+ animation: "rs-icon-rotate 1s linear infinite",
28
+ transformOrigin: "center center"
29
+ }
30
+ });
31
+ $[0] = t0;
32
+ } else {
33
+ t0 = $[0];
34
+ }
35
+
36
+ let t1;
37
+
38
+ if ($[1] !== props || $[2] !== ref) {
39
+ t1 = /*#__PURE__*/React.createElement("svg", _extends({
40
+ viewBox: "0 0 16 16"
41
+ }, props, {
42
+ ref: ref
43
+ }), t0);
44
+ $[1] = props;
45
+ $[2] = ref;
46
+ $[3] = t1;
47
+ } else {
48
+ t1 = $[3];
49
+ }
50
+
51
+ return t1;
52
+ });
29
53
  LoadingOutlineIcon16.displayName = 'LoadingOutlineIcon16';
30
- const LoadingOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
31
- viewBox: "0 0 20 20"
32
- }, props, {
33
- ref: ref
34
- }), /*#__PURE__*/React.createElement("path", {
35
- d: "M10 3.75a6.25 6.25 0 1 0 6.166 5.221.75.75 0 0 1 1.48-.244 7.75 7.75 0 1 1-6.372-6.372.75.75 0 0 1-.245 1.48A6.3 6.3 0 0 0 10 3.75",
36
- style: {
37
- animation: "rs-icon-rotate 1s linear infinite",
38
- transformOrigin: "center center"
39
- }
40
- })));
54
+ const LoadingOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
55
+ const $ = c(4);
56
+ let t0;
57
+
58
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
59
+ t0 = /*#__PURE__*/React.createElement("path", {
60
+ d: "M10 3.75a6.25 6.25 0 1 0 6.166 5.221.75.75 0 0 1 1.48-.244 7.75 7.75 0 1 1-6.372-6.372.75.75 0 0 1-.245 1.48A6.3 6.3 0 0 0 10 3.75",
61
+ style: {
62
+ animation: "rs-icon-rotate 1s linear infinite",
63
+ transformOrigin: "center center"
64
+ }
65
+ });
66
+ $[0] = t0;
67
+ } else {
68
+ t0 = $[0];
69
+ }
70
+
71
+ let t1;
72
+
73
+ if ($[1] !== props || $[2] !== ref) {
74
+ t1 = /*#__PURE__*/React.createElement("svg", _extends({
75
+ viewBox: "0 0 20 20"
76
+ }, props, {
77
+ ref: ref
78
+ }), t0);
79
+ $[1] = props;
80
+ $[2] = ref;
81
+ $[3] = t1;
82
+ } else {
83
+ t1 = $[3];
84
+ }
85
+
86
+ return t1;
87
+ });
41
88
  LoadingOutlineIcon20.displayName = 'LoadingOutlineIcon20';
42
- const LoadingOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
43
- viewBox: "0 0 24 24"
44
- }, props, {
45
- ref: ref
46
- }), /*#__PURE__*/React.createElement("path", {
47
- d: "M12 5a7 7 0 1 0 6.906 5.848 1 1 0 1 1 1.973-.327q.12.724.121 1.479a9 9 0 1 1-7.521-8.879 1 1 0 0 1-.327 1.973A7 7 0 0 0 12 5",
48
- style: {
49
- animation: "rs-icon-rotate 1s linear infinite",
50
- transformOrigin: "center center"
51
- }
52
- })));
89
+ const LoadingOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
90
+ const $ = c(4);
91
+ let t0;
92
+
93
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
94
+ t0 = /*#__PURE__*/React.createElement("path", {
95
+ d: "M12 5a7 7 0 1 0 6.906 5.848 1 1 0 1 1 1.973-.327q.12.724.121 1.479a9 9 0 1 1-7.521-8.879 1 1 0 0 1-.327 1.973A7 7 0 0 0 12 5",
96
+ style: {
97
+ animation: "rs-icon-rotate 1s linear infinite",
98
+ transformOrigin: "center center"
99
+ }
100
+ });
101
+ $[0] = t0;
102
+ } else {
103
+ t0 = $[0];
104
+ }
105
+
106
+ let t1;
107
+
108
+ if ($[1] !== props || $[2] !== ref) {
109
+ t1 = /*#__PURE__*/React.createElement("svg", _extends({
110
+ viewBox: "0 0 24 24"
111
+ }, props, {
112
+ ref: ref
113
+ }), t0);
114
+ $[1] = props;
115
+ $[2] = ref;
116
+ $[3] = t1;
117
+ } else {
118
+ t1 = $[3];
119
+ }
120
+
121
+ return t1;
122
+ });
53
123
  LoadingOutlineIcon24.displayName = 'LoadingOutlineIcon24';
54
- const LoadingOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
55
- viewBox: "0 0 28 28"
56
- }, props, {
57
- ref: ref
58
- }), /*#__PURE__*/React.createElement("path", {
59
- d: "M14 6a8 8 0 1 0 7.892 6.683 1 1 0 1 1 1.974-.326q.133.803.134 1.643c0 5.523-4.477 10-10 10S4 19.523 4 14 8.477 4 14 4q.775.001 1.52.115a1 1 0 1 1-.302 1.977A8 8 0 0 0 14 6",
60
- style: {
61
- animation: "rs-icon-rotate 1s linear infinite",
62
- transformOrigin: "center center"
63
- }
64
- })));
124
+ const LoadingOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
125
+ const $ = c(4);
126
+ let t0;
127
+
128
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
129
+ t0 = /*#__PURE__*/React.createElement("path", {
130
+ d: "M14 6a8 8 0 1 0 7.892 6.683 1 1 0 1 1 1.974-.326q.133.803.134 1.643c0 5.523-4.477 10-10 10S4 19.523 4 14 8.477 4 14 4q.775.001 1.52.115a1 1 0 1 1-.302 1.977A8 8 0 0 0 14 6",
131
+ style: {
132
+ animation: "rs-icon-rotate 1s linear infinite",
133
+ transformOrigin: "center center"
134
+ }
135
+ });
136
+ $[0] = t0;
137
+ } else {
138
+ t0 = $[0];
139
+ }
140
+
141
+ let t1;
142
+
143
+ if ($[1] !== props || $[2] !== ref) {
144
+ t1 = /*#__PURE__*/React.createElement("svg", _extends({
145
+ viewBox: "0 0 28 28"
146
+ }, props, {
147
+ ref: ref
148
+ }), t0);
149
+ $[1] = props;
150
+ $[2] = ref;
151
+ $[3] = t1;
152
+ } else {
153
+ t1 = $[3];
154
+ }
155
+
156
+ return t1;
157
+ });
65
158
  LoadingOutlineIcon28.displayName = 'LoadingOutlineIcon28';
66
- const LoadingOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
67
- let {
68
- theme,
69
- size: sizeFromProps = "m",
70
- className,
71
- style,
72
- ['data-render-all-sizes']: renderAllSizes = false,
73
- ...props
74
- } = _ref;
159
+ const LoadingOutlineIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
160
+ const $ = c(34);
161
+ let className;
162
+ let props;
163
+ let style;
164
+ let t1;
165
+ let t2;
166
+ let theme;
167
+
168
+ if ($[0] !== t0) {
169
+ ({
170
+ theme,
171
+ size: t1,
172
+ className,
173
+ style,
174
+ "data-render-all-sizes": t2,
175
+ ...props
176
+ } = t0);
177
+ $[0] = t0;
178
+ $[1] = className;
179
+ $[2] = props;
180
+ $[3] = style;
181
+ $[4] = t1;
182
+ $[5] = t2;
183
+ $[6] = theme;
184
+ } else {
185
+ className = $[1];
186
+ props = $[2];
187
+ style = $[3];
188
+ t1 = $[4];
189
+ t2 = $[5];
190
+ theme = $[6];
191
+ }
192
+
193
+ const sizeFromProps = t1 === undefined ? "m" : t1;
194
+ const renderAllSizes = t2 === undefined ? false : t2;
75
195
  const size = sizeFromProps in Size ? sizeFromProps : "m";
76
- const mainProps = { ...props,
77
- className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
78
- style: renderAllSizes ? {
79
- '--rs-icon-ar-width': 28,
80
- '--rs-icon-ar-height': 28,
196
+ const t3 = styles[theme];
197
+ const t4 = sizeStyles[size];
198
+ const t5 = renderAllSizes && styles.allVariants;
199
+ let t6;
200
+
201
+ if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
202
+ t6 = cn(styles.icon, t3, t4, t5, className);
203
+ $[7] = className;
204
+ $[8] = t3;
205
+ $[9] = t4;
206
+ $[10] = t5;
207
+ $[11] = t6;
208
+ } else {
209
+ t6 = $[11];
210
+ }
211
+
212
+ let t7;
213
+
214
+ if ($[12] !== renderAllSizes || $[13] !== style) {
215
+ t7 = renderAllSizes ? {
216
+ "--rs-icon-ar-width": 28,
217
+ "--rs-icon-ar-height": 28,
81
218
  ...style
82
- } : style,
83
- ref
84
- };
219
+ } : style;
220
+ $[12] = renderAllSizes;
221
+ $[13] = style;
222
+ $[14] = t7;
223
+ } else {
224
+ t7 = $[14];
225
+ }
226
+
227
+ let t8;
228
+
229
+ if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
230
+ t8 = { ...props,
231
+ className: t6,
232
+ style: t7,
233
+ ref
234
+ };
235
+ $[15] = props;
236
+ $[16] = ref;
237
+ $[17] = t6;
238
+ $[18] = t7;
239
+ $[19] = t8;
240
+ } else {
241
+ t8 = $[19];
242
+ }
243
+
244
+ const mainProps = t8;
85
245
 
86
246
  if (renderAllSizes) {
87
- return /*#__PURE__*/React.createElement("svg", _extends({
88
- viewBox: "0 0 28 28"
89
- }, mainProps), /*#__PURE__*/React.createElement(LoadingOutlineIcon16, {
90
- className: styles.variant16
91
- }), /*#__PURE__*/React.createElement(LoadingOutlineIcon20, {
92
- className: styles.variant20
93
- }), /*#__PURE__*/React.createElement(LoadingOutlineIcon24, {
94
- className: styles.variant24
95
- }), /*#__PURE__*/React.createElement(LoadingOutlineIcon28, {
96
- className: styles.variant28
97
- }));
247
+ let t10;
248
+ let t11;
249
+ let t12;
250
+ let t9;
251
+
252
+ if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
253
+ t9 = /*#__PURE__*/React.createElement(LoadingOutlineIcon16, {
254
+ className: styles.variant16
255
+ });
256
+ t10 = /*#__PURE__*/React.createElement(LoadingOutlineIcon20, {
257
+ className: styles.variant20
258
+ });
259
+ t11 = /*#__PURE__*/React.createElement(LoadingOutlineIcon24, {
260
+ className: styles.variant24
261
+ });
262
+ t12 = /*#__PURE__*/React.createElement(LoadingOutlineIcon28, {
263
+ className: styles.variant28
264
+ });
265
+ $[20] = t10;
266
+ $[21] = t11;
267
+ $[22] = t12;
268
+ $[23] = t9;
269
+ } else {
270
+ t10 = $[20];
271
+ t11 = $[21];
272
+ t12 = $[22];
273
+ t9 = $[23];
274
+ }
275
+
276
+ let t13;
277
+
278
+ if ($[24] !== mainProps) {
279
+ t13 = /*#__PURE__*/React.createElement("svg", _extends({
280
+ viewBox: "0 0 28 28"
281
+ }, mainProps), t9, t10, t11, t12);
282
+ $[24] = mainProps;
283
+ $[25] = t13;
284
+ } else {
285
+ t13 = $[25];
286
+ }
287
+
288
+ return t13;
98
289
  }
99
290
 
100
- if (size === Size['xs']) {
101
- return /*#__PURE__*/React.createElement(LoadingOutlineIcon16, mainProps);
291
+ if (size === Size.xs) {
292
+ let t9;
293
+
294
+ if ($[26] !== mainProps) {
295
+ t9 = /*#__PURE__*/React.createElement(LoadingOutlineIcon16, mainProps);
296
+ $[26] = mainProps;
297
+ $[27] = t9;
298
+ } else {
299
+ t9 = $[27];
300
+ }
301
+
302
+ return t9;
102
303
  }
103
304
 
104
- if (size === Size['s']) {
105
- return /*#__PURE__*/React.createElement(LoadingOutlineIcon20, mainProps);
305
+ if (size === Size.s) {
306
+ let t9;
307
+
308
+ if ($[28] !== mainProps) {
309
+ t9 = /*#__PURE__*/React.createElement(LoadingOutlineIcon20, mainProps);
310
+ $[28] = mainProps;
311
+ $[29] = t9;
312
+ } else {
313
+ t9 = $[29];
314
+ }
315
+
316
+ return t9;
317
+ }
318
+
319
+ if (size === Size.m) {
320
+ let t9;
321
+
322
+ if ($[30] !== mainProps) {
323
+ t9 = /*#__PURE__*/React.createElement(LoadingOutlineIcon24, mainProps);
324
+ $[30] = mainProps;
325
+ $[31] = t9;
326
+ } else {
327
+ t9 = $[31];
328
+ }
329
+
330
+ return t9;
106
331
  }
107
332
 
108
- if (size === Size['m']) {
109
- return /*#__PURE__*/React.createElement(LoadingOutlineIcon24, mainProps);
333
+ let t9;
334
+
335
+ if ($[32] !== mainProps) {
336
+ t9 = /*#__PURE__*/React.createElement(LoadingOutlineIcon28, mainProps);
337
+ $[32] = mainProps;
338
+ $[33] = t9;
339
+ } else {
340
+ t9 = $[33];
110
341
  }
111
342
 
112
- return /*#__PURE__*/React.createElement(LoadingOutlineIcon28, mainProps);
343
+ return t9;
113
344
  });
114
345
  LoadingOutlineIcon.displayName = 'LoadingOutlineIcon';
115
346
  LoadingOutlineIcon.propTypes = {