@rescui/collapse 0.2.0 → 0.3.0

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 (4) hide show
  1. package/lib/collapse.js +1 -1
  2. package/lib/collapse.p.module.css.js +33 -32
  3. package/lib/index.css +98 -92
  4. package/package.json +3 -3
package/lib/collapse.js CHANGED
@@ -173,7 +173,7 @@ function (_ref, ref) {
173
173
  // The reason we don't leave this style for OPEN stage is because some content of the expanded Collapse may change its height dynamically
174
174
  // This will be processed by resizeObserver, but some devices may lag behind
175
175
  // And to make collapsing transition work, we need to have a frame with numbered height value before starting the collapse transition
176
- maxHeight: (isOpening || isStartedClosing) && height
176
+ height: (isOpening || isStartedClosing) && height
177
177
  },
178
178
  ref: contentRef,
179
179
  onTransitionEnd: handleTransitionEnd,
package/lib/collapse.p.module.css.js CHANGED
@@ -1,35 +1,36 @@
1
1
  var styles = {
2
- "hasBorderBottom": "_hasBorderBottom_1sknz3s_14",
3
- "main": "_main_1sknz3s_18",
4
- "themeLight": "_themeLight_1sknz3s_21",
5
- "themeDark": "_themeDark_1sknz3s_27",
6
- "rock": "_rock_1sknz3s_33",
7
- "opening": "_opening_1sknz3s_33",
8
- "opened": "_opened_1sknz3s_34",
9
- "closing": "_closing_1sknz3s_35",
10
- "classic": "_classic_1sknz3s_49",
11
- "title": "_title_1sknz3s_106",
12
- "sizeS": "_sizeS_1sknz3s_111",
13
- "button": "_button_1sknz3s_111",
14
- "sizeM": "_sizeM_1sknz3s_114",
15
- "sizeL": "_sizeL_1sknz3s_117",
16
- "content": "_content_1sknz3s_122",
17
- "closingTransition": "_closingTransition_1sknz3s_134",
18
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1sknz3s_1",
19
- "leftIcon": "_leftIcon_1sknz3s_150",
20
- "innerWrapper": "_innerWrapper_1sknz3s_149",
21
- "rightIcon": "_rightIcon_1sknz3s_154",
22
- "disableLeftPadding": "_disableLeftPadding_1sknz3s_155",
23
- "clear": "_clear_1sknz3s_227",
24
- "icon": "_icon_1sknz3s_275",
25
- "iconPlus": "_iconPlus_1sknz3s_321",
26
- "iconArrow": "_iconArrow_1sknz3s_326",
27
- "accordion": "_accordion_1sknz3s_332",
28
- "accordionGap0": "_accordionGap0_1sknz3s_336",
29
- "accordionGap8": "_accordionGap8_1sknz3s_339",
30
- "accordionGap12": "_accordionGap12_1sknz3s_342",
31
- "accordionGap16": "_accordionGap16_1sknz3s_345",
32
- "accordionGap24": "_accordionGap24_1sknz3s_348",
33
- "accordionGap32": "_accordionGap32_1sknz3s_351"
2
+ "hasBorderBottom": "_hasBorderBottom_1qnxv70_14",
3
+ "main": "_main_1qnxv70_18",
4
+ "themeLight": "_themeLight_1qnxv70_21",
5
+ "themeDark": "_themeDark_1qnxv70_27",
6
+ "rock": "_rock_1qnxv70_33",
7
+ "opening": "_opening_1qnxv70_33",
8
+ "opened": "_opened_1qnxv70_34",
9
+ "closing": "_closing_1qnxv70_35",
10
+ "classic": "_classic_1qnxv70_49",
11
+ "title": "_title_1qnxv70_106",
12
+ "sizeS": "_sizeS_1qnxv70_111",
13
+ "button": "_button_1qnxv70_111",
14
+ "sizeM": "_sizeM_1qnxv70_114",
15
+ "sizeL": "_sizeL_1qnxv70_117",
16
+ "content": "_content_1qnxv70_122",
17
+ "closed": "_closed_1qnxv70_129",
18
+ "closingTransition": "_closingTransition_1qnxv70_138",
19
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1qnxv70_1",
20
+ "leftIcon": "_leftIcon_1qnxv70_156",
21
+ "innerWrapper": "_innerWrapper_1qnxv70_155",
22
+ "rightIcon": "_rightIcon_1qnxv70_160",
23
+ "disableLeftPadding": "_disableLeftPadding_1qnxv70_161",
24
+ "clear": "_clear_1qnxv70_233",
25
+ "icon": "_icon_1qnxv70_281",
26
+ "iconPlus": "_iconPlus_1qnxv70_327",
27
+ "iconArrow": "_iconArrow_1qnxv70_332",
28
+ "accordion": "_accordion_1qnxv70_338",
29
+ "accordionGap0": "_accordionGap0_1qnxv70_342",
30
+ "accordionGap8": "_accordionGap8_1qnxv70_345",
31
+ "accordionGap12": "_accordionGap12_1qnxv70_348",
32
+ "accordionGap16": "_accordionGap16_1qnxv70_351",
33
+ "accordionGap24": "_accordionGap24_1qnxv70_354",
34
+ "accordionGap32": "_accordionGap32_1qnxv70_357"
34
35
  };
35
36
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,60 +1,60 @@
1
- ._hasBorderBottom_1sknz3s_14{
1
+ ._hasBorderBottom_1qnxv70_14{
2
2
  border-bottom:1px solid;
3
3
  }
4
- ._main_1sknz3s_18{
4
+ ._main_1qnxv70_18{
5
5
  position:relative;
6
6
  }
7
- ._main_1sknz3s_18._themeLight_1sknz3s_21{
7
+ ._main_1qnxv70_18._themeLight_1qnxv70_21{
8
8
  border-color:rgba(25,25,28,0.2);
9
9
 
10
10
  color:#19191C;
11
11
 
12
12
  color:var(--rs-typography-color-hard, #19191C);
13
13
  }
14
- ._main_1sknz3s_18._themeDark_1sknz3s_27{
14
+ ._main_1qnxv70_18._themeDark_1qnxv70_27{
15
15
  border-color:rgba(255,255,255,0.2);
16
16
 
17
17
  color:#FFFFFF;
18
18
 
19
19
  color:var(--rs-typography-color-hard, #FFFFFF);
20
20
  }
21
- ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._opening_1sknz3s_33,
22
- ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._opened_1sknz3s_34,
23
- ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._closing_1sknz3s_35{
21
+ ._main_1qnxv70_18._hasBorderBottom_1qnxv70_14._rock_1qnxv70_33._opening_1qnxv70_33,
22
+ ._main_1qnxv70_18._hasBorderBottom_1qnxv70_14._rock_1qnxv70_33._opened_1qnxv70_34,
23
+ ._main_1qnxv70_18._hasBorderBottom_1qnxv70_14._rock_1qnxv70_33._closing_1qnxv70_35{
24
24
  padding-bottom:1px;
25
25
 
26
26
  border-bottom:none;
27
27
  }
28
28
  @media (hover: hover){
29
- ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33:hover{
29
+ ._main_1qnxv70_18._hasBorderBottom_1qnxv70_14._rock_1qnxv70_33:hover{
30
30
  padding-bottom:1px;
31
31
 
32
32
  border-bottom:none;
33
33
  }
34
34
  }
35
- ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._opening_1sknz3s_33,
36
- ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._opened_1sknz3s_34,
37
- ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._closing_1sknz3s_35{
35
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._classic_1qnxv70_49._opening_1qnxv70_33,
36
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._classic_1qnxv70_49._opened_1qnxv70_34,
37
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._classic_1qnxv70_49._closing_1qnxv70_35{
38
38
  background:rgba(25,25,28,0.05);
39
39
  }
40
40
  @media (hover: hover){
41
- ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49:hover{
41
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._classic_1qnxv70_49:hover{
42
42
  background:rgba(25,25,28,0.05);
43
43
  }
44
44
  }
45
- ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._opening_1sknz3s_33,
46
- ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._opened_1sknz3s_34,
47
- ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._closing_1sknz3s_35{
45
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._classic_1qnxv70_49._opening_1qnxv70_33,
46
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._classic_1qnxv70_49._opened_1qnxv70_34,
47
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._classic_1qnxv70_49._closing_1qnxv70_35{
48
48
  background:rgba(255,255,255,0.05);
49
49
  }
50
50
  @media (hover: hover){
51
- ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49:hover{
52
- background:rgba(25,25,28,0.05);
51
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._classic_1qnxv70_49:hover{
52
+ background:rgba(255,255,255,0.05);
53
53
  }
54
54
  }
55
- ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._opening_1sknz3s_33,
56
- ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._opened_1sknz3s_34,
57
- ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._closing_1sknz3s_35{
55
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._rock_1qnxv70_33._opening_1qnxv70_33,
56
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._rock_1qnxv70_33._opened_1qnxv70_34,
57
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._rock_1qnxv70_33._closing_1qnxv70_35{
58
58
  --rs-typography-color-hard:#FFFFFF;
59
59
  --rs-typography-color-average:rgba(255,255,255,0.7);
60
60
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -65,7 +65,7 @@
65
65
  background:#19191C;
66
66
  }
67
67
  @media (hover: hover){
68
- ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33:hover{
68
+ ._main_1qnxv70_18._themeLight_1qnxv70_21._rock_1qnxv70_33:hover{
69
69
  --rs-typography-color-hard:#FFFFFF;
70
70
  --rs-typography-color-average:rgba(255,255,255,0.7);
71
71
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -76,9 +76,9 @@
76
76
  background:#19191C;
77
77
  }
78
78
  }
79
- ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._opening_1sknz3s_33,
80
- ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._opened_1sknz3s_34,
81
- ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._closing_1sknz3s_35{
79
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._rock_1qnxv70_33._opening_1qnxv70_33,
80
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._rock_1qnxv70_33._opened_1qnxv70_34,
81
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._rock_1qnxv70_33._closing_1qnxv70_35{
82
82
  --rs-typography-color-hard:#19191C;
83
83
  --rs-typography-color-average:rgba(25,25,28,0.7);
84
84
  --rs-typography-color-pale:rgba(25,25,28,0.5);
@@ -89,7 +89,7 @@
89
89
  background:#FFFFFF;
90
90
  }
91
91
  @media (hover: hover){
92
- ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33:hover{
92
+ ._main_1qnxv70_18._themeDark_1qnxv70_27._rock_1qnxv70_33:hover{
93
93
  --rs-typography-color-hard:#19191C;
94
94
  --rs-typography-color-average:rgba(25,25,28,0.7);
95
95
  --rs-typography-color-pale:rgba(25,25,28,0.5);
@@ -100,14 +100,14 @@
100
100
  background:#FFFFFF;
101
101
  }
102
102
  }
103
- ._title_1sknz3s_106{
103
+ ._title_1qnxv70_106{
104
104
  -webkit-box-flex:1;
105
105
  -ms-flex:1 1 auto;
106
106
  flex:1 1 auto;
107
107
 
108
108
  color:inherit;
109
109
  }
110
- ._sizeS_1sknz3s_111 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
110
+ ._sizeS_1qnxv70_111 > ._button_1qnxv70_111 > ._title_1qnxv70_106{
111
111
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
112
112
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
113
113
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -119,7 +119,7 @@
119
119
  line-height:20px;
120
120
  line-height:var(--rs-h5-line-height, 20px);
121
121
  }
122
- ._sizeM_1sknz3s_114 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
122
+ ._sizeM_1qnxv70_114 > ._button_1qnxv70_111 > ._title_1qnxv70_106{
123
123
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
124
124
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
125
125
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -131,7 +131,7 @@
131
131
  line-height:24px;
132
132
  line-height:var(--rs-h4-line-height, 24px);
133
133
  }
134
- ._sizeL_1sknz3s_117 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
134
+ ._sizeL_1qnxv70_117 > ._button_1qnxv70_111 > ._title_1qnxv70_106{
135
135
  letter-spacing:normal;
136
136
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
137
137
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -144,22 +144,28 @@
144
144
  line-height:28px;
145
145
  line-height:var(--rs-h3-line-height, 28px);
146
146
  }
147
- ._content_1sknz3s_122{
148
- overflow-y:hidden;
147
+ ._content_1qnxv70_122{
148
+ will-change:height;
149
149
 
150
- max-height:0;
150
+ height:0;
151
151
 
152
152
  color:inherit;
153
153
  }
154
- ._opened_1sknz3s_34 > ._content_1sknz3s_122{
155
- max-height:initial;
154
+ ._closed_1qnxv70_129 > ._content_1qnxv70_122{
155
+ display:none;
156
+ }
157
+ ._opened_1qnxv70_34 > ._content_1qnxv70_122{
158
+ height:initial;
156
159
  }
157
- ._opening_1sknz3s_33 > ._content_1sknz3s_122,
158
- ._closingTransition_1sknz3s_134 > ._content_1sknz3s_122{
159
- -webkit-transition:max-height 300ms;
160
- transition:max-height 300ms;
160
+ ._opening_1qnxv70_33 > ._content_1qnxv70_122,
161
+ ._closingTransition_1qnxv70_138 > ._content_1qnxv70_122{
162
+ overflow:hidden;
163
+
164
+ -webkit-transition:height 300ms;
165
+
166
+ transition:height 300ms;
161
167
  }
162
- ._sizeS_1sknz3s_111 > ._content_1sknz3s_122{
168
+ ._sizeS_1qnxv70_111 > ._content_1qnxv70_122{
163
169
  letter-spacing:0.0045em;
164
170
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
171
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -170,10 +176,10 @@
170
176
  line-height:20px;
171
177
  line-height:var(--rs-text-3-line-height, 20px);
172
178
  }
173
- ._rs-reset-letter-spacing_1sknz3s_1 ._sizeS_1sknz3s_111 > ._content_1sknz3s_122{
179
+ ._rs-reset-letter-spacing_1qnxv70_1 ._sizeS_1qnxv70_111 > ._content_1qnxv70_122{
174
180
  letter-spacing:normal;
175
181
  }
176
- ._sizeM_1sknz3s_114 > ._content_1sknz3s_122{
182
+ ._sizeM_1qnxv70_114 > ._content_1qnxv70_122{
177
183
  letter-spacing:0.0015em;
178
184
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
179
185
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -185,10 +191,10 @@
185
191
  line-height:24px;
186
192
  line-height:var(--rs-text-2-line-height, 24px);
187
193
  }
188
- ._rs-reset-letter-spacing_1sknz3s_1 ._sizeM_1sknz3s_114 > ._content_1sknz3s_122{
194
+ ._rs-reset-letter-spacing_1qnxv70_1 ._sizeM_1qnxv70_114 > ._content_1qnxv70_122{
189
195
  letter-spacing:normal;
190
196
  }
191
- ._sizeL_1sknz3s_117 > ._content_1sknz3s_122{
197
+ ._sizeL_1qnxv70_117 > ._content_1qnxv70_122{
192
198
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
193
199
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
194
200
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -199,28 +205,28 @@
199
205
  line-height:28px;
200
206
  line-height:var(--rs-text-1-line-height, 28px);
201
207
  }
202
- ._sizeS_1sknz3s_111._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
208
+ ._sizeS_1qnxv70_111._leftIcon_1qnxv70_156 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
203
209
  padding:0 8px 8px 36px;
204
210
  }
205
- ._sizeS_1sknz3s_111._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
206
- ._sizeS_1sknz3s_111._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
211
+ ._sizeS_1qnxv70_111._rightIcon_1qnxv70_160 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155,
212
+ ._sizeS_1qnxv70_111._disableLeftPadding_1qnxv70_161 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
207
213
  padding:0 8px 8px 8px;
208
214
  }
209
- ._sizeM_1sknz3s_114._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
215
+ ._sizeM_1qnxv70_114._leftIcon_1qnxv70_156 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
210
216
  padding:0 8px 8px 40px;
211
217
  }
212
- ._sizeM_1sknz3s_114._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
213
- ._sizeM_1sknz3s_114._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
218
+ ._sizeM_1qnxv70_114._rightIcon_1qnxv70_160 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155,
219
+ ._sizeM_1qnxv70_114._disableLeftPadding_1qnxv70_161 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
214
220
  padding:0 8px 8px 8px;
215
221
  }
216
- ._sizeL_1sknz3s_117._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
222
+ ._sizeL_1qnxv70_117._leftIcon_1qnxv70_156 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
217
223
  padding:0 16px 16px 60px;
218
224
  }
219
- ._sizeL_1sknz3s_117._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
220
- ._sizeL_1sknz3s_117._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
225
+ ._sizeL_1qnxv70_117._rightIcon_1qnxv70_160 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155,
226
+ ._sizeL_1qnxv70_117._disableLeftPadding_1qnxv70_161 > ._content_1qnxv70_122 > ._innerWrapper_1qnxv70_155{
221
227
  padding:0 16px 16px 16px;
222
228
  }
223
- ._button_1sknz3s_111{
229
+ ._button_1qnxv70_111{
224
230
  position:relative;
225
231
 
226
232
  display:-webkit-box;
@@ -252,60 +258,60 @@
252
258
  -moz-osx-font-smoothing:inherit;
253
259
  -webkit-appearance:none;
254
260
  }
255
- ._button_1sknz3s_111::-moz-focus-inner{
261
+ ._button_1qnxv70_111::-moz-focus-inner{
256
262
  padding:0;
257
263
 
258
264
  border:0;
259
265
  }
260
- ._sizeS_1sknz3s_111 > ._button_1sknz3s_111{
266
+ ._sizeS_1qnxv70_111 > ._button_1qnxv70_111{
261
267
  padding:6px 8px;
262
268
  }
263
- ._sizeM_1sknz3s_114 > ._button_1sknz3s_111{
269
+ ._sizeM_1qnxv70_114 > ._button_1qnxv70_111{
264
270
  padding:8px 8px;
265
271
  }
266
- ._sizeL_1sknz3s_117 > ._button_1sknz3s_111{
272
+ ._sizeL_1qnxv70_117 > ._button_1qnxv70_111{
267
273
  padding:12px 16px;
268
274
  }
269
- ._button_1sknz3s_111:focus{
275
+ ._button_1qnxv70_111:focus{
270
276
  outline:none;
271
277
  }
272
- ._clear_1sknz3s_227 > ._button_1sknz3s_111{
278
+ ._clear_1qnxv70_233 > ._button_1qnxv70_111{
273
279
  -webkit-transition:color 100ms;
274
280
  transition:color 100ms;
275
281
  }
276
- ._classic_1sknz3s_49 > ._button_1sknz3s_111,
277
- ._rock_1sknz3s_33 > ._button_1sknz3s_111{
282
+ ._classic_1qnxv70_49 > ._button_1qnxv70_111,
283
+ ._rock_1qnxv70_33 > ._button_1qnxv70_111{
278
284
  -webkit-transition:background-color 100ms;
279
285
  transition:background-color 100ms;
280
286
  }
281
- ._themeLight_1sknz3s_21 ._button_1sknz3s_111{
287
+ ._themeLight_1qnxv70_21 ._button_1qnxv70_111{
282
288
  color:#19191C;
283
289
  color:var(--rs-typography-color-hard, #19191C);
284
290
  }
285
- ._themeDark_1sknz3s_27 ._button_1sknz3s_111{
291
+ ._themeDark_1qnxv70_27 ._button_1qnxv70_111{
286
292
  color:#FFFFFF;
287
293
  color:var(--rs-typography-color-hard, #FFFFFF);
288
294
  }
289
- ._themeLight_1sknz3s_21 > ._button_1sknz3s_111:focus[data-focus-method='key']{
295
+ ._themeLight_1qnxv70_21 > ._button_1qnxv70_111:focus[data-focus-method='key']{
290
296
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
291
297
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
292
298
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
293
299
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
294
300
  }
295
- ._themeDark_1sknz3s_27 > ._button_1sknz3s_111:focus[data-focus-method='key']{
301
+ ._themeDark_1qnxv70_27 > ._button_1qnxv70_111:focus[data-focus-method='key']{
296
302
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
297
303
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
298
304
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
299
305
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
300
306
  }
301
307
  @media (hover: hover){
302
- ._themeLight_1sknz3s_21._classic_1sknz3s_49 > ._button_1sknz3s_111:hover{
308
+ ._themeLight_1qnxv70_21._classic_1qnxv70_49 > ._button_1qnxv70_111:hover{
303
309
  background:rgba(25,25,28,0.05);
304
310
  }
305
- ._themeDark_1sknz3s_27._classic_1sknz3s_49 > ._button_1sknz3s_111:hover{
311
+ ._themeDark_1qnxv70_27._classic_1qnxv70_49 > ._button_1qnxv70_111:hover{
306
312
  background:rgba(255,255,255,0.05);
307
313
  }
308
- ._themeLight_1sknz3s_21._rock_1sknz3s_33 > ._button_1sknz3s_111:hover{
314
+ ._themeLight_1qnxv70_21._rock_1qnxv70_33 > ._button_1qnxv70_111:hover{
309
315
  --rs-typography-color-hard:#FFFFFF;
310
316
  --rs-typography-color-average:rgba(255,255,255,0.7);
311
317
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -315,7 +321,7 @@
315
321
  --rs-typography-rock-link-hover-color:#19191C;
316
322
  background:rgba(255,255,255,0.1);
317
323
  }
318
- ._themeDark_1sknz3s_27._rock_1sknz3s_33 > ._button_1sknz3s_111:hover{
324
+ ._themeDark_1qnxv70_27._rock_1qnxv70_33 > ._button_1qnxv70_111:hover{
319
325
  --rs-typography-color-hard:#19191C;
320
326
  --rs-typography-color-average:rgba(25,25,28,0.7);
321
327
  --rs-typography-color-pale:rgba(25,25,28,0.5);
@@ -325,16 +331,16 @@
325
331
  --rs-typography-rock-link-hover-color:#FFFFFF;
326
332
  background:rgba(25,25,28,0.1);
327
333
  }
328
- ._themeLight_1sknz3s_21._clear_1sknz3s_227 > ._button_1sknz3s_111:hover{
334
+ ._themeLight_1qnxv70_21._clear_1qnxv70_233 > ._button_1qnxv70_111:hover{
329
335
  color:rgba(25,25,28,0.7);
330
336
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
331
337
  }
332
- ._themeDark_1sknz3s_27._clear_1sknz3s_227 > ._button_1sknz3s_111:hover{
338
+ ._themeDark_1qnxv70_27._clear_1qnxv70_233 > ._button_1qnxv70_111:hover{
333
339
  color:rgba(255,255,255,0.7);
334
340
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
335
341
  }
336
342
  }
337
- ._icon_1sknz3s_275{
343
+ ._icon_1qnxv70_281{
338
344
  position:relative;
339
345
  top:0;
340
346
  left:0;
@@ -357,47 +363,47 @@
357
363
  -webkit-transform-origin:center center;
358
364
  transform-origin:center center;
359
365
  }
360
- ._sizeS_1sknz3s_111 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
366
+ ._sizeS_1qnxv70_111 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
361
367
  width:20px;
362
368
  height:20px;
363
369
  }
364
- ._sizeM_1sknz3s_114 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
370
+ ._sizeM_1qnxv70_114 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
365
371
  width:24px;
366
372
  height:24px;
367
373
  }
368
- ._sizeL_1sknz3s_117 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
374
+ ._sizeL_1qnxv70_117 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
369
375
  width:28px;
370
376
  height:28px;
371
377
  }
372
- ._sizeS_1sknz3s_111._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
378
+ ._sizeS_1qnxv70_111._leftIcon_1qnxv70_156 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
373
379
  margin-right:8px;
374
380
  }
375
- ._sizeS_1sknz3s_111._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
381
+ ._sizeS_1qnxv70_111._rightIcon_1qnxv70_160 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
376
382
  margin-left:8px;
377
383
  }
378
- ._sizeM_1sknz3s_114._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
384
+ ._sizeM_1qnxv70_114._leftIcon_1qnxv70_156 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
379
385
  margin-right:8px;
380
386
  }
381
- ._sizeM_1sknz3s_114._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
387
+ ._sizeM_1qnxv70_114._rightIcon_1qnxv70_160 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
382
388
  margin-left:8px;
383
389
  }
384
- ._sizeL_1sknz3s_117._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
390
+ ._sizeL_1qnxv70_117._leftIcon_1qnxv70_156 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
385
391
  margin-right:16px;
386
392
  }
387
- ._sizeL_1sknz3s_117._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
393
+ ._sizeL_1qnxv70_117._rightIcon_1qnxv70_160 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
388
394
  margin-left:16px;
389
395
  }
390
- ._opening_1sknz3s_33._iconPlus_1sknz3s_321 > ._button_1sknz3s_111 > ._icon_1sknz3s_275,
391
- ._opened_1sknz3s_34._iconPlus_1sknz3s_321 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
396
+ ._opening_1qnxv70_33._iconPlus_1qnxv70_327 > ._button_1qnxv70_111 > ._icon_1qnxv70_281,
397
+ ._opened_1qnxv70_34._iconPlus_1qnxv70_327 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
392
398
  -webkit-transform:rotate(45deg);
393
399
  transform:rotate(45deg);
394
400
  }
395
- ._opening_1sknz3s_33._iconArrow_1sknz3s_326 > ._button_1sknz3s_111 > ._icon_1sknz3s_275,
396
- ._opened_1sknz3s_34._iconArrow_1sknz3s_326 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
401
+ ._opening_1qnxv70_33._iconArrow_1qnxv70_332 > ._button_1qnxv70_111 > ._icon_1qnxv70_281,
402
+ ._opened_1qnxv70_34._iconArrow_1qnxv70_332 > ._button_1qnxv70_111 > ._icon_1qnxv70_281{
397
403
  -webkit-transform:rotate(90deg);
398
404
  transform:rotate(90deg);
399
405
  }
400
- ._accordion_1sknz3s_332{
406
+ ._accordion_1qnxv70_338{
401
407
  display:-webkit-box;
402
408
  display:-ms-flexbox;
403
409
  display:flex;
@@ -406,21 +412,21 @@
406
412
  -ms-flex-direction:column;
407
413
  flex-direction:column;
408
414
  }
409
- ._accordionGap0_1sknz3s_336{
415
+ ._accordionGap0_1qnxv70_342{
410
416
  row-gap:0;
411
417
  }
412
- ._accordionGap8_1sknz3s_339{
418
+ ._accordionGap8_1qnxv70_345{
413
419
  row-gap:8px;
414
420
  }
415
- ._accordionGap12_1sknz3s_342{
421
+ ._accordionGap12_1qnxv70_348{
416
422
  row-gap:12px;
417
423
  }
418
- ._accordionGap16_1sknz3s_345{
424
+ ._accordionGap16_1qnxv70_351{
419
425
  row-gap:16px;
420
426
  }
421
- ._accordionGap24_1sknz3s_348{
427
+ ._accordionGap24_1qnxv70_354{
422
428
  row-gap:24px;
423
429
  }
424
- ._accordionGap32_1sknz3s_351{
430
+ ._accordionGap32_1qnxv70_357{
425
431
  row-gap:32px;
426
432
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
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.14.0",
18
- "@rescui/icons": "^0.13.0",
18
+ "@rescui/icons": "^0.13.1",
19
19
  "@rescui/use-resize-observer": "^0.1.4",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
@@ -35,5 +35,5 @@
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "62ff81f9080265a201dd486ca07a7632d32716d5"
38
+ "gitHead": "59d8c7bdaef1214ae20fa47f218027980babf91c"
39
39
  }