@rescui/collapse 0.5.3 → 0.5.5

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_1jmu341_4",
3
- "sizeXS": "_sizeXS_1jmu341_14",
4
- "sizeS": "_sizeS_1jmu341_18",
5
- "sizeM": "_sizeM_1jmu341_22",
6
- "sizeL": "_sizeL_1jmu341_26",
7
- "light": "_light_1jmu341_30",
8
- "dark": "_dark_1jmu341_34"
2
+ "icon": "_icon_19gc9kz_4",
3
+ "sizeXS": "_sizeXS_19gc9kz_14",
4
+ "sizeS": "_sizeS_19gc9kz_18",
5
+ "sizeM": "_sizeM_19gc9kz_22",
6
+ "sizeL": "_sizeL_19gc9kz_26",
7
+ "light": "_light_19gc9kz_30",
8
+ "dark": "_dark_19gc9kz_34"
9
9
  };
10
10
  export { styles as default };
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1mt5o2n_6",
3
- "themeDark": "_themeDark_1mt5o2n_9",
4
- "sizeS": "_sizeS_1mt5o2n_13",
5
- "sizeM": "_sizeM_1mt5o2n_16",
6
- "sizeL": "_sizeL_1mt5o2n_19",
7
- "classic": "_classic_1mt5o2n_23",
8
- "rock": "_rock_1mt5o2n_26",
9
- "clear": "_clear_1mt5o2n_29",
10
- "hasBorderBottom": "_hasBorderBottom_1mt5o2n_33",
11
- "leftIcon": "_leftIcon_1mt5o2n_37",
12
- "rightIcon": "_rightIcon_1mt5o2n_40",
13
- "disableLeftPadding": "_disableLeftPadding_1mt5o2n_44",
14
- "main": "_main_1mt5o2n_48",
15
- "opening": "_opening_1mt5o2n_59",
16
- "opened": "_opened_1mt5o2n_60",
17
- "closing": "_closing_1mt5o2n_61",
18
- "title": "_title_1mt5o2n_95",
19
- "content": "_content_1mt5o2n_103",
20
- "closed": "_closed_1mt5o2n_113",
21
- "closingTransition": "_closingTransition_1mt5o2n_122",
22
- "innerWrapper": "_innerWrapper_1mt5o2n_129",
23
- "button": "_button_1mt5o2n_135",
24
- "icon": "_icon_1mt5o2n_190",
25
- "iconPlus": "_iconPlus_1mt5o2n_206",
26
- "iconArrow": "_iconArrow_1mt5o2n_211",
27
- "accordion": "_accordion_1mt5o2n_217",
28
- "accordionGap0": "_accordionGap0_1mt5o2n_222",
29
- "accordionGap8": "_accordionGap8_1mt5o2n_225",
30
- "accordionGap12": "_accordionGap12_1mt5o2n_228",
31
- "accordionGap16": "_accordionGap16_1mt5o2n_231",
32
- "accordionGap24": "_accordionGap24_1mt5o2n_234",
33
- "accordionGap32": "_accordionGap32_1mt5o2n_237"
2
+ "themeLight": "_themeLight_1m0vmu5_6",
3
+ "themeDark": "_themeDark_1m0vmu5_9",
4
+ "sizeS": "_sizeS_1m0vmu5_13",
5
+ "sizeM": "_sizeM_1m0vmu5_16",
6
+ "sizeL": "_sizeL_1m0vmu5_19",
7
+ "classic": "_classic_1m0vmu5_23",
8
+ "rock": "_rock_1m0vmu5_26",
9
+ "clear": "_clear_1m0vmu5_29",
10
+ "hasBorderBottom": "_hasBorderBottom_1m0vmu5_33",
11
+ "leftIcon": "_leftIcon_1m0vmu5_37",
12
+ "rightIcon": "_rightIcon_1m0vmu5_40",
13
+ "disableLeftPadding": "_disableLeftPadding_1m0vmu5_44",
14
+ "main": "_main_1m0vmu5_48",
15
+ "opening": "_opening_1m0vmu5_59",
16
+ "opened": "_opened_1m0vmu5_60",
17
+ "closing": "_closing_1m0vmu5_61",
18
+ "title": "_title_1m0vmu5_95",
19
+ "content": "_content_1m0vmu5_103",
20
+ "closed": "_closed_1m0vmu5_111",
21
+ "closingTransition": "_closingTransition_1m0vmu5_120",
22
+ "innerWrapper": "_innerWrapper_1m0vmu5_127",
23
+ "button": "_button_1m0vmu5_133",
24
+ "icon": "_icon_1m0vmu5_186",
25
+ "iconPlus": "_iconPlus_1m0vmu5_202",
26
+ "iconArrow": "_iconArrow_1m0vmu5_207",
27
+ "accordion": "_accordion_1m0vmu5_213",
28
+ "accordionGap0": "_accordionGap0_1m0vmu5_218",
29
+ "accordionGap8": "_accordionGap8_1m0vmu5_221",
30
+ "accordionGap12": "_accordionGap12_1m0vmu5_224",
31
+ "accordionGap16": "_accordionGap16_1m0vmu5_227",
32
+ "accordionGap24": "_accordionGap24_1m0vmu5_230",
33
+ "accordionGap32": "_accordionGap32_1m0vmu5_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1jmu341_4{
1
+ ._icon_19gc9kz_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_1jmu341_4{
11
+ ._icon_19gc9kz_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_1jmu341_4{
20
+ ._icon_19gc9kz_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_1jmu341_4{
28
+ ._icon_19gc9kz_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_1jmu341_14{
35
+ ._sizeXS_19gc9kz_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1jmu341_18{
38
+ ._sizeS_19gc9kz_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1jmu341_22{
41
+ ._sizeM_19gc9kz_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1jmu341_26{
44
+ ._sizeL_19gc9kz_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1jmu341_30{
47
+ ._light_19gc9kz_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_1jmu341_34{
51
+ ._dark_19gc9kz_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_1mt5o2n_6{
75
+ ._themeLight_1m0vmu5_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._themeDark_1mt5o2n_9{
78
+ ._themeDark_1m0vmu5_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeS_1mt5o2n_13{
81
+ ._sizeS_1m0vmu5_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_1mt5o2n_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
86
+ ._sizeS_1m0vmu5_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_1mt5o2n_13 > [data-rs-internal='collapse__content']{
117
+ ._sizeS_1m0vmu5_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_1mt5o2n_16{
151
+ ._sizeM_1m0vmu5_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_1mt5o2n_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
156
+ ._sizeM_1m0vmu5_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_1mt5o2n_16 > [data-rs-internal='collapse__content']{
187
+ ._sizeM_1m0vmu5_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_1mt5o2n_16 > [data-rs-internal='collapse__content']{
222
+ ._sizeM_1m0vmu5_16 > [data-rs-internal='collapse__content']{
217
223
  --_rs-typography-list-li-margin-top-from-text:12px;
218
224
  }
219
225
  }
220
- ._sizeL_1mt5o2n_19{
226
+ ._sizeL_1m0vmu5_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_1mt5o2n_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
231
+ ._sizeL_1m0vmu5_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_1mt5o2n_19 > [data-rs-internal='collapse__content']{
262
+ ._sizeL_1m0vmu5_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_1mt5o2n_19 > [data-rs-internal='collapse__content']{
297
+ ._sizeL_1m0vmu5_19 > [data-rs-internal='collapse__content']{
289
298
  --_rs-typography-list-li-margin-top-from-text:16px;
290
299
  }
291
300
  }
292
- ._classic_1mt5o2n_23{
301
+ ._classic_1m0vmu5_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_1mt5o2n_26{
315
+ ._rock_1m0vmu5_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_1mt5o2n_29{
326
+ ._clear_1m0vmu5_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_1mt5o2n_33{
337
+ ._hasBorderBottom_1m0vmu5_33{
329
338
  --_rs-collapse-border-bottom-width-or-initial:1px;
330
339
  }
331
- ._leftIcon_1mt5o2n_37{
340
+ ._leftIcon_1m0vmu5_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_1mt5o2n_40{
345
+ ._rightIcon_1m0vmu5_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_1mt5o2n_44{
352
+ ._disableLeftPadding_1m0vmu5_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_1mt5o2n_48{
357
+ ._main_1m0vmu5_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_1mt5o2n_48{
367
+ ._main_1m0vmu5_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_1mt5o2n_48{
376
+ ._main_1m0vmu5_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_1mt5o2n_48 {
384
+ ._main_1m0vmu5_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_1mt5o2n_48._opening_1mt5o2n_59,
391
- ._main_1mt5o2n_48._opened_1mt5o2n_60,
392
- ._main_1mt5o2n_48._closing_1mt5o2n_61{
399
+ ._main_1m0vmu5_48._opening_1m0vmu5_59,
400
+ ._main_1m0vmu5_48._opened_1m0vmu5_60,
401
+ ._main_1m0vmu5_48._closing_1m0vmu5_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_1mt5o2n_48:hover{
411
+ ._main_1m0vmu5_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_1mt5o2n_95{
421
+ ._title_1m0vmu5_95{
413
422
  letter-spacing:var(
414
423
  --rs-text-base-letter-spacing,
415
424
  var(--_rs-typography-letter-spacing)
@@ -422,12 +431,6 @@
422
431
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
423
432
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
424
433
  font-feature-settings:'kern', 'liga', 'calt';
425
- }
426
- ._title_1mt5o2n_95 > p:not(:nth-child(1)),
427
- ._title_1mt5o2n_95 > pre:not(:nth-child(1)){
428
- padding-top:var(--_rs-typography-auto-offset-or-initial);
429
- }
430
- ._title_1mt5o2n_95 {
431
434
 
432
435
  -webkit-box-flex:1;
433
436
 
@@ -437,7 +440,7 @@
437
440
 
438
441
  color:inherit;
439
442
  }
440
- ._content_1mt5o2n_103{
443
+ ._content_1m0vmu5_103{
441
444
  letter-spacing:var(
442
445
  --rs-text-base-letter-spacing,
443
446
  var(--_rs-typography-letter-spacing)
@@ -450,13 +453,7 @@
450
453
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
451
454
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
452
455
  font-feature-settings:'kern', 'liga', 'calt';
453
- }
454
- ._content_1mt5o2n_103 > p:not(:nth-child(1)),
455
- ._content_1mt5o2n_103 > pre:not(:nth-child(1)){
456
- padding-top:var(--_rs-typography-auto-offset-or-initial);
457
- }
458
- ._content_1mt5o2n_103 {
459
- --_rs-typography-hardness-color:var(
456
+ color:var(
460
457
  --rs-color-hard,
461
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))
462
459
  );
@@ -464,28 +461,26 @@
464
461
  will-change:height;
465
462
 
466
463
  height:0;
467
-
468
- color:var(--_rs-typography-hardness-color);
469
464
  }
470
- ._closed_1mt5o2n_113 > ._content_1mt5o2n_103{
465
+ ._closed_1m0vmu5_111 > ._content_1m0vmu5_103{
471
466
  display:none;
472
467
  }
473
- ._opened_1mt5o2n_60 > ._content_1mt5o2n_103{
468
+ ._opened_1m0vmu5_60 > ._content_1m0vmu5_103{
474
469
  height:initial;
475
470
  }
476
- ._opening_1mt5o2n_59 > ._content_1mt5o2n_103,
477
- ._closingTransition_1mt5o2n_122 > ._content_1mt5o2n_103{
471
+ ._opening_1m0vmu5_59 > ._content_1m0vmu5_103,
472
+ ._closingTransition_1m0vmu5_120 > ._content_1m0vmu5_103{
478
473
  overflow:hidden;
479
474
 
480
475
  -webkit-transition:height 300ms;
481
476
 
482
477
  transition:height 300ms;
483
478
  }
484
- ._innerWrapper_1mt5o2n_129{
479
+ ._innerWrapper_1m0vmu5_127{
485
480
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
486
481
  }
487
- ._button_1mt5o2n_135{
488
- --_rs-typography-hardness-color:var(
482
+ ._button_1m0vmu5_133{
483
+ color:var(
489
484
  --rs-color-hard,
490
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))
491
486
  );
@@ -517,8 +512,6 @@
517
512
  cursor:pointer;
518
513
  text-align:left;
519
514
 
520
- color:var(--_rs-typography-hardness-color);
521
-
522
515
  background:transparent;
523
516
 
524
517
  font:inherit;
@@ -529,25 +522,25 @@
529
522
  -moz-osx-font-smoothing:inherit;
530
523
  -webkit-appearance:none;
531
524
  }
532
- ._button_1mt5o2n_135::-moz-focus-inner{
525
+ ._button_1m0vmu5_133::-moz-focus-inner{
533
526
  padding:0;
534
527
 
535
528
  border:0;
536
529
  }
537
- ._button_1mt5o2n_135:focus{
530
+ ._button_1m0vmu5_133:focus{
538
531
  outline:none;
539
532
  }
540
- ._button_1mt5o2n_135:focus[data-focus-method='key']{
533
+ ._button_1m0vmu5_133:focus[data-focus-method='key']{
541
534
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
542
535
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
543
536
  }
544
537
  @media (hover: hover){
545
- ._button_1mt5o2n_135:hover{
538
+ ._button_1m0vmu5_133:hover{
546
539
  color:var(--_rs-collapse-button-hover-color);
547
540
  background:var(--_rs-collapse-button-hover-background);
548
541
  }
549
542
  }
550
- ._icon_1mt5o2n_190{
543
+ ._icon_1m0vmu5_186{
551
544
  position:relative;
552
545
  top:0;
553
546
  left:0;
@@ -574,17 +567,17 @@
574
567
 
575
568
  will-change:transform;
576
569
  }
577
- ._opening_1mt5o2n_59._iconPlus_1mt5o2n_206 > ._button_1mt5o2n_135 > ._icon_1mt5o2n_190,
578
- ._opened_1mt5o2n_60._iconPlus_1mt5o2n_206 > ._button_1mt5o2n_135 > ._icon_1mt5o2n_190{
570
+ ._opening_1m0vmu5_59._iconPlus_1m0vmu5_202 > ._button_1m0vmu5_133 > ._icon_1m0vmu5_186,
571
+ ._opened_1m0vmu5_60._iconPlus_1m0vmu5_202 > ._button_1m0vmu5_133 > ._icon_1m0vmu5_186{
579
572
  -webkit-transform:rotate(45deg);
580
573
  transform:rotate(45deg);
581
574
  }
582
- ._opening_1mt5o2n_59._iconArrow_1mt5o2n_211 > ._button_1mt5o2n_135 > ._icon_1mt5o2n_190,
583
- ._opened_1mt5o2n_60._iconArrow_1mt5o2n_211 > ._button_1mt5o2n_135 > ._icon_1mt5o2n_190{
575
+ ._opening_1m0vmu5_59._iconArrow_1m0vmu5_207 > ._button_1m0vmu5_133 > ._icon_1m0vmu5_186,
576
+ ._opened_1m0vmu5_60._iconArrow_1m0vmu5_207 > ._button_1m0vmu5_133 > ._icon_1m0vmu5_186{
584
577
  -webkit-transform:rotate(90deg);
585
578
  transform:rotate(90deg);
586
579
  }
587
- ._accordion_1mt5o2n_217{
580
+ ._accordion_1m0vmu5_213{
588
581
  display:-webkit-box;
589
582
  display:-ms-flexbox;
590
583
  display:flex;
@@ -594,21 +587,21 @@
594
587
  flex-direction:column;
595
588
  row-gap:var(--_rs-collapse-accordion-gap);
596
589
  }
597
- ._accordionGap0_1mt5o2n_222{
590
+ ._accordionGap0_1m0vmu5_218{
598
591
  --_rs-collapse-accordion-gap:0px;
599
592
  }
600
- ._accordionGap8_1mt5o2n_225{
593
+ ._accordionGap8_1m0vmu5_221{
601
594
  --_rs-collapse-accordion-gap:8px;
602
595
  }
603
- ._accordionGap12_1mt5o2n_228{
596
+ ._accordionGap12_1m0vmu5_224{
604
597
  --_rs-collapse-accordion-gap:12px;
605
598
  }
606
- ._accordionGap16_1mt5o2n_231{
599
+ ._accordionGap16_1m0vmu5_227{
607
600
  --_rs-collapse-accordion-gap:16px;
608
601
  }
609
- ._accordionGap24_1mt5o2n_234{
602
+ ._accordionGap24_1m0vmu5_230{
610
603
  --_rs-collapse-accordion-gap:24px;
611
604
  }
612
- ._accordionGap32_1mt5o2n_237{
605
+ ._accordionGap32_1m0vmu5_233{
613
606
  --_rs-collapse-accordion-gap:32px;
614
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.3",
3
+ "version": "0.5.5",
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.2",
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.2",
29
- "@rescui/scripts": "^0.3.2",
30
- "@rescui/typography": "^0.16.4",
28
+ "@rescui/colors": "^0.2.4",
29
+ "@rescui/scripts": "^0.3.4",
30
+ "@rescui/typography": "^0.18.0",
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": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
39
+ "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
40
40
  }