@rescui/collapse 0.5.4 → 0.5.6

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_ekw7ne_4",
3
- "sizeXS": "_sizeXS_ekw7ne_14",
4
- "sizeS": "_sizeS_ekw7ne_18",
5
- "sizeM": "_sizeM_ekw7ne_22",
6
- "sizeL": "_sizeL_ekw7ne_26",
7
- "light": "_light_ekw7ne_30",
8
- "dark": "_dark_ekw7ne_34"
2
+ "icon": "_icon_12q9sj9_4",
3
+ "sizeXS": "_sizeXS_12q9sj9_14",
4
+ "sizeS": "_sizeS_12q9sj9_18",
5
+ "sizeM": "_sizeM_12q9sj9_22",
6
+ "sizeL": "_sizeL_12q9sj9_26",
7
+ "light": "_light_12q9sj9_30",
8
+ "dark": "_dark_12q9sj9_34"
9
9
  };
10
10
  export { styles as default };
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1myve4k_6",
3
- "themeDark": "_themeDark_1myve4k_9",
4
- "sizeS": "_sizeS_1myve4k_13",
5
- "sizeM": "_sizeM_1myve4k_16",
6
- "sizeL": "_sizeL_1myve4k_19",
7
- "classic": "_classic_1myve4k_23",
8
- "rock": "_rock_1myve4k_26",
9
- "clear": "_clear_1myve4k_29",
10
- "hasBorderBottom": "_hasBorderBottom_1myve4k_33",
11
- "leftIcon": "_leftIcon_1myve4k_37",
12
- "rightIcon": "_rightIcon_1myve4k_40",
13
- "disableLeftPadding": "_disableLeftPadding_1myve4k_44",
14
- "main": "_main_1myve4k_48",
15
- "opening": "_opening_1myve4k_59",
16
- "opened": "_opened_1myve4k_60",
17
- "closing": "_closing_1myve4k_61",
18
- "title": "_title_1myve4k_95",
19
- "content": "_content_1myve4k_103",
20
- "closed": "_closed_1myve4k_113",
21
- "closingTransition": "_closingTransition_1myve4k_122",
22
- "innerWrapper": "_innerWrapper_1myve4k_129",
23
- "button": "_button_1myve4k_135",
24
- "icon": "_icon_1myve4k_190",
25
- "iconPlus": "_iconPlus_1myve4k_206",
26
- "iconArrow": "_iconArrow_1myve4k_211",
27
- "accordion": "_accordion_1myve4k_217",
28
- "accordionGap0": "_accordionGap0_1myve4k_222",
29
- "accordionGap8": "_accordionGap8_1myve4k_225",
30
- "accordionGap12": "_accordionGap12_1myve4k_228",
31
- "accordionGap16": "_accordionGap16_1myve4k_231",
32
- "accordionGap24": "_accordionGap24_1myve4k_234",
33
- "accordionGap32": "_accordionGap32_1myve4k_237"
2
+ "themeLight": "_themeLight_7u4fu3_6",
3
+ "themeDark": "_themeDark_7u4fu3_9",
4
+ "sizeS": "_sizeS_7u4fu3_13",
5
+ "sizeM": "_sizeM_7u4fu3_16",
6
+ "sizeL": "_sizeL_7u4fu3_19",
7
+ "classic": "_classic_7u4fu3_23",
8
+ "rock": "_rock_7u4fu3_26",
9
+ "clear": "_clear_7u4fu3_29",
10
+ "hasBorderBottom": "_hasBorderBottom_7u4fu3_33",
11
+ "leftIcon": "_leftIcon_7u4fu3_37",
12
+ "rightIcon": "_rightIcon_7u4fu3_40",
13
+ "disableLeftPadding": "_disableLeftPadding_7u4fu3_44",
14
+ "main": "_main_7u4fu3_48",
15
+ "opening": "_opening_7u4fu3_59",
16
+ "opened": "_opened_7u4fu3_60",
17
+ "closing": "_closing_7u4fu3_61",
18
+ "title": "_title_7u4fu3_95",
19
+ "content": "_content_7u4fu3_103",
20
+ "closed": "_closed_7u4fu3_111",
21
+ "closingTransition": "_closingTransition_7u4fu3_120",
22
+ "innerWrapper": "_innerWrapper_7u4fu3_127",
23
+ "button": "_button_7u4fu3_133",
24
+ "icon": "_icon_7u4fu3_186",
25
+ "iconPlus": "_iconPlus_7u4fu3_202",
26
+ "iconArrow": "_iconArrow_7u4fu3_207",
27
+ "accordion": "_accordion_7u4fu3_213",
28
+ "accordionGap0": "_accordionGap0_7u4fu3_218",
29
+ "accordionGap8": "_accordionGap8_7u4fu3_221",
30
+ "accordionGap12": "_accordionGap12_7u4fu3_224",
31
+ "accordionGap16": "_accordionGap16_7u4fu3_227",
32
+ "accordionGap24": "_accordionGap24_7u4fu3_230",
33
+ "accordionGap32": "_accordionGap32_7u4fu3_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_ekw7ne_4{
1
+ ._icon_12q9sj9_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_ekw7ne_4{
11
+ ._icon_12q9sj9_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_ekw7ne_4{
20
+ ._icon_12q9sj9_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_ekw7ne_4{
28
+ ._icon_12q9sj9_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_ekw7ne_14{
35
+ ._sizeXS_12q9sj9_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_ekw7ne_18{
38
+ ._sizeS_12q9sj9_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_ekw7ne_22{
41
+ ._sizeM_12q9sj9_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_ekw7ne_26{
44
+ ._sizeL_12q9sj9_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_ekw7ne_30{
47
+ ._light_12q9sj9_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_ekw7ne_34{
51
+ ._dark_12q9sj9_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
  }
@@ -72,18 +72,18 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._themeLight_1myve4k_6{
75
+ ._themeLight_7u4fu3_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._themeDark_1myve4k_9{
78
+ ._themeDark_7u4fu3_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeS_1myve4k_13{
81
+ ._sizeS_7u4fu3_13{
82
82
  --_rs-collapse-vertical-padding:6px;
83
83
  --_rs-collapse-horizontal-padding:8px;
84
84
  --_rs-collapse-icon-size:20px;
85
85
  }
86
- ._sizeS_1myve4k_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
86
+ ._sizeS_7u4fu3_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
87
87
  --_rs-typography-letter-spacing:normal;
88
88
  --_rs-typography-text-transform:initial;
89
89
  --_rs-typography-font-variant-numeric:initial;
@@ -100,9 +100,12 @@
100
100
  );
101
101
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
102
102
  --_rs-typography-base-color:var(
103
+ --_rs-typography-heading-hardness-color,
104
+ var(
103
105
  --rs-color-hard,
104
106
  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))
105
- );
107
+ )
108
+ );
106
109
  --_rs-typography-text-auto-offset:0;
107
110
  --_rs-typography-ul-list-li-padding-left:initial;
108
111
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -111,7 +114,7 @@
111
114
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
112
115
  --_rs-typography-link-border-bottom-width-from-text:2px;
113
116
  }
114
- ._sizeS_1myve4k_13 > [data-rs-internal='collapse__content']{
117
+ ._sizeS_7u4fu3_13 > [data-rs-internal='collapse__content']{
115
118
  --_rs-typography-letter-spacing:0.0045em;
116
119
  --_rs-typography-text-transform:initial;
117
120
  --_rs-typography-font-variant-numeric:initial;
@@ -145,12 +148,12 @@
145
148
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
146
149
  --_rs-typography-link-border-bottom-width-from-text:1px;
147
150
  }
148
- ._sizeM_1myve4k_16{
151
+ ._sizeM_7u4fu3_16{
149
152
  --_rs-collapse-vertical-padding:8px;
150
153
  --_rs-collapse-horizontal-padding:8px;
151
154
  --_rs-collapse-icon-size:24px;
152
155
  }
153
- ._sizeM_1myve4k_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
156
+ ._sizeM_7u4fu3_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
154
157
  --_rs-typography-letter-spacing:normal;
155
158
  --_rs-typography-text-transform:initial;
156
159
  --_rs-typography-font-variant-numeric:initial;
@@ -167,9 +170,12 @@
167
170
  );
168
171
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
169
172
  --_rs-typography-base-color:var(
173
+ --_rs-typography-heading-hardness-color,
174
+ var(
170
175
  --rs-color-hard,
171
176
  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))
172
- );
177
+ )
178
+ );
173
179
  --_rs-typography-text-auto-offset:0;
174
180
  --_rs-typography-ul-list-li-padding-left:initial;
175
181
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -178,7 +184,7 @@
178
184
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
179
185
  --_rs-typography-link-border-bottom-width-from-text:2px;
180
186
  }
181
- ._sizeM_1myve4k_16 > [data-rs-internal='collapse__content']{
187
+ ._sizeM_7u4fu3_16 > [data-rs-internal='collapse__content']{
182
188
  --_rs-typography-letter-spacing:0.0015em;
183
189
  --_rs-typography-text-transform:initial;
184
190
  --_rs-typography-font-variant-numeric:initial;
@@ -213,16 +219,16 @@
213
219
  --_rs-typography-link-border-bottom-width-from-text:1px;
214
220
  }
215
221
  @media screen and (max-width: 640px){
216
- ._sizeM_1myve4k_16 > [data-rs-internal='collapse__content']{
222
+ ._sizeM_7u4fu3_16 > [data-rs-internal='collapse__content']{
217
223
  --_rs-typography-list-li-margin-top-from-text:12px;
218
224
  }
219
225
  }
220
- ._sizeL_1myve4k_19{
226
+ ._sizeL_7u4fu3_19{
221
227
  --_rs-collapse-vertical-padding:12px;
222
228
  --_rs-collapse-horizontal-padding:16px;
223
229
  --_rs-collapse-icon-size:28px;
224
230
  }
225
- ._sizeL_1myve4k_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
231
+ ._sizeL_7u4fu3_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
226
232
  --_rs-typography-letter-spacing:normal;
227
233
  --_rs-typography-text-transform:initial;
228
234
  --_rs-typography-font-variant-numeric:initial;
@@ -239,9 +245,12 @@
239
245
  );
240
246
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
241
247
  --_rs-typography-base-color:var(
248
+ --_rs-typography-heading-hardness-color,
249
+ var(
242
250
  --rs-color-hard,
243
251
  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))
244
- );
252
+ )
253
+ );
245
254
  --_rs-typography-text-auto-offset:0;
246
255
  --_rs-typography-ul-list-li-padding-left:initial;
247
256
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -250,7 +259,7 @@
250
259
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
251
260
  --_rs-typography-link-border-bottom-width-from-text:2px;
252
261
  }
253
- ._sizeL_1myve4k_19 > [data-rs-internal='collapse__content']{
262
+ ._sizeL_7u4fu3_19 > [data-rs-internal='collapse__content']{
254
263
  --_rs-typography-letter-spacing:normal;
255
264
  --_rs-typography-text-transform:initial;
256
265
  --_rs-typography-font-variant-numeric:initial;
@@ -285,11 +294,11 @@
285
294
  --_rs-typography-link-border-bottom-width-from-text:1px;
286
295
  }
287
296
  @media screen and (max-width: 640px){
288
- ._sizeL_1myve4k_19 > [data-rs-internal='collapse__content']{
297
+ ._sizeL_7u4fu3_19 > [data-rs-internal='collapse__content']{
289
298
  --_rs-typography-list-li-margin-top-from-text:16px;
290
299
  }
291
300
  }
292
- ._classic_1myve4k_23{
301
+ ._classic_7u4fu3_23{
293
302
  --_rs-collapse-active-theme-flip:0;
294
303
  --_rs-collapse-active-background:rgba(
295
304
  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),
@@ -303,7 +312,7 @@
303
312
  );
304
313
  --_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);
305
314
  }
306
- ._rock_1myve4k_26{
315
+ ._rock_7u4fu3_26{
307
316
  --_rs-collapse-active-theme-flip:1;
308
317
  --_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));
309
318
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -314,7 +323,7 @@
314
323
  );
315
324
  --_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);
316
325
  }
317
- ._clear_1myve4k_29{
326
+ ._clear_7u4fu3_29{
318
327
  --_rs-collapse-active-theme-flip:0;
319
328
  --_rs-collapse-active-background:transparent;
320
329
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -325,27 +334,27 @@
325
334
  0.7
326
335
  );
327
336
  }
328
- ._hasBorderBottom_1myve4k_33{
337
+ ._hasBorderBottom_7u4fu3_33{
329
338
  --_rs-collapse-border-bottom-width-or-initial:1px;
330
339
  }
331
- ._leftIcon_1myve4k_37{
340
+ ._leftIcon_7u4fu3_37{
332
341
  --_rs-collapse-button-flex-direction:row;
333
342
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
334
343
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
335
344
  }
336
- ._rightIcon_1myve4k_40{
345
+ ._rightIcon_7u4fu3_40{
337
346
  --_rs-collapse-button-flex-direction:row-reverse;
338
347
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
339
348
  --_rs-collapse-inner-wrapper-padding-left-base:var(
340
349
  --_rs-collapse-horizontal-padding
341
350
  );
342
351
  }
343
- ._disableLeftPadding_1myve4k_44{
352
+ ._disableLeftPadding_7u4fu3_44{
344
353
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
345
354
  --_rs-collapse-horizontal-padding
346
355
  );
347
356
  }
348
- ._main_1myve4k_48{
357
+ ._main_7u4fu3_48{
349
358
  --_rs-theme-dark:var(
350
359
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
351
360
  var(--rs-theme-dark, 0)
@@ -355,7 +364,7 @@
355
364
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
356
365
  }
357
366
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
358
- ._main_1myve4k_48{
367
+ ._main_7u4fu3_48{
359
368
  --_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)));
360
369
  --_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)));
361
370
  --_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)));
@@ -364,7 +373,7 @@
364
373
  }
365
374
  }
366
375
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
367
- ._main_1myve4k_48{
376
+ ._main_7u4fu3_48{
368
377
  --_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);
369
378
  --_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));
370
379
  --_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));
@@ -372,7 +381,7 @@
372
381
  --_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));
373
382
  }
374
383
  }
375
- ._main_1myve4k_48 {
384
+ ._main_7u4fu3_48 {
376
385
  --_rs-collapse-border-bottom-width:var(
377
386
  --_rs-collapse-border-bottom-width-or-initial,
378
387
  0px
@@ -387,9 +396,9 @@
387
396
  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);
388
397
  border-radius:var(--rs-collapse-border-radius, 0px);
389
398
  }
390
- ._main_1myve4k_48._opening_1myve4k_59,
391
- ._main_1myve4k_48._opened_1myve4k_60,
392
- ._main_1myve4k_48._closing_1myve4k_61{
399
+ ._main_7u4fu3_48._opening_7u4fu3_59,
400
+ ._main_7u4fu3_48._opened_7u4fu3_60,
401
+ ._main_7u4fu3_48._closing_7u4fu3_61{
393
402
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
394
403
 
395
404
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -399,7 +408,7 @@
399
408
  background:var(--_rs-collapse-active-background);
400
409
  }
401
410
  @media (hover: hover){
402
- ._main_1myve4k_48:hover{
411
+ ._main_7u4fu3_48:hover{
403
412
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
404
413
 
405
414
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -409,7 +418,7 @@
409
418
  background:var(--_rs-collapse-active-background);
410
419
  }
411
420
  }
412
- ._title_1myve4k_95{
421
+ ._title_7u4fu3_95{
413
422
  letter-spacing:var(
414
423
  --rs-text-base-letter-spacing,
415
424
  var(--_rs-typography-letter-spacing)
@@ -431,7 +440,7 @@
431
440
 
432
441
  color:inherit;
433
442
  }
434
- ._content_1myve4k_103{
443
+ ._content_7u4fu3_103{
435
444
  letter-spacing:var(
436
445
  --rs-text-base-letter-spacing,
437
446
  var(--_rs-typography-letter-spacing)
@@ -444,7 +453,7 @@
444
453
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
445
454
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
446
455
  font-feature-settings:'kern', 'liga', 'calt';
447
- --_rs-typography-hardness-color:var(
456
+ color:var(
448
457
  --rs-color-hard,
449
458
  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))
450
459
  );
@@ -452,28 +461,26 @@
452
461
  will-change:height;
453
462
 
454
463
  height:0;
455
-
456
- color:var(--_rs-typography-hardness-color);
457
464
  }
458
- ._closed_1myve4k_113 > ._content_1myve4k_103{
465
+ ._closed_7u4fu3_111 > ._content_7u4fu3_103{
459
466
  display:none;
460
467
  }
461
- ._opened_1myve4k_60 > ._content_1myve4k_103{
468
+ ._opened_7u4fu3_60 > ._content_7u4fu3_103{
462
469
  height:initial;
463
470
  }
464
- ._opening_1myve4k_59 > ._content_1myve4k_103,
465
- ._closingTransition_1myve4k_122 > ._content_1myve4k_103{
471
+ ._opening_7u4fu3_59 > ._content_7u4fu3_103,
472
+ ._closingTransition_7u4fu3_120 > ._content_7u4fu3_103{
466
473
  overflow:hidden;
467
474
 
468
475
  -webkit-transition:height 300ms;
469
476
 
470
477
  transition:height 300ms;
471
478
  }
472
- ._innerWrapper_1myve4k_129{
479
+ ._innerWrapper_7u4fu3_127{
473
480
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
474
481
  }
475
- ._button_1myve4k_135{
476
- --_rs-typography-hardness-color:var(
482
+ ._button_7u4fu3_133{
483
+ color:var(
477
484
  --rs-color-hard,
478
485
  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))
479
486
  );
@@ -505,8 +512,6 @@
505
512
  cursor:pointer;
506
513
  text-align:left;
507
514
 
508
- color:var(--_rs-typography-hardness-color);
509
-
510
515
  background:transparent;
511
516
 
512
517
  font:inherit;
@@ -517,25 +522,25 @@
517
522
  -moz-osx-font-smoothing:inherit;
518
523
  -webkit-appearance:none;
519
524
  }
520
- ._button_1myve4k_135::-moz-focus-inner{
525
+ ._button_7u4fu3_133::-moz-focus-inner{
521
526
  padding:0;
522
527
 
523
528
  border:0;
524
529
  }
525
- ._button_1myve4k_135:focus{
530
+ ._button_7u4fu3_133:focus{
526
531
  outline:none;
527
532
  }
528
- ._button_1myve4k_135:focus[data-focus-method='key']{
533
+ ._button_7u4fu3_133:focus[data-focus-method='key']{
529
534
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
530
535
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
531
536
  }
532
537
  @media (hover: hover){
533
- ._button_1myve4k_135:hover{
538
+ ._button_7u4fu3_133:hover{
534
539
  color:var(--_rs-collapse-button-hover-color);
535
540
  background:var(--_rs-collapse-button-hover-background);
536
541
  }
537
542
  }
538
- ._icon_1myve4k_190{
543
+ ._icon_7u4fu3_186{
539
544
  position:relative;
540
545
  top:0;
541
546
  left:0;
@@ -562,17 +567,17 @@
562
567
 
563
568
  will-change:transform;
564
569
  }
565
- ._opening_1myve4k_59._iconPlus_1myve4k_206 > ._button_1myve4k_135 > ._icon_1myve4k_190,
566
- ._opened_1myve4k_60._iconPlus_1myve4k_206 > ._button_1myve4k_135 > ._icon_1myve4k_190{
570
+ ._opening_7u4fu3_59._iconPlus_7u4fu3_202 > ._button_7u4fu3_133 > ._icon_7u4fu3_186,
571
+ ._opened_7u4fu3_60._iconPlus_7u4fu3_202 > ._button_7u4fu3_133 > ._icon_7u4fu3_186{
567
572
  -webkit-transform:rotate(45deg);
568
573
  transform:rotate(45deg);
569
574
  }
570
- ._opening_1myve4k_59._iconArrow_1myve4k_211 > ._button_1myve4k_135 > ._icon_1myve4k_190,
571
- ._opened_1myve4k_60._iconArrow_1myve4k_211 > ._button_1myve4k_135 > ._icon_1myve4k_190{
575
+ ._opening_7u4fu3_59._iconArrow_7u4fu3_207 > ._button_7u4fu3_133 > ._icon_7u4fu3_186,
576
+ ._opened_7u4fu3_60._iconArrow_7u4fu3_207 > ._button_7u4fu3_133 > ._icon_7u4fu3_186{
572
577
  -webkit-transform:rotate(90deg);
573
578
  transform:rotate(90deg);
574
579
  }
575
- ._accordion_1myve4k_217{
580
+ ._accordion_7u4fu3_213{
576
581
  display:-webkit-box;
577
582
  display:-ms-flexbox;
578
583
  display:flex;
@@ -582,21 +587,21 @@
582
587
  flex-direction:column;
583
588
  row-gap:var(--_rs-collapse-accordion-gap);
584
589
  }
585
- ._accordionGap0_1myve4k_222{
590
+ ._accordionGap0_7u4fu3_218{
586
591
  --_rs-collapse-accordion-gap:0px;
587
592
  }
588
- ._accordionGap8_1myve4k_225{
593
+ ._accordionGap8_7u4fu3_221{
589
594
  --_rs-collapse-accordion-gap:8px;
590
595
  }
591
- ._accordionGap12_1myve4k_228{
596
+ ._accordionGap12_7u4fu3_224{
592
597
  --_rs-collapse-accordion-gap:12px;
593
598
  }
594
- ._accordionGap16_1myve4k_231{
599
+ ._accordionGap16_7u4fu3_227{
595
600
  --_rs-collapse-accordion-gap:16px;
596
601
  }
597
- ._accordionGap24_1myve4k_234{
602
+ ._accordionGap24_7u4fu3_230{
598
603
  --_rs-collapse-accordion-gap:24px;
599
604
  }
600
- ._accordionGap32_1myve4k_237{
605
+ ._accordionGap32_7u4fu3_233{
601
606
  --_rs-collapse-accordion-gap:32px;
602
607
  }
@@ -21,9 +21,12 @@
21
21
  );
22
22
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
23
23
  --_rs-typography-base-color:var(
24
+ --_rs-typography-heading-hardness-color,
25
+ var(
24
26
  --rs-color-hard,
25
27
  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))
26
- );
28
+ )
29
+ );
27
30
  --_rs-typography-text-auto-offset:0;
28
31
  --_rs-typography-ul-list-li-padding-left:initial;
29
32
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -90,9 +93,12 @@
90
93
  );
91
94
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
92
95
  --_rs-typography-base-color:var(
96
+ --_rs-typography-heading-hardness-color,
97
+ var(
93
98
  --rs-color-hard,
94
99
  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))
95
- );
100
+ )
101
+ );
96
102
  --_rs-typography-text-auto-offset:0;
97
103
  --_rs-typography-ul-list-li-padding-left:initial;
98
104
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -164,9 +170,12 @@
164
170
  );
165
171
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
166
172
  --_rs-typography-base-color:var(
173
+ --_rs-typography-heading-hardness-color,
174
+ var(
167
175
  --rs-color-hard,
168
176
  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))
169
- );
177
+ )
178
+ );
170
179
  --_rs-typography-text-auto-offset:0;
171
180
  --_rs-typography-ul-list-li-padding-left:initial;
172
181
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -302,9 +311,12 @@
302
311
  );
303
312
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
304
313
  --_rs-typography-base-color:var(
314
+ --_rs-typography-heading-hardness-color,
315
+ var(
305
316
  --rs-color-hard,
306
317
  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))
307
- );
318
+ )
319
+ );
308
320
  --_rs-typography-text-auto-offset:0;
309
321
  --_rs-typography-ul-list-li-padding-left:initial;
310
322
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -371,9 +383,12 @@
371
383
  );
372
384
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
373
385
  --_rs-typography-base-color:var(
386
+ --_rs-typography-heading-hardness-color,
387
+ var(
374
388
  --rs-color-hard,
375
389
  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))
376
- );
390
+ )
391
+ );
377
392
  --_rs-typography-text-auto-offset:0;
378
393
  --_rs-typography-ul-list-li-padding-left:initial;
379
394
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -445,9 +460,12 @@
445
460
  );
446
461
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
447
462
  --_rs-typography-base-color:var(
463
+ --_rs-typography-heading-hardness-color,
464
+ var(
448
465
  --rs-color-hard,
449
466
  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))
450
- );
467
+ )
468
+ );
451
469
  --_rs-typography-text-auto-offset:0;
452
470
  --_rs-typography-ul-list-li-padding-left:initial;
453
471
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -21,9 +21,12 @@
21
21
  );
22
22
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
23
23
  --_rs-typography-base-color:var(
24
+ --_rs-typography-heading-hardness-color,
25
+ var(
24
26
  --rs-color-hard,
25
27
  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))
26
- );
28
+ )
29
+ );
27
30
  --_rs-typography-text-auto-offset:0;
28
31
  --_rs-typography-ul-list-li-padding-left:initial;
29
32
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -90,9 +93,12 @@
90
93
  );
91
94
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
92
95
  --_rs-typography-base-color:var(
96
+ --_rs-typography-heading-hardness-color,
97
+ var(
93
98
  --rs-color-hard,
94
99
  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))
95
- );
100
+ )
101
+ );
96
102
  --_rs-typography-text-auto-offset:0;
97
103
  --_rs-typography-ul-list-li-padding-left:initial;
98
104
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -164,9 +170,12 @@
164
170
  );
165
171
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
166
172
  --_rs-typography-base-color:var(
173
+ --_rs-typography-heading-hardness-color,
174
+ var(
167
175
  --rs-color-hard,
168
176
  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))
169
- );
177
+ )
178
+ );
170
179
  --_rs-typography-text-auto-offset:0;
171
180
  --_rs-typography-ul-list-li-padding-left:initial;
172
181
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -302,9 +311,12 @@
302
311
  );
303
312
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
304
313
  --_rs-typography-base-color:var(
314
+ --_rs-typography-heading-hardness-color,
315
+ var(
305
316
  --rs-color-hard,
306
317
  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))
307
- );
318
+ )
319
+ );
308
320
  --_rs-typography-text-auto-offset:0;
309
321
  --_rs-typography-ul-list-li-padding-left:initial;
310
322
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -371,9 +383,12 @@
371
383
  );
372
384
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
373
385
  --_rs-typography-base-color:var(
386
+ --_rs-typography-heading-hardness-color,
387
+ var(
374
388
  --rs-color-hard,
375
389
  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))
376
- );
390
+ )
391
+ );
377
392
  --_rs-typography-text-auto-offset:0;
378
393
  --_rs-typography-ul-list-li-padding-left:initial;
379
394
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -445,9 +460,12 @@
445
460
  );
446
461
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
447
462
  --_rs-typography-base-color:var(
463
+ --_rs-typography-heading-hardness-color,
464
+ var(
448
465
  --rs-color-hard,
449
466
  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))
450
- );
467
+ )
468
+ );
451
469
  --_rs-typography-text-auto-offset:0;
452
470
  --_rs-typography-ul-list-li-padding-left:initial;
453
471
  --_rs-typography-ol-list-li-padding-left:initial;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.4",
3
+ "version": "0.5.6",
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/use-resize-observer": "^0.2.3",
18
+ "@rescui/use-resize-observer": "^0.2.4",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,9 +25,9 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.3",
29
- "@rescui/scripts": "^0.3.3",
30
- "@rescui/typography": "^0.17.0",
28
+ "@rescui/colors": "^0.2.5",
29
+ "@rescui/scripts": "^0.3.4",
30
+ "@rescui/typography": "^0.18.1",
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": "b422496bacb5df4a601008c646abfb08cebe461c"
39
+ "gitHead": "3de71c679695fe3ca490baeaa24ab2331eb2e3a8"
40
40
  }