@rescui/collapse 0.5.12-RUI-230-Update-icons-experiments-872b9bf9.15 → 0.5.12-RUI-230-Update-icons-tree-shaking-ec76507a.10

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/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/pure.js +76 -0
  3. package/lib/_virtual/pure2.js +84 -0
  4. package/lib/collapse.js +2 -2
  5. package/lib/collapse.p.module.css.js +32 -32
  6. package/lib/index.css +62 -62
  7. package/package.json +5 -5
  8. package/lib/_virtual/index.js +0 -36
  9. package/lib/_virtual/index2.js +0 -36
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1a4qzqr_4",
3
- "sizeXS": "_sizeXS_1a4qzqr_14",
4
- "sizeS": "_sizeS_1a4qzqr_18",
5
- "sizeM": "_sizeM_1a4qzqr_22",
6
- "sizeL": "_sizeL_1a4qzqr_26",
7
- "light": "_light_1a4qzqr_30",
8
- "dark": "_dark_1a4qzqr_34"
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"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/pure.js ADDED
@@ -0,0 +1,76 @@
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 RightIcon = /*#__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: "M5.97 4.47a.75.75 0 0 0 0 1.06L8.44 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0"
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: "M7.293 5.293a1 1 0 0 0 0 1.414L10.586 10l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0"
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: "M7.94 4.94a1.5 1.5 0 0 0 0 2.12L12.878 12l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0"
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: "M9.44 5.94a1.5 1.5 0 0 0 0 2.12L15.378 14l-5.94 5.94a1.5 1.5 0 0 0 2.122 2.12l7-7a1.5 1.5 0 0 0 0-2.12l-7-7a1.5 1.5 0 0 0-2.122 0"
66
+ }));
67
+ });
68
+ RightIcon.propTypes = {
69
+ className: PropTypes.string,
70
+ theme: PropTypes.oneOf(["light", "dark"]),
71
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
+ };
73
+ RightIcon.defaultProps = {
74
+ size: "m"
75
+ };
76
+ export { Size, RightIcon as default };
package/lib/_virtual/pure2.js ADDED
@@ -0,0 +1,84 @@
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 AddOutlineIcon = /*#__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: "M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"
34
+ }), /*#__PURE__*/React.createElement("path", {
35
+ d: "M2 3.75C2 2.784 2.784 2 3.75 2h8.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25zM3.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z"
36
+ }));
37
+ }
38
+
39
+ if (size === Size['s']) {
40
+ return /*#__PURE__*/React.createElement("svg", _extends({
41
+ viewBox: "0 0 20 20"
42
+ }, props, {
43
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
44
+ ref: ref
45
+ }), /*#__PURE__*/React.createElement("path", {
46
+ d: "M10.75 6a.75.75 0 0 0-1.5 0v3.25H6a.75.75 0 0 0 0 1.5h3.25V14a.75.75 0 0 0 1.5 0v-3.25H14a.75.75 0 0 0 0-1.5h-3.25z"
47
+ }), /*#__PURE__*/React.createElement("path", {
48
+ d: "M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z"
49
+ }));
50
+ }
51
+
52
+ if (size === Size['m']) {
53
+ return /*#__PURE__*/React.createElement("svg", _extends({
54
+ viewBox: "0 0 24 24"
55
+ }, props, {
56
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
57
+ ref: ref
58
+ }), /*#__PURE__*/React.createElement("path", {
59
+ d: "M13 8a1 1 0 1 0-2 0v3H8a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3z"
60
+ }), /*#__PURE__*/React.createElement("path", {
61
+ d: "M3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5z"
62
+ }));
63
+ }
64
+
65
+ return /*#__PURE__*/React.createElement("svg", _extends({
66
+ viewBox: "0 0 28 28"
67
+ }, props, {
68
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
69
+ ref: ref
70
+ }), /*#__PURE__*/React.createElement("path", {
71
+ d: "M15 9a1 1 0 1 0-2 0v4H9a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4z"
72
+ }), /*#__PURE__*/React.createElement("path", {
73
+ d: "M4 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
74
+ }));
75
+ });
76
+ AddOutlineIcon.propTypes = {
77
+ className: PropTypes.string,
78
+ theme: PropTypes.oneOf(["light", "dark"]),
79
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
80
+ };
81
+ AddOutlineIcon.defaultProps = {
82
+ size: "m"
83
+ };
84
+ export { Size, AddOutlineIcon as default };
package/lib/collapse.js CHANGED
@@ -3,8 +3,8 @@ import cn from 'classnames';
3
3
  import PropTypes from 'prop-types';
4
4
  import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
5
5
  import { useResizeObserver } from '@rescui/use-resize-observer';
6
- import { RightIcon } from './_virtual/index.js';
7
- import { AddOutlineIcon } from './_virtual/index2.js';
6
+ import RightIcon from './_virtual/pure.js';
7
+ import AddOutlineIcon from './_virtual/pure2.js';
8
8
  import { collapseContext } from './context.js';
9
9
  import { useCollapseState, COLLAPSE_STATES, useStartedClosing } from './use-collapse-state.js';
10
10
  import styles from './collapse.p.module.css.js';
package/lib/collapse.p.module.css.js CHANGED
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1lk112l_6",
3
- "themeDark": "_themeDark_1lk112l_9",
4
- "sizeS": "_sizeS_1lk112l_13",
5
- "sizeM": "_sizeM_1lk112l_16",
6
- "sizeL": "_sizeL_1lk112l_19",
7
- "classic": "_classic_1lk112l_23",
8
- "rock": "_rock_1lk112l_26",
9
- "clear": "_clear_1lk112l_29",
10
- "hasBorderBottom": "_hasBorderBottom_1lk112l_33",
11
- "leftIcon": "_leftIcon_1lk112l_37",
12
- "rightIcon": "_rightIcon_1lk112l_40",
13
- "disableLeftPadding": "_disableLeftPadding_1lk112l_44",
14
- "main": "_main_1lk112l_48",
15
- "opening": "_opening_1lk112l_59",
16
- "opened": "_opened_1lk112l_60",
17
- "closing": "_closing_1lk112l_61",
18
- "title": "_title_1lk112l_95",
19
- "content": "_content_1lk112l_103",
20
- "closed": "_closed_1lk112l_111",
21
- "closingTransition": "_closingTransition_1lk112l_120",
22
- "innerWrapper": "_innerWrapper_1lk112l_127",
23
- "button": "_button_1lk112l_133",
24
- "icon": "_icon_1lk112l_186",
25
- "iconPlus": "_iconPlus_1lk112l_202",
26
- "iconArrow": "_iconArrow_1lk112l_207",
27
- "accordion": "_accordion_1lk112l_213",
28
- "accordionGap0": "_accordionGap0_1lk112l_218",
29
- "accordionGap8": "_accordionGap8_1lk112l_221",
30
- "accordionGap12": "_accordionGap12_1lk112l_224",
31
- "accordionGap16": "_accordionGap16_1lk112l_227",
32
- "accordionGap24": "_accordionGap24_1lk112l_230",
33
- "accordionGap32": "_accordionGap32_1lk112l_233"
2
+ "themeLight": "_themeLight_emqk3e_6",
3
+ "themeDark": "_themeDark_emqk3e_9",
4
+ "sizeS": "_sizeS_emqk3e_13",
5
+ "sizeM": "_sizeM_emqk3e_16",
6
+ "sizeL": "_sizeL_emqk3e_19",
7
+ "classic": "_classic_emqk3e_23",
8
+ "rock": "_rock_emqk3e_26",
9
+ "clear": "_clear_emqk3e_29",
10
+ "hasBorderBottom": "_hasBorderBottom_emqk3e_33",
11
+ "leftIcon": "_leftIcon_emqk3e_37",
12
+ "rightIcon": "_rightIcon_emqk3e_40",
13
+ "disableLeftPadding": "_disableLeftPadding_emqk3e_44",
14
+ "main": "_main_emqk3e_48",
15
+ "opening": "_opening_emqk3e_59",
16
+ "opened": "_opened_emqk3e_60",
17
+ "closing": "_closing_emqk3e_61",
18
+ "title": "_title_emqk3e_95",
19
+ "content": "_content_emqk3e_103",
20
+ "closed": "_closed_emqk3e_111",
21
+ "closingTransition": "_closingTransition_emqk3e_120",
22
+ "innerWrapper": "_innerWrapper_emqk3e_127",
23
+ "button": "_button_emqk3e_133",
24
+ "icon": "_icon_emqk3e_186",
25
+ "iconPlus": "_iconPlus_emqk3e_202",
26
+ "iconArrow": "_iconArrow_emqk3e_207",
27
+ "accordion": "_accordion_emqk3e_213",
28
+ "accordionGap0": "_accordionGap0_emqk3e_218",
29
+ "accordionGap8": "_accordionGap8_emqk3e_221",
30
+ "accordionGap12": "_accordionGap12_emqk3e_224",
31
+ "accordionGap16": "_accordionGap16_emqk3e_227",
32
+ "accordionGap24": "_accordionGap24_emqk3e_230",
33
+ "accordionGap32": "_accordionGap32_emqk3e_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1a4qzqr_4{
1
+ ._icon_xt44n8_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_1a4qzqr_4{
11
+ ._icon_xt44n8_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_1a4qzqr_4{
20
+ ._icon_xt44n8_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_1a4qzqr_4{
28
+ ._icon_xt44n8_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_1a4qzqr_14{
35
+ ._sizeXS_xt44n8_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1a4qzqr_18{
38
+ ._sizeS_xt44n8_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1a4qzqr_22{
41
+ ._sizeM_xt44n8_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1a4qzqr_26{
44
+ ._sizeL_xt44n8_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1a4qzqr_30{
47
+ ._light_xt44n8_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_1a4qzqr_34{
51
+ ._dark_xt44n8_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,18 +60,18 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_1lk112l_6{
63
+ ._themeLight_emqk3e_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_1lk112l_9{
66
+ ._themeDark_emqk3e_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeS_1lk112l_13{
69
+ ._sizeS_emqk3e_13{
70
70
  --_rs-collapse-vertical-padding:6px;
71
71
  --_rs-collapse-horizontal-padding:8px;
72
72
  --_rs-collapse-icon-size:20px;
73
73
  }
74
- ._sizeS_1lk112l_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
74
+ ._sizeS_emqk3e_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
75
75
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
76
76
  --_rs-typography-text-transform:initial;
77
77
  --_rs-typography-font-variant-numeric:initial;
@@ -102,7 +102,7 @@
102
102
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
103
103
  --_rs-typography-link-border-bottom-width-from-text:2px;
104
104
  }
105
- ._sizeS_1lk112l_13 > [data-rs-internal='collapse__content']{
105
+ ._sizeS_emqk3e_13 > [data-rs-internal='collapse__content']{
106
106
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
@@ -136,12 +136,12 @@
136
136
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
137
137
  --_rs-typography-link-border-bottom-width-from-text:1px;
138
138
  }
139
- ._sizeM_1lk112l_16{
139
+ ._sizeM_emqk3e_16{
140
140
  --_rs-collapse-vertical-padding:8px;
141
141
  --_rs-collapse-horizontal-padding:8px;
142
142
  --_rs-collapse-icon-size:24px;
143
143
  }
144
- ._sizeM_1lk112l_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
144
+ ._sizeM_emqk3e_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
145
145
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
146
146
  --_rs-typography-text-transform:initial;
147
147
  --_rs-typography-font-variant-numeric:initial;
@@ -172,7 +172,7 @@
172
172
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
173
173
  --_rs-typography-link-border-bottom-width-from-text:2px;
174
174
  }
175
- ._sizeM_1lk112l_16 > [data-rs-internal='collapse__content']{
175
+ ._sizeM_emqk3e_16 > [data-rs-internal='collapse__content']{
176
176
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
177
177
  --_rs-typography-text-transform:initial;
178
178
  --_rs-typography-font-variant-numeric:initial;
@@ -207,16 +207,16 @@
207
207
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
208
  }
209
209
  @media screen and (max-width: 640px){
210
- ._sizeM_1lk112l_16 > [data-rs-internal='collapse__content']{
210
+ ._sizeM_emqk3e_16 > [data-rs-internal='collapse__content']{
211
211
  --_rs-typography-list-li-margin-top-from-text:12px;
212
212
  }
213
213
  }
214
- ._sizeL_1lk112l_19{
214
+ ._sizeL_emqk3e_19{
215
215
  --_rs-collapse-vertical-padding:12px;
216
216
  --_rs-collapse-horizontal-padding:16px;
217
217
  --_rs-collapse-icon-size:28px;
218
218
  }
219
- ._sizeL_1lk112l_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
219
+ ._sizeL_emqk3e_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
220
220
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
221
221
  --_rs-typography-text-transform:initial;
222
222
  --_rs-typography-font-variant-numeric:initial;
@@ -247,7 +247,7 @@
247
247
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
248
248
  --_rs-typography-link-border-bottom-width-from-text:2px;
249
249
  }
250
- ._sizeL_1lk112l_19 > [data-rs-internal='collapse__content']{
250
+ ._sizeL_emqk3e_19 > [data-rs-internal='collapse__content']{
251
251
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
252
252
  --_rs-typography-text-transform:initial;
253
253
  --_rs-typography-font-variant-numeric:initial;
@@ -282,11 +282,11 @@
282
282
  --_rs-typography-link-border-bottom-width-from-text:1px;
283
283
  }
284
284
  @media screen and (max-width: 640px){
285
- ._sizeL_1lk112l_19 > [data-rs-internal='collapse__content']{
285
+ ._sizeL_emqk3e_19 > [data-rs-internal='collapse__content']{
286
286
  --_rs-typography-list-li-margin-top-from-text:16px;
287
287
  }
288
288
  }
289
- ._classic_1lk112l_23{
289
+ ._classic_emqk3e_23{
290
290
  --_rs-collapse-active-theme-flip:0;
291
291
  --_rs-collapse-active-background:rgba(
292
292
  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),
@@ -300,7 +300,7 @@
300
300
  );
301
301
  --_rs-collapse-button-hover-color: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), 1);
302
302
  }
303
- ._rock_1lk112l_26{
303
+ ._rock_emqk3e_26{
304
304
  --_rs-collapse-active-theme-flip:1;
305
305
  --_rs-collapse-active-background: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));
306
306
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -311,7 +311,7 @@
311
311
  );
312
312
  --_rs-collapse-button-hover-color: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), 1);
313
313
  }
314
- ._clear_1lk112l_29{
314
+ ._clear_emqk3e_29{
315
315
  --_rs-collapse-active-theme-flip:0;
316
316
  --_rs-collapse-active-background:transparent;
317
317
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -322,27 +322,27 @@
322
322
  0.7
323
323
  );
324
324
  }
325
- ._hasBorderBottom_1lk112l_33{
325
+ ._hasBorderBottom_emqk3e_33{
326
326
  --_rs-collapse-border-bottom-width-or-initial:1px;
327
327
  }
328
- ._leftIcon_1lk112l_37{
328
+ ._leftIcon_emqk3e_37{
329
329
  --_rs-collapse-button-flex-direction:row;
330
330
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
331
331
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
332
332
  }
333
- ._rightIcon_1lk112l_40{
333
+ ._rightIcon_emqk3e_40{
334
334
  --_rs-collapse-button-flex-direction:row-reverse;
335
335
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
336
336
  --_rs-collapse-inner-wrapper-padding-left-base:var(
337
337
  --_rs-collapse-horizontal-padding
338
338
  );
339
339
  }
340
- ._disableLeftPadding_1lk112l_44{
340
+ ._disableLeftPadding_emqk3e_44{
341
341
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
342
342
  --_rs-collapse-horizontal-padding
343
343
  );
344
344
  }
345
- ._main_1lk112l_48{
345
+ ._main_emqk3e_48{
346
346
  --_rs-theme-dark:var(
347
347
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
348
348
  var(--rs-theme-dark, 0)
@@ -352,7 +352,7 @@
352
352
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
353
353
  }
354
354
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
355
- ._main_1lk112l_48{
355
+ ._main_emqk3e_48{
356
356
  --_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)));
357
357
  --_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)));
358
358
  --_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)));
@@ -361,7 +361,7 @@
361
361
  }
362
362
  }
363
363
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
364
- ._main_1lk112l_48{
364
+ ._main_emqk3e_48{
365
365
  --_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);
366
366
  --_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));
367
367
  --_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));
@@ -369,7 +369,7 @@
369
369
  --_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));
370
370
  }
371
371
  }
372
- ._main_1lk112l_48 {
372
+ ._main_emqk3e_48 {
373
373
  --_rs-collapse-border-bottom-width:var(
374
374
  --_rs-collapse-border-bottom-width-or-initial,
375
375
  0px
@@ -384,9 +384,9 @@
384
384
  border-bottom:var(--_rs-collapse-border-bottom-width) solid 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.2);
385
385
  border-radius:var(--rs-collapse-border-radius, 0px);
386
386
  }
387
- ._main_1lk112l_48._opening_1lk112l_59,
388
- ._main_1lk112l_48._opened_1lk112l_60,
389
- ._main_1lk112l_48._closing_1lk112l_61{
387
+ ._main_emqk3e_48._opening_emqk3e_59,
388
+ ._main_emqk3e_48._opened_emqk3e_60,
389
+ ._main_emqk3e_48._closing_emqk3e_61{
390
390
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
391
391
 
392
392
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -396,7 +396,7 @@
396
396
  background:var(--_rs-collapse-active-background);
397
397
  }
398
398
  @media (hover: hover){
399
- ._main_1lk112l_48:hover{
399
+ ._main_emqk3e_48:hover{
400
400
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
401
401
 
402
402
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -406,7 +406,7 @@
406
406
  background:var(--_rs-collapse-active-background);
407
407
  }
408
408
  }
409
- ._title_1lk112l_95{
409
+ ._title_emqk3e_95{
410
410
  letter-spacing:var(
411
411
  --rs-text-base-letter-spacing,
412
412
  var(--_rs-typography-letter-spacing)
@@ -423,7 +423,7 @@
423
423
 
424
424
  color:inherit;
425
425
  }
426
- ._content_1lk112l_103{
426
+ ._content_emqk3e_103{
427
427
  letter-spacing:var(
428
428
  --rs-text-base-letter-spacing,
429
429
  var(--_rs-typography-letter-spacing)
@@ -444,22 +444,22 @@
444
444
 
445
445
  height:0;
446
446
  }
447
- ._closed_1lk112l_111 > ._content_1lk112l_103{
447
+ ._closed_emqk3e_111 > ._content_emqk3e_103{
448
448
  display:none;
449
449
  }
450
- ._opened_1lk112l_60 > ._content_1lk112l_103{
450
+ ._opened_emqk3e_60 > ._content_emqk3e_103{
451
451
  height:initial;
452
452
  }
453
- ._opening_1lk112l_59 > ._content_1lk112l_103,
454
- ._closingTransition_1lk112l_120 > ._content_1lk112l_103{
453
+ ._opening_emqk3e_59 > ._content_emqk3e_103,
454
+ ._closingTransition_emqk3e_120 > ._content_emqk3e_103{
455
455
  overflow:hidden;
456
456
 
457
457
  transition:height 300ms;
458
458
  }
459
- ._innerWrapper_1lk112l_127{
459
+ ._innerWrapper_emqk3e_127{
460
460
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
461
461
  }
462
- ._button_1lk112l_133{
462
+ ._button_emqk3e_133{
463
463
  color:var(
464
464
  --rs-color-hard,
465
465
  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))
@@ -492,24 +492,24 @@
492
492
  -moz-osx-font-smoothing:inherit;
493
493
  -webkit-appearance:none;
494
494
  }
495
- ._button_1lk112l_133::-moz-focus-inner{
495
+ ._button_emqk3e_133::-moz-focus-inner{
496
496
  padding:0;
497
497
 
498
498
  border:0;
499
499
  }
500
- ._button_1lk112l_133:focus{
500
+ ._button_emqk3e_133:focus{
501
501
  outline:none;
502
502
  }
503
- ._button_1lk112l_133:focus[data-focus-method='key']{
503
+ ._button_emqk3e_133:focus[data-focus-method='key']{
504
504
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
505
505
  }
506
506
  @media (hover: hover){
507
- ._button_1lk112l_133:hover{
507
+ ._button_emqk3e_133:hover{
508
508
  color:var(--_rs-collapse-button-hover-color);
509
509
  background:var(--_rs-collapse-button-hover-background);
510
510
  }
511
511
  }
512
- ._icon_1lk112l_186{
512
+ ._icon_emqk3e_186{
513
513
  position:relative;
514
514
  top:0;
515
515
  left:0;
@@ -525,34 +525,34 @@
525
525
 
526
526
  will-change:transform;
527
527
  }
528
- ._opening_1lk112l_59._iconPlus_1lk112l_202 > ._button_1lk112l_133 > ._icon_1lk112l_186,
529
- ._opened_1lk112l_60._iconPlus_1lk112l_202 > ._button_1lk112l_133 > ._icon_1lk112l_186{
528
+ ._opening_emqk3e_59._iconPlus_emqk3e_202 > ._button_emqk3e_133 > ._icon_emqk3e_186,
529
+ ._opened_emqk3e_60._iconPlus_emqk3e_202 > ._button_emqk3e_133 > ._icon_emqk3e_186{
530
530
  transform:rotate(45deg);
531
531
  }
532
- ._opening_1lk112l_59._iconArrow_1lk112l_207 > ._button_1lk112l_133 > ._icon_1lk112l_186,
533
- ._opened_1lk112l_60._iconArrow_1lk112l_207 > ._button_1lk112l_133 > ._icon_1lk112l_186{
532
+ ._opening_emqk3e_59._iconArrow_emqk3e_207 > ._button_emqk3e_133 > ._icon_emqk3e_186,
533
+ ._opened_emqk3e_60._iconArrow_emqk3e_207 > ._button_emqk3e_133 > ._icon_emqk3e_186{
534
534
  transform:rotate(90deg);
535
535
  }
536
- ._accordion_1lk112l_213{
536
+ ._accordion_emqk3e_213{
537
537
  display:flex;
538
538
  flex-direction:column;
539
539
  row-gap:var(--_rs-collapse-accordion-gap);
540
540
  }
541
- ._accordionGap0_1lk112l_218{
541
+ ._accordionGap0_emqk3e_218{
542
542
  --_rs-collapse-accordion-gap:0px;
543
543
  }
544
- ._accordionGap8_1lk112l_221{
544
+ ._accordionGap8_emqk3e_221{
545
545
  --_rs-collapse-accordion-gap:8px;
546
546
  }
547
- ._accordionGap12_1lk112l_224{
547
+ ._accordionGap12_emqk3e_224{
548
548
  --_rs-collapse-accordion-gap:12px;
549
549
  }
550
- ._accordionGap16_1lk112l_227{
550
+ ._accordionGap16_emqk3e_227{
551
551
  --_rs-collapse-accordion-gap:16px;
552
552
  }
553
- ._accordionGap24_1lk112l_230{
553
+ ._accordionGap24_emqk3e_230{
554
554
  --_rs-collapse-accordion-gap:24px;
555
555
  }
556
- ._accordionGap32_1lk112l_233{
556
+ ._accordionGap32_emqk3e_233{
557
557
  --_rs-collapse-accordion-gap:32px;
558
558
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.12-RUI-230-Update-icons-experiments-872b9bf9.15+872b9bf9",
3
+ "version": "0.5.12-RUI-230-Update-icons-tree-shaking-ec76507a.10+ec76507a",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.26.0",
18
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-experiments-872b9bf9.39+872b9bf9",
18
+ "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-tree-shaking-ec76507a.34+ec76507a",
19
19
  "classnames": "^2.2.6"
20
20
  },
21
21
  "peerDependencies": {
@@ -24,9 +24,9 @@
24
24
  "react": ">=16.8.0 <19"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-872b9bf9.39+872b9bf9",
27
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-tree-shaking-ec76507a.34+ec76507a",
28
28
  "@rescui/scripts": "0.3.5",
29
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-872b9bf9.15+872b9bf9",
29
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-tree-shaking-ec76507a.10+ec76507a",
30
30
  "@rescui/visual-regression": "0.1.2",
31
31
  "@types/classnames": "^2.2.11"
32
32
  },
@@ -35,5 +35,5 @@
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "872b9bf9f5e474016b4d1beab36d4811ecbb254a"
38
+ "gitHead": "ec76507ad979df68d58a0a414b1ae497975090cd"
39
39
  }
package/lib/_virtual/index.js DELETED
@@ -1,36 +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 RightIcon = /*#__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: "M9.004 19l8-7-8-7v14z"
26
- }));
27
- });
28
- RightIcon.propTypes = {
29
- className: PropTypes.string,
30
- theme: PropTypes.oneOf(["light", "dark"]),
31
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
- };
33
- RightIcon.defaultProps = {
34
- size: "m"
35
- };
36
- export { RightIcon, RightIcon as default };
package/lib/_virtual/index2.js DELETED
@@ -1,36 +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 AddOutlineIcon = /*#__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: "M12.997 3h-2v8H3v2h7.997v8h2v-8H21v-2h-8.003V3z"
26
- }));
27
- });
28
- AddOutlineIcon.propTypes = {
29
- className: PropTypes.string,
30
- theme: PropTypes.oneOf(["light", "dark"]),
31
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
- };
33
- AddOutlineIcon.defaultProps = {
34
- size: "m"
35
- };
36
- export { AddOutlineIcon, AddOutlineIcon as default };