@rescui/collapse 0.2.1 → 0.3.1

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 +101 -92
  4. package/package.json +4 -4
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_38c86k_14",
3
- "main": "_main_38c86k_18",
4
- "themeLight": "_themeLight_38c86k_21",
5
- "themeDark": "_themeDark_38c86k_27",
6
- "rock": "_rock_38c86k_33",
7
- "opening": "_opening_38c86k_33",
8
- "opened": "_opened_38c86k_34",
9
- "closing": "_closing_38c86k_35",
10
- "classic": "_classic_38c86k_49",
11
- "title": "_title_38c86k_106",
12
- "sizeS": "_sizeS_38c86k_111",
13
- "button": "_button_38c86k_111",
14
- "sizeM": "_sizeM_38c86k_114",
15
- "sizeL": "_sizeL_38c86k_117",
16
- "content": "_content_38c86k_122",
17
- "closingTransition": "_closingTransition_38c86k_134",
18
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_38c86k_1",
19
- "leftIcon": "_leftIcon_38c86k_150",
20
- "innerWrapper": "_innerWrapper_38c86k_149",
21
- "rightIcon": "_rightIcon_38c86k_154",
22
- "disableLeftPadding": "_disableLeftPadding_38c86k_155",
23
- "clear": "_clear_38c86k_227",
24
- "icon": "_icon_38c86k_275",
25
- "iconPlus": "_iconPlus_38c86k_321",
26
- "iconArrow": "_iconArrow_38c86k_326",
27
- "accordion": "_accordion_38c86k_332",
28
- "accordionGap0": "_accordionGap0_38c86k_336",
29
- "accordionGap8": "_accordionGap8_38c86k_339",
30
- "accordionGap12": "_accordionGap12_38c86k_342",
31
- "accordionGap16": "_accordionGap16_38c86k_345",
32
- "accordionGap24": "_accordionGap24_38c86k_348",
33
- "accordionGap32": "_accordionGap32_38c86k_351"
2
+ "hasBorderBottom": "_hasBorderBottom_1ycflw8_14",
3
+ "main": "_main_1ycflw8_18",
4
+ "themeLight": "_themeLight_1ycflw8_21",
5
+ "themeDark": "_themeDark_1ycflw8_27",
6
+ "rock": "_rock_1ycflw8_33",
7
+ "opening": "_opening_1ycflw8_33",
8
+ "opened": "_opened_1ycflw8_34",
9
+ "closing": "_closing_1ycflw8_35",
10
+ "classic": "_classic_1ycflw8_49",
11
+ "title": "_title_1ycflw8_106",
12
+ "sizeS": "_sizeS_1ycflw8_111",
13
+ "button": "_button_1ycflw8_111",
14
+ "sizeM": "_sizeM_1ycflw8_114",
15
+ "sizeL": "_sizeL_1ycflw8_117",
16
+ "content": "_content_1ycflw8_122",
17
+ "closed": "_closed_1ycflw8_129",
18
+ "closingTransition": "_closingTransition_1ycflw8_138",
19
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1ycflw8_1",
20
+ "leftIcon": "_leftIcon_1ycflw8_156",
21
+ "innerWrapper": "_innerWrapper_1ycflw8_155",
22
+ "rightIcon": "_rightIcon_1ycflw8_160",
23
+ "disableLeftPadding": "_disableLeftPadding_1ycflw8_161",
24
+ "clear": "_clear_1ycflw8_233",
25
+ "icon": "_icon_1ycflw8_281",
26
+ "iconPlus": "_iconPlus_1ycflw8_327",
27
+ "iconArrow": "_iconArrow_1ycflw8_332",
28
+ "accordion": "_accordion_1ycflw8_338",
29
+ "accordionGap0": "_accordionGap0_1ycflw8_342",
30
+ "accordionGap8": "_accordionGap8_1ycflw8_345",
31
+ "accordionGap12": "_accordionGap12_1ycflw8_348",
32
+ "accordionGap16": "_accordionGap16_1ycflw8_351",
33
+ "accordionGap24": "_accordionGap24_1ycflw8_354",
34
+ "accordionGap32": "_accordionGap32_1ycflw8_357"
34
35
  };
35
36
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,60 +1,60 @@
1
- ._hasBorderBottom_38c86k_14{
1
+ ._hasBorderBottom_1ycflw8_14{
2
2
  border-bottom:1px solid;
3
3
  }
4
- ._main_38c86k_18{
4
+ ._main_1ycflw8_18{
5
5
  position:relative;
6
6
  }
7
- ._main_38c86k_18._themeLight_38c86k_21{
7
+ ._main_1ycflw8_18._themeLight_1ycflw8_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_38c86k_18._themeDark_38c86k_27{
14
+ ._main_1ycflw8_18._themeDark_1ycflw8_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_38c86k_18._hasBorderBottom_38c86k_14._rock_38c86k_33._opening_38c86k_33,
22
- ._main_38c86k_18._hasBorderBottom_38c86k_14._rock_38c86k_33._opened_38c86k_34,
23
- ._main_38c86k_18._hasBorderBottom_38c86k_14._rock_38c86k_33._closing_38c86k_35{
21
+ ._main_1ycflw8_18._hasBorderBottom_1ycflw8_14._rock_1ycflw8_33._opening_1ycflw8_33,
22
+ ._main_1ycflw8_18._hasBorderBottom_1ycflw8_14._rock_1ycflw8_33._opened_1ycflw8_34,
23
+ ._main_1ycflw8_18._hasBorderBottom_1ycflw8_14._rock_1ycflw8_33._closing_1ycflw8_35{
24
24
  padding-bottom:1px;
25
25
 
26
26
  border-bottom:none;
27
27
  }
28
28
  @media (hover: hover){
29
- ._main_38c86k_18._hasBorderBottom_38c86k_14._rock_38c86k_33:hover{
29
+ ._main_1ycflw8_18._hasBorderBottom_1ycflw8_14._rock_1ycflw8_33:hover{
30
30
  padding-bottom:1px;
31
31
 
32
32
  border-bottom:none;
33
33
  }
34
34
  }
35
- ._main_38c86k_18._themeLight_38c86k_21._classic_38c86k_49._opening_38c86k_33,
36
- ._main_38c86k_18._themeLight_38c86k_21._classic_38c86k_49._opened_38c86k_34,
37
- ._main_38c86k_18._themeLight_38c86k_21._classic_38c86k_49._closing_38c86k_35{
35
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._classic_1ycflw8_49._opening_1ycflw8_33,
36
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._classic_1ycflw8_49._opened_1ycflw8_34,
37
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._classic_1ycflw8_49._closing_1ycflw8_35{
38
38
  background:rgba(25,25,28,0.05);
39
39
  }
40
40
  @media (hover: hover){
41
- ._main_38c86k_18._themeLight_38c86k_21._classic_38c86k_49:hover{
41
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._classic_1ycflw8_49:hover{
42
42
  background:rgba(25,25,28,0.05);
43
43
  }
44
44
  }
45
- ._main_38c86k_18._themeDark_38c86k_27._classic_38c86k_49._opening_38c86k_33,
46
- ._main_38c86k_18._themeDark_38c86k_27._classic_38c86k_49._opened_38c86k_34,
47
- ._main_38c86k_18._themeDark_38c86k_27._classic_38c86k_49._closing_38c86k_35{
45
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._classic_1ycflw8_49._opening_1ycflw8_33,
46
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._classic_1ycflw8_49._opened_1ycflw8_34,
47
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._classic_1ycflw8_49._closing_1ycflw8_35{
48
48
  background:rgba(255,255,255,0.05);
49
49
  }
50
50
  @media (hover: hover){
51
- ._main_38c86k_18._themeDark_38c86k_27._classic_38c86k_49:hover{
52
- background:rgba(25,25,28,0.05);
51
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._classic_1ycflw8_49:hover{
52
+ background:rgba(255,255,255,0.05);
53
53
  }
54
54
  }
55
- ._main_38c86k_18._themeLight_38c86k_21._rock_38c86k_33._opening_38c86k_33,
56
- ._main_38c86k_18._themeLight_38c86k_21._rock_38c86k_33._opened_38c86k_34,
57
- ._main_38c86k_18._themeLight_38c86k_21._rock_38c86k_33._closing_38c86k_35{
55
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._rock_1ycflw8_33._opening_1ycflw8_33,
56
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._rock_1ycflw8_33._opened_1ycflw8_34,
57
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._rock_1ycflw8_33._closing_1ycflw8_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_38c86k_18._themeLight_38c86k_21._rock_38c86k_33:hover{
68
+ ._main_1ycflw8_18._themeLight_1ycflw8_21._rock_1ycflw8_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_38c86k_18._themeDark_38c86k_27._rock_38c86k_33._opening_38c86k_33,
80
- ._main_38c86k_18._themeDark_38c86k_27._rock_38c86k_33._opened_38c86k_34,
81
- ._main_38c86k_18._themeDark_38c86k_27._rock_38c86k_33._closing_38c86k_35{
79
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._rock_1ycflw8_33._opening_1ycflw8_33,
80
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._rock_1ycflw8_33._opened_1ycflw8_34,
81
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._rock_1ycflw8_33._closing_1ycflw8_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_38c86k_18._themeDark_38c86k_27._rock_38c86k_33:hover{
92
+ ._main_1ycflw8_18._themeDark_1ycflw8_27._rock_1ycflw8_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,15 @@
100
100
  background:#FFFFFF;
101
101
  }
102
102
  }
103
- ._title_38c86k_106{
103
+ ._title_1ycflw8_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_38c86k_111 > ._button_38c86k_111 > ._title_38c86k_106{
110
+ ._sizeS_1ycflw8_111 > ._button_1ycflw8_111 > ._title_1ycflw8_106{
111
+ letter-spacing:normal;
111
112
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
112
113
  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
114
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -119,7 +120,8 @@
119
120
  line-height:20px;
120
121
  line-height:var(--rs-h5-line-height, 20px);
121
122
  }
122
- ._sizeM_38c86k_114 > ._button_38c86k_111 > ._title_38c86k_106{
123
+ ._sizeM_1ycflw8_114 > ._button_1ycflw8_111 > ._title_1ycflw8_106{
124
+ letter-spacing:normal;
123
125
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
124
126
  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
127
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -131,7 +133,7 @@
131
133
  line-height:24px;
132
134
  line-height:var(--rs-h4-line-height, 24px);
133
135
  }
134
- ._sizeL_38c86k_117 > ._button_38c86k_111 > ._title_38c86k_106{
136
+ ._sizeL_1ycflw8_117 > ._button_1ycflw8_111 > ._title_1ycflw8_106{
135
137
  letter-spacing:normal;
136
138
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
137
139
  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 +146,28 @@
144
146
  line-height:28px;
145
147
  line-height:var(--rs-h3-line-height, 28px);
146
148
  }
147
- ._content_38c86k_122{
148
- overflow-y:hidden;
149
+ ._content_1ycflw8_122{
150
+ will-change:height;
149
151
 
150
- max-height:0;
152
+ height:0;
151
153
 
152
154
  color:inherit;
153
155
  }
154
- ._opened_38c86k_34 > ._content_38c86k_122{
155
- max-height:initial;
156
+ ._closed_1ycflw8_129 > ._content_1ycflw8_122{
157
+ display:none;
156
158
  }
157
- ._opening_38c86k_33 > ._content_38c86k_122,
158
- ._closingTransition_38c86k_134 > ._content_38c86k_122{
159
- -webkit-transition:max-height 300ms;
160
- transition:max-height 300ms;
159
+ ._opened_1ycflw8_34 > ._content_1ycflw8_122{
160
+ height:initial;
161
161
  }
162
- ._sizeS_38c86k_111 > ._content_38c86k_122{
162
+ ._opening_1ycflw8_33 > ._content_1ycflw8_122,
163
+ ._closingTransition_1ycflw8_138 > ._content_1ycflw8_122{
164
+ overflow:hidden;
165
+
166
+ -webkit-transition:height 300ms;
167
+
168
+ transition:height 300ms;
169
+ }
170
+ ._sizeS_1ycflw8_111 > ._content_1ycflw8_122{
163
171
  letter-spacing:0.0045em;
164
172
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
173
  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 +178,10 @@
170
178
  line-height:20px;
171
179
  line-height:var(--rs-text-3-line-height, 20px);
172
180
  }
173
- ._rs-reset-letter-spacing_38c86k_1 ._sizeS_38c86k_111 > ._content_38c86k_122{
181
+ ._rs-reset-letter-spacing_1ycflw8_1 ._sizeS_1ycflw8_111 > ._content_1ycflw8_122{
174
182
  letter-spacing:normal;
175
183
  }
176
- ._sizeM_38c86k_114 > ._content_38c86k_122{
184
+ ._sizeM_1ycflw8_114 > ._content_1ycflw8_122{
177
185
  letter-spacing:0.0015em;
178
186
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
179
187
  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 +193,11 @@
185
193
  line-height:24px;
186
194
  line-height:var(--rs-text-2-line-height, 24px);
187
195
  }
188
- ._rs-reset-letter-spacing_38c86k_1 ._sizeM_38c86k_114 > ._content_38c86k_122{
196
+ ._rs-reset-letter-spacing_1ycflw8_1 ._sizeM_1ycflw8_114 > ._content_1ycflw8_122{
189
197
  letter-spacing:normal;
190
198
  }
191
- ._sizeL_38c86k_117 > ._content_38c86k_122{
199
+ ._sizeL_1ycflw8_117 > ._content_1ycflw8_122{
200
+ letter-spacing:normal;
192
201
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
193
202
  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
203
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -199,28 +208,28 @@
199
208
  line-height:28px;
200
209
  line-height:var(--rs-text-1-line-height, 28px);
201
210
  }
202
- ._sizeS_38c86k_111._leftIcon_38c86k_150 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
211
+ ._sizeS_1ycflw8_111._leftIcon_1ycflw8_156 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
203
212
  padding:0 8px 8px 36px;
204
213
  }
205
- ._sizeS_38c86k_111._rightIcon_38c86k_154 > ._content_38c86k_122 > ._innerWrapper_38c86k_149,
206
- ._sizeS_38c86k_111._disableLeftPadding_38c86k_155 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
214
+ ._sizeS_1ycflw8_111._rightIcon_1ycflw8_160 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155,
215
+ ._sizeS_1ycflw8_111._disableLeftPadding_1ycflw8_161 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
207
216
  padding:0 8px 8px 8px;
208
217
  }
209
- ._sizeM_38c86k_114._leftIcon_38c86k_150 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
218
+ ._sizeM_1ycflw8_114._leftIcon_1ycflw8_156 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
210
219
  padding:0 8px 8px 40px;
211
220
  }
212
- ._sizeM_38c86k_114._rightIcon_38c86k_154 > ._content_38c86k_122 > ._innerWrapper_38c86k_149,
213
- ._sizeM_38c86k_114._disableLeftPadding_38c86k_155 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
221
+ ._sizeM_1ycflw8_114._rightIcon_1ycflw8_160 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155,
222
+ ._sizeM_1ycflw8_114._disableLeftPadding_1ycflw8_161 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
214
223
  padding:0 8px 8px 8px;
215
224
  }
216
- ._sizeL_38c86k_117._leftIcon_38c86k_150 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
225
+ ._sizeL_1ycflw8_117._leftIcon_1ycflw8_156 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
217
226
  padding:0 16px 16px 60px;
218
227
  }
219
- ._sizeL_38c86k_117._rightIcon_38c86k_154 > ._content_38c86k_122 > ._innerWrapper_38c86k_149,
220
- ._sizeL_38c86k_117._disableLeftPadding_38c86k_155 > ._content_38c86k_122 > ._innerWrapper_38c86k_149{
228
+ ._sizeL_1ycflw8_117._rightIcon_1ycflw8_160 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155,
229
+ ._sizeL_1ycflw8_117._disableLeftPadding_1ycflw8_161 > ._content_1ycflw8_122 > ._innerWrapper_1ycflw8_155{
221
230
  padding:0 16px 16px 16px;
222
231
  }
223
- ._button_38c86k_111{
232
+ ._button_1ycflw8_111{
224
233
  position:relative;
225
234
 
226
235
  display:-webkit-box;
@@ -252,60 +261,60 @@
252
261
  -moz-osx-font-smoothing:inherit;
253
262
  -webkit-appearance:none;
254
263
  }
255
- ._button_38c86k_111::-moz-focus-inner{
264
+ ._button_1ycflw8_111::-moz-focus-inner{
256
265
  padding:0;
257
266
 
258
267
  border:0;
259
268
  }
260
- ._sizeS_38c86k_111 > ._button_38c86k_111{
269
+ ._sizeS_1ycflw8_111 > ._button_1ycflw8_111{
261
270
  padding:6px 8px;
262
271
  }
263
- ._sizeM_38c86k_114 > ._button_38c86k_111{
272
+ ._sizeM_1ycflw8_114 > ._button_1ycflw8_111{
264
273
  padding:8px 8px;
265
274
  }
266
- ._sizeL_38c86k_117 > ._button_38c86k_111{
275
+ ._sizeL_1ycflw8_117 > ._button_1ycflw8_111{
267
276
  padding:12px 16px;
268
277
  }
269
- ._button_38c86k_111:focus{
278
+ ._button_1ycflw8_111:focus{
270
279
  outline:none;
271
280
  }
272
- ._clear_38c86k_227 > ._button_38c86k_111{
281
+ ._clear_1ycflw8_233 > ._button_1ycflw8_111{
273
282
  -webkit-transition:color 100ms;
274
283
  transition:color 100ms;
275
284
  }
276
- ._classic_38c86k_49 > ._button_38c86k_111,
277
- ._rock_38c86k_33 > ._button_38c86k_111{
285
+ ._classic_1ycflw8_49 > ._button_1ycflw8_111,
286
+ ._rock_1ycflw8_33 > ._button_1ycflw8_111{
278
287
  -webkit-transition:background-color 100ms;
279
288
  transition:background-color 100ms;
280
289
  }
281
- ._themeLight_38c86k_21 ._button_38c86k_111{
290
+ ._themeLight_1ycflw8_21 ._button_1ycflw8_111{
282
291
  color:#19191C;
283
292
  color:var(--rs-typography-color-hard, #19191C);
284
293
  }
285
- ._themeDark_38c86k_27 ._button_38c86k_111{
294
+ ._themeDark_1ycflw8_27 ._button_1ycflw8_111{
286
295
  color:#FFFFFF;
287
296
  color:var(--rs-typography-color-hard, #FFFFFF);
288
297
  }
289
- ._themeLight_38c86k_21 > ._button_38c86k_111:focus[data-focus-method='key']{
298
+ ._themeLight_1ycflw8_21 > ._button_1ycflw8_111:focus[data-focus-method='key']{
290
299
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
291
300
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
292
301
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
293
302
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
294
303
  }
295
- ._themeDark_38c86k_27 > ._button_38c86k_111:focus[data-focus-method='key']{
304
+ ._themeDark_1ycflw8_27 > ._button_1ycflw8_111:focus[data-focus-method='key']{
296
305
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
297
306
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
298
307
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
299
308
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
300
309
  }
301
310
  @media (hover: hover){
302
- ._themeLight_38c86k_21._classic_38c86k_49 > ._button_38c86k_111:hover{
311
+ ._themeLight_1ycflw8_21._classic_1ycflw8_49 > ._button_1ycflw8_111:hover{
303
312
  background:rgba(25,25,28,0.05);
304
313
  }
305
- ._themeDark_38c86k_27._classic_38c86k_49 > ._button_38c86k_111:hover{
314
+ ._themeDark_1ycflw8_27._classic_1ycflw8_49 > ._button_1ycflw8_111:hover{
306
315
  background:rgba(255,255,255,0.05);
307
316
  }
308
- ._themeLight_38c86k_21._rock_38c86k_33 > ._button_38c86k_111:hover{
317
+ ._themeLight_1ycflw8_21._rock_1ycflw8_33 > ._button_1ycflw8_111:hover{
309
318
  --rs-typography-color-hard:#FFFFFF;
310
319
  --rs-typography-color-average:rgba(255,255,255,0.7);
311
320
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -315,7 +324,7 @@
315
324
  --rs-typography-rock-link-hover-color:#19191C;
316
325
  background:rgba(255,255,255,0.1);
317
326
  }
318
- ._themeDark_38c86k_27._rock_38c86k_33 > ._button_38c86k_111:hover{
327
+ ._themeDark_1ycflw8_27._rock_1ycflw8_33 > ._button_1ycflw8_111:hover{
319
328
  --rs-typography-color-hard:#19191C;
320
329
  --rs-typography-color-average:rgba(25,25,28,0.7);
321
330
  --rs-typography-color-pale:rgba(25,25,28,0.5);
@@ -325,16 +334,16 @@
325
334
  --rs-typography-rock-link-hover-color:#FFFFFF;
326
335
  background:rgba(25,25,28,0.1);
327
336
  }
328
- ._themeLight_38c86k_21._clear_38c86k_227 > ._button_38c86k_111:hover{
337
+ ._themeLight_1ycflw8_21._clear_1ycflw8_233 > ._button_1ycflw8_111:hover{
329
338
  color:rgba(25,25,28,0.7);
330
339
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
331
340
  }
332
- ._themeDark_38c86k_27._clear_38c86k_227 > ._button_38c86k_111:hover{
341
+ ._themeDark_1ycflw8_27._clear_1ycflw8_233 > ._button_1ycflw8_111:hover{
333
342
  color:rgba(255,255,255,0.7);
334
343
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
335
344
  }
336
345
  }
337
- ._icon_38c86k_275{
346
+ ._icon_1ycflw8_281{
338
347
  position:relative;
339
348
  top:0;
340
349
  left:0;
@@ -357,47 +366,47 @@
357
366
  -webkit-transform-origin:center center;
358
367
  transform-origin:center center;
359
368
  }
360
- ._sizeS_38c86k_111 > ._button_38c86k_111 > ._icon_38c86k_275{
369
+ ._sizeS_1ycflw8_111 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
361
370
  width:20px;
362
371
  height:20px;
363
372
  }
364
- ._sizeM_38c86k_114 > ._button_38c86k_111 > ._icon_38c86k_275{
373
+ ._sizeM_1ycflw8_114 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
365
374
  width:24px;
366
375
  height:24px;
367
376
  }
368
- ._sizeL_38c86k_117 > ._button_38c86k_111 > ._icon_38c86k_275{
377
+ ._sizeL_1ycflw8_117 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
369
378
  width:28px;
370
379
  height:28px;
371
380
  }
372
- ._sizeS_38c86k_111._leftIcon_38c86k_150 > ._button_38c86k_111 > ._icon_38c86k_275{
381
+ ._sizeS_1ycflw8_111._leftIcon_1ycflw8_156 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
373
382
  margin-right:8px;
374
383
  }
375
- ._sizeS_38c86k_111._rightIcon_38c86k_154 > ._button_38c86k_111 > ._icon_38c86k_275{
384
+ ._sizeS_1ycflw8_111._rightIcon_1ycflw8_160 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
376
385
  margin-left:8px;
377
386
  }
378
- ._sizeM_38c86k_114._leftIcon_38c86k_150 > ._button_38c86k_111 > ._icon_38c86k_275{
387
+ ._sizeM_1ycflw8_114._leftIcon_1ycflw8_156 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
379
388
  margin-right:8px;
380
389
  }
381
- ._sizeM_38c86k_114._rightIcon_38c86k_154 > ._button_38c86k_111 > ._icon_38c86k_275{
390
+ ._sizeM_1ycflw8_114._rightIcon_1ycflw8_160 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
382
391
  margin-left:8px;
383
392
  }
384
- ._sizeL_38c86k_117._leftIcon_38c86k_150 > ._button_38c86k_111 > ._icon_38c86k_275{
393
+ ._sizeL_1ycflw8_117._leftIcon_1ycflw8_156 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
385
394
  margin-right:16px;
386
395
  }
387
- ._sizeL_38c86k_117._rightIcon_38c86k_154 > ._button_38c86k_111 > ._icon_38c86k_275{
396
+ ._sizeL_1ycflw8_117._rightIcon_1ycflw8_160 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
388
397
  margin-left:16px;
389
398
  }
390
- ._opening_38c86k_33._iconPlus_38c86k_321 > ._button_38c86k_111 > ._icon_38c86k_275,
391
- ._opened_38c86k_34._iconPlus_38c86k_321 > ._button_38c86k_111 > ._icon_38c86k_275{
399
+ ._opening_1ycflw8_33._iconPlus_1ycflw8_327 > ._button_1ycflw8_111 > ._icon_1ycflw8_281,
400
+ ._opened_1ycflw8_34._iconPlus_1ycflw8_327 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
392
401
  -webkit-transform:rotate(45deg);
393
402
  transform:rotate(45deg);
394
403
  }
395
- ._opening_38c86k_33._iconArrow_38c86k_326 > ._button_38c86k_111 > ._icon_38c86k_275,
396
- ._opened_38c86k_34._iconArrow_38c86k_326 > ._button_38c86k_111 > ._icon_38c86k_275{
404
+ ._opening_1ycflw8_33._iconArrow_1ycflw8_332 > ._button_1ycflw8_111 > ._icon_1ycflw8_281,
405
+ ._opened_1ycflw8_34._iconArrow_1ycflw8_332 > ._button_1ycflw8_111 > ._icon_1ycflw8_281{
397
406
  -webkit-transform:rotate(90deg);
398
407
  transform:rotate(90deg);
399
408
  }
400
- ._accordion_38c86k_332{
409
+ ._accordion_1ycflw8_338{
401
410
  display:-webkit-box;
402
411
  display:-ms-flexbox;
403
412
  display:flex;
@@ -406,21 +415,21 @@
406
415
  -ms-flex-direction:column;
407
416
  flex-direction:column;
408
417
  }
409
- ._accordionGap0_38c86k_336{
418
+ ._accordionGap0_1ycflw8_342{
410
419
  row-gap:0;
411
420
  }
412
- ._accordionGap8_38c86k_339{
421
+ ._accordionGap8_1ycflw8_345{
413
422
  row-gap:8px;
414
423
  }
415
- ._accordionGap12_38c86k_342{
424
+ ._accordionGap12_1ycflw8_348{
416
425
  row-gap:12px;
417
426
  }
418
- ._accordionGap16_38c86k_345{
427
+ ._accordionGap16_1ycflw8_351{
419
428
  row-gap:16px;
420
429
  }
421
- ._accordionGap24_38c86k_348{
430
+ ._accordionGap24_1ycflw8_354{
422
431
  row-gap:24px;
423
432
  }
424
- ._accordionGap32_38c86k_351{
433
+ ._accordionGap32_1ycflw8_357{
425
434
  row-gap:32px;
426
435
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.2.1",
3
+ "version": "0.3.1",
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.1",
18
+ "@rescui/icons": "^0.13.2",
19
19
  "@rescui/use-resize-observer": "^0.1.4",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
@@ -28,12 +28,12 @@
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.1.6",
30
30
  "@rescui/scripts": "^0.2.0",
31
- "@rescui/typography": "^0.11.0",
31
+ "@rescui/typography": "^0.12.0",
32
32
  "@rescui/visual-regression": "^0.1.0",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "d25604773250b6467e5ee8d88c4e44c25833785e"
38
+ "gitHead": "5b8028f2a39036c58de3bfcba424df687b540f55"
39
39
  }