@rescui/collapse 0.5.12-RUI-230-Update-icons-0bd4e5fc.9 → 0.5.12-RUI-230-Update-icons-7e73b1a0.23

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_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
2
+ "icon": "_icon_132qid1_4",
3
+ "sizeXS": "_sizeXS_132qid1_14",
4
+ "sizeS": "_sizeS_132qid1_18",
5
+ "sizeM": "_sizeM_132qid1_22",
6
+ "sizeL": "_sizeL_132qid1_26",
7
+ "light": "_light_132qid1_30",
8
+ "dark": "_dark_132qid1_34"
9
9
  };
10
10
  export { styles as default };
@@ -15,7 +15,7 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
- const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
18
+ const PlusIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
19
  let {
20
20
  theme,
21
21
  size,
@@ -30,9 +30,7 @@ const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
30
30
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
31
  ref: ref
32
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"
33
+ d: "M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75"
36
34
  }));
37
35
  }
38
36
 
@@ -43,9 +41,7 @@ const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
43
41
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
44
42
  ref: ref
45
43
  }), /*#__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"
44
+ d: "M10 3a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H4a1 1 0 1 1 0-2h5V4a1 1 0 0 1 1-1"
49
45
  }));
50
46
  }
51
47
 
@@ -56,9 +52,7 @@ const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
56
52
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
57
53
  ref: ref
58
54
  }), /*#__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"
55
+ d: "M12.5 3A1.5 1.5 0 0 1 14 4.5V10h5.5a1.5 1.5 0 0 1 0 3H14v5.5a1.5 1.5 0 0 1-3 0V13H5.5a1.5 1.5 0 0 1 0-3H11V4.5A1.5 1.5 0 0 1 12.5 3"
62
56
  }));
63
57
  }
64
58
 
@@ -68,17 +62,15 @@ const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
68
62
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
69
63
  ref: ref
70
64
  }), /*#__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"
65
+ d: "M14.5 4A1.5 1.5 0 0 1 16 5.5V12h6.5a1.5 1.5 0 0 1 0 3H16v6.5a1.5 1.5 0 0 1-3 0V15H6.5a1.5 1.5 0 0 1 0-3H13V5.5A1.5 1.5 0 0 1 14.5 4"
74
66
  }));
75
67
  });
76
- AddOutlineIcon.propTypes = {
68
+ PlusIcon.propTypes = {
77
69
  className: PropTypes.string,
78
70
  theme: PropTypes.oneOf(["light", "dark"]),
79
71
  size: PropTypes.oneOf(["xs", "s", "m", "l"])
80
72
  };
81
- AddOutlineIcon.defaultProps = {
73
+ PlusIcon.defaultProps = {
82
74
  size: "m"
83
75
  };
84
- export { Size, AddOutlineIcon as default };
76
+ export { Size, PlusIcon as default };
package/lib/collapse.js CHANGED
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
4
4
  import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
5
5
  import { useResizeObserver } from '@rescui/use-resize-observer';
6
6
  import RightIcon from './_virtual/right.js';
7
- import AddOutlineIcon from './_virtual/add-outline.js';
7
+ import PlusIcon from './_virtual/plus.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';
@@ -101,7 +101,7 @@ const Collapse = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comp
101
101
  contentRef
102
102
  } = useStartedClosing(collapseState);
103
103
  const isRightIcon = icon === 'right-plus';
104
- const Icon = icon === 'arrow' ? RightIcon : AddOutlineIcon;
104
+ const Icon = icon === 'arrow' ? RightIcon : PlusIcon;
105
105
 
106
106
  const toggleOpened = () => {
107
107
  if (toggleActiveKey) {
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1jz80fv_6",
3
- "themeDark": "_themeDark_1jz80fv_9",
4
- "sizeS": "_sizeS_1jz80fv_13",
5
- "sizeM": "_sizeM_1jz80fv_16",
6
- "sizeL": "_sizeL_1jz80fv_19",
7
- "classic": "_classic_1jz80fv_23",
8
- "rock": "_rock_1jz80fv_26",
9
- "clear": "_clear_1jz80fv_29",
10
- "hasBorderBottom": "_hasBorderBottom_1jz80fv_33",
11
- "leftIcon": "_leftIcon_1jz80fv_37",
12
- "rightIcon": "_rightIcon_1jz80fv_40",
13
- "disableLeftPadding": "_disableLeftPadding_1jz80fv_44",
14
- "main": "_main_1jz80fv_48",
15
- "opening": "_opening_1jz80fv_59",
16
- "opened": "_opened_1jz80fv_60",
17
- "closing": "_closing_1jz80fv_61",
18
- "title": "_title_1jz80fv_95",
19
- "content": "_content_1jz80fv_103",
20
- "closed": "_closed_1jz80fv_111",
21
- "closingTransition": "_closingTransition_1jz80fv_120",
22
- "innerWrapper": "_innerWrapper_1jz80fv_127",
23
- "button": "_button_1jz80fv_133",
24
- "icon": "_icon_1jz80fv_186",
25
- "iconPlus": "_iconPlus_1jz80fv_202",
26
- "iconArrow": "_iconArrow_1jz80fv_207",
27
- "accordion": "_accordion_1jz80fv_213",
28
- "accordionGap0": "_accordionGap0_1jz80fv_218",
29
- "accordionGap8": "_accordionGap8_1jz80fv_221",
30
- "accordionGap12": "_accordionGap12_1jz80fv_224",
31
- "accordionGap16": "_accordionGap16_1jz80fv_227",
32
- "accordionGap24": "_accordionGap24_1jz80fv_230",
33
- "accordionGap32": "_accordionGap32_1jz80fv_233"
2
+ "themeLight": "_themeLight_1d57nfv_6",
3
+ "themeDark": "_themeDark_1d57nfv_9",
4
+ "sizeS": "_sizeS_1d57nfv_13",
5
+ "sizeM": "_sizeM_1d57nfv_16",
6
+ "sizeL": "_sizeL_1d57nfv_19",
7
+ "classic": "_classic_1d57nfv_23",
8
+ "rock": "_rock_1d57nfv_26",
9
+ "clear": "_clear_1d57nfv_29",
10
+ "hasBorderBottom": "_hasBorderBottom_1d57nfv_33",
11
+ "leftIcon": "_leftIcon_1d57nfv_37",
12
+ "rightIcon": "_rightIcon_1d57nfv_40",
13
+ "disableLeftPadding": "_disableLeftPadding_1d57nfv_44",
14
+ "main": "_main_1d57nfv_48",
15
+ "opening": "_opening_1d57nfv_59",
16
+ "opened": "_opened_1d57nfv_60",
17
+ "closing": "_closing_1d57nfv_61",
18
+ "title": "_title_1d57nfv_95",
19
+ "content": "_content_1d57nfv_103",
20
+ "closed": "_closed_1d57nfv_111",
21
+ "closingTransition": "_closingTransition_1d57nfv_120",
22
+ "innerWrapper": "_innerWrapper_1d57nfv_127",
23
+ "button": "_button_1d57nfv_133",
24
+ "icon": "_icon_1d57nfv_186",
25
+ "iconPlus": "_iconPlus_1d57nfv_202",
26
+ "iconArrow": "_iconArrow_1d57nfv_207",
27
+ "accordion": "_accordion_1d57nfv_213",
28
+ "accordionGap0": "_accordionGap0_1d57nfv_218",
29
+ "accordionGap8": "_accordionGap8_1d57nfv_221",
30
+ "accordionGap12": "_accordionGap12_1d57nfv_224",
31
+ "accordionGap16": "_accordionGap16_1d57nfv_227",
32
+ "accordionGap24": "_accordionGap24_1d57nfv_230",
33
+ "accordionGap32": "_accordionGap32_1d57nfv_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
1
+ ._icon_132qid1_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_7axx9h_4{
11
+ ._icon_132qid1_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_7axx9h_4{
20
+ ._icon_132qid1_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_7axx9h_4{
28
+ ._icon_132qid1_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_7axx9h_14{
35
+ ._sizeXS_132qid1_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_132qid1_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_132qid1_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_132qid1_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
47
+ ._light_132qid1_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_7axx9h_34{
51
+ ._dark_132qid1_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_1jz80fv_6{
63
+ ._themeLight_1d57nfv_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_1jz80fv_9{
66
+ ._themeDark_1d57nfv_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeS_1jz80fv_13{
69
+ ._sizeS_1d57nfv_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_1jz80fv_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
74
+ ._sizeS_1d57nfv_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_1jz80fv_13 > [data-rs-internal='collapse__content']{
105
+ ._sizeS_1d57nfv_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_1jz80fv_16{
139
+ ._sizeM_1d57nfv_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_1jz80fv_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
144
+ ._sizeM_1d57nfv_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_1jz80fv_16 > [data-rs-internal='collapse__content']{
175
+ ._sizeM_1d57nfv_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_1jz80fv_16 > [data-rs-internal='collapse__content']{
210
+ ._sizeM_1d57nfv_16 > [data-rs-internal='collapse__content']{
211
211
  --_rs-typography-list-li-margin-top-from-text:12px;
212
212
  }
213
213
  }
214
- ._sizeL_1jz80fv_19{
214
+ ._sizeL_1d57nfv_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_1jz80fv_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
219
+ ._sizeL_1d57nfv_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_1jz80fv_19 > [data-rs-internal='collapse__content']{
250
+ ._sizeL_1d57nfv_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_1jz80fv_19 > [data-rs-internal='collapse__content']{
285
+ ._sizeL_1d57nfv_19 > [data-rs-internal='collapse__content']{
286
286
  --_rs-typography-list-li-margin-top-from-text:16px;
287
287
  }
288
288
  }
289
- ._classic_1jz80fv_23{
289
+ ._classic_1d57nfv_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_1jz80fv_26{
303
+ ._rock_1d57nfv_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_1jz80fv_29{
314
+ ._clear_1d57nfv_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_1jz80fv_33{
325
+ ._hasBorderBottom_1d57nfv_33{
326
326
  --_rs-collapse-border-bottom-width-or-initial:1px;
327
327
  }
328
- ._leftIcon_1jz80fv_37{
328
+ ._leftIcon_1d57nfv_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_1jz80fv_40{
333
+ ._rightIcon_1d57nfv_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_1jz80fv_44{
340
+ ._disableLeftPadding_1d57nfv_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_1jz80fv_48{
345
+ ._main_1d57nfv_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_1jz80fv_48{
355
+ ._main_1d57nfv_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_1jz80fv_48{
364
+ ._main_1d57nfv_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_1jz80fv_48 {
372
+ ._main_1d57nfv_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_1jz80fv_48._opening_1jz80fv_59,
388
- ._main_1jz80fv_48._opened_1jz80fv_60,
389
- ._main_1jz80fv_48._closing_1jz80fv_61{
387
+ ._main_1d57nfv_48._opening_1d57nfv_59,
388
+ ._main_1d57nfv_48._opened_1d57nfv_60,
389
+ ._main_1d57nfv_48._closing_1d57nfv_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_1jz80fv_48:hover{
399
+ ._main_1d57nfv_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_1jz80fv_95{
409
+ ._title_1d57nfv_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_1jz80fv_103{
426
+ ._content_1d57nfv_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_1jz80fv_111 > ._content_1jz80fv_103{
447
+ ._closed_1d57nfv_111 > ._content_1d57nfv_103{
448
448
  display:none;
449
449
  }
450
- ._opened_1jz80fv_60 > ._content_1jz80fv_103{
450
+ ._opened_1d57nfv_60 > ._content_1d57nfv_103{
451
451
  height:initial;
452
452
  }
453
- ._opening_1jz80fv_59 > ._content_1jz80fv_103,
454
- ._closingTransition_1jz80fv_120 > ._content_1jz80fv_103{
453
+ ._opening_1d57nfv_59 > ._content_1d57nfv_103,
454
+ ._closingTransition_1d57nfv_120 > ._content_1d57nfv_103{
455
455
  overflow:hidden;
456
456
 
457
457
  transition:height 300ms;
458
458
  }
459
- ._innerWrapper_1jz80fv_127{
459
+ ._innerWrapper_1d57nfv_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_1jz80fv_133{
462
+ ._button_1d57nfv_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_1jz80fv_133::-moz-focus-inner{
495
+ ._button_1d57nfv_133::-moz-focus-inner{
496
496
  padding:0;
497
497
 
498
498
  border:0;
499
499
  }
500
- ._button_1jz80fv_133:focus{
500
+ ._button_1d57nfv_133:focus{
501
501
  outline:none;
502
502
  }
503
- ._button_1jz80fv_133:focus[data-focus-method='key']{
503
+ ._button_1d57nfv_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_1jz80fv_133:hover{
507
+ ._button_1d57nfv_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_1jz80fv_186{
512
+ ._icon_1d57nfv_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_1jz80fv_59._iconPlus_1jz80fv_202 > ._button_1jz80fv_133 > ._icon_1jz80fv_186,
529
- ._opened_1jz80fv_60._iconPlus_1jz80fv_202 > ._button_1jz80fv_133 > ._icon_1jz80fv_186{
528
+ ._opening_1d57nfv_59._iconPlus_1d57nfv_202 > ._button_1d57nfv_133 > ._icon_1d57nfv_186,
529
+ ._opened_1d57nfv_60._iconPlus_1d57nfv_202 > ._button_1d57nfv_133 > ._icon_1d57nfv_186{
530
530
  transform:rotate(45deg);
531
531
  }
532
- ._opening_1jz80fv_59._iconArrow_1jz80fv_207 > ._button_1jz80fv_133 > ._icon_1jz80fv_186,
533
- ._opened_1jz80fv_60._iconArrow_1jz80fv_207 > ._button_1jz80fv_133 > ._icon_1jz80fv_186{
532
+ ._opening_1d57nfv_59._iconArrow_1d57nfv_207 > ._button_1d57nfv_133 > ._icon_1d57nfv_186,
533
+ ._opened_1d57nfv_60._iconArrow_1d57nfv_207 > ._button_1d57nfv_133 > ._icon_1d57nfv_186{
534
534
  transform:rotate(90deg);
535
535
  }
536
- ._accordion_1jz80fv_213{
536
+ ._accordion_1d57nfv_213{
537
537
  display:flex;
538
538
  flex-direction:column;
539
539
  row-gap:var(--_rs-collapse-accordion-gap);
540
540
  }
541
- ._accordionGap0_1jz80fv_218{
541
+ ._accordionGap0_1d57nfv_218{
542
542
  --_rs-collapse-accordion-gap:0px;
543
543
  }
544
- ._accordionGap8_1jz80fv_221{
544
+ ._accordionGap8_1d57nfv_221{
545
545
  --_rs-collapse-accordion-gap:8px;
546
546
  }
547
- ._accordionGap12_1jz80fv_224{
547
+ ._accordionGap12_1d57nfv_224{
548
548
  --_rs-collapse-accordion-gap:12px;
549
549
  }
550
- ._accordionGap16_1jz80fv_227{
550
+ ._accordionGap16_1d57nfv_227{
551
551
  --_rs-collapse-accordion-gap:16px;
552
552
  }
553
- ._accordionGap24_1jz80fv_230{
553
+ ._accordionGap24_1d57nfv_230{
554
554
  --_rs-collapse-accordion-gap:24px;
555
555
  }
556
- ._accordionGap32_1jz80fv_233{
556
+ ._accordionGap32_1d57nfv_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-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.5.12-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
19
+ "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-7e73b1a0.47+7e73b1a0",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,9 +25,9 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
28
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-7e73b1a0.47+7e73b1a0",
29
29
  "@rescui/scripts": "0.3.5",
30
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
30
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
31
31
  "@rescui/visual-regression": "0.1.2",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
39
+ "gitHead": "7e73b1a086335930a7a71b61e7d6c150a187d045"
40
40
  }