@rescui/collapse 0.5.12 → 0.5.14

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 (6) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/collapse.p.module.css.js +32 -32
  3. package/lib/index.css +72 -66
  4. package/lib/public-api.p.css +20 -8
  5. package/lib/public-api.pcss +20 -8
  6. package/package.json +3 -3
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1p2plc6_4",
3
- "sizeXS": "_sizeXS_1p2plc6_14",
4
- "sizeS": "_sizeS_1p2plc6_18",
5
- "sizeM": "_sizeM_1p2plc6_22",
6
- "sizeL": "_sizeL_1p2plc6_26",
7
- "light": "_light_1p2plc6_30",
8
- "dark": "_dark_1p2plc6_34"
2
+ "icon": "_icon_afka1x_4",
3
+ "sizeXS": "_sizeXS_afka1x_14",
4
+ "sizeS": "_sizeS_afka1x_18",
5
+ "sizeM": "_sizeM_afka1x_22",
6
+ "sizeL": "_sizeL_afka1x_26",
7
+ "light": "_light_afka1x_30",
8
+ "dark": "_dark_afka1x_34"
9
9
  };
10
10
  export { styles as default };
package/lib/collapse.p.module.css.js CHANGED
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_prgw1k_6",
3
- "themeDark": "_themeDark_prgw1k_9",
4
- "sizeS": "_sizeS_prgw1k_13",
5
- "sizeM": "_sizeM_prgw1k_16",
6
- "sizeL": "_sizeL_prgw1k_19",
7
- "classic": "_classic_prgw1k_23",
8
- "rock": "_rock_prgw1k_26",
9
- "clear": "_clear_prgw1k_29",
10
- "hasBorderBottom": "_hasBorderBottom_prgw1k_33",
11
- "leftIcon": "_leftIcon_prgw1k_37",
12
- "rightIcon": "_rightIcon_prgw1k_40",
13
- "disableLeftPadding": "_disableLeftPadding_prgw1k_44",
14
- "main": "_main_prgw1k_48",
15
- "opening": "_opening_prgw1k_59",
16
- "opened": "_opened_prgw1k_60",
17
- "closing": "_closing_prgw1k_61",
18
- "title": "_title_prgw1k_95",
19
- "content": "_content_prgw1k_103",
20
- "closed": "_closed_prgw1k_111",
21
- "closingTransition": "_closingTransition_prgw1k_120",
22
- "innerWrapper": "_innerWrapper_prgw1k_127",
23
- "button": "_button_prgw1k_133",
24
- "icon": "_icon_prgw1k_186",
25
- "iconPlus": "_iconPlus_prgw1k_202",
26
- "iconArrow": "_iconArrow_prgw1k_207",
27
- "accordion": "_accordion_prgw1k_213",
28
- "accordionGap0": "_accordionGap0_prgw1k_218",
29
- "accordionGap8": "_accordionGap8_prgw1k_221",
30
- "accordionGap12": "_accordionGap12_prgw1k_224",
31
- "accordionGap16": "_accordionGap16_prgw1k_227",
32
- "accordionGap24": "_accordionGap24_prgw1k_230",
33
- "accordionGap32": "_accordionGap32_prgw1k_233"
2
+ "themeLight": "_themeLight_axpybf_6",
3
+ "themeDark": "_themeDark_axpybf_9",
4
+ "sizeS": "_sizeS_axpybf_13",
5
+ "sizeM": "_sizeM_axpybf_16",
6
+ "sizeL": "_sizeL_axpybf_19",
7
+ "classic": "_classic_axpybf_23",
8
+ "rock": "_rock_axpybf_26",
9
+ "clear": "_clear_axpybf_29",
10
+ "hasBorderBottom": "_hasBorderBottom_axpybf_33",
11
+ "leftIcon": "_leftIcon_axpybf_37",
12
+ "rightIcon": "_rightIcon_axpybf_40",
13
+ "disableLeftPadding": "_disableLeftPadding_axpybf_44",
14
+ "main": "_main_axpybf_48",
15
+ "opening": "_opening_axpybf_59",
16
+ "opened": "_opened_axpybf_60",
17
+ "closing": "_closing_axpybf_61",
18
+ "title": "_title_axpybf_95",
19
+ "content": "_content_axpybf_103",
20
+ "closed": "_closed_axpybf_111",
21
+ "closingTransition": "_closingTransition_axpybf_120",
22
+ "innerWrapper": "_innerWrapper_axpybf_127",
23
+ "button": "_button_axpybf_133",
24
+ "icon": "_icon_axpybf_186",
25
+ "iconPlus": "_iconPlus_axpybf_202",
26
+ "iconArrow": "_iconArrow_axpybf_207",
27
+ "accordion": "_accordion_axpybf_213",
28
+ "accordionGap0": "_accordionGap0_axpybf_218",
29
+ "accordionGap8": "_accordionGap8_axpybf_221",
30
+ "accordionGap12": "_accordionGap12_axpybf_224",
31
+ "accordionGap16": "_accordionGap16_axpybf_227",
32
+ "accordionGap24": "_accordionGap24_axpybf_230",
33
+ "accordionGap32": "_accordionGap32_axpybf_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1p2plc6_4{
1
+ ._icon_afka1x_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_1p2plc6_4{
11
+ ._icon_afka1x_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_1p2plc6_4{
20
+ ._icon_afka1x_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_1p2plc6_4{
28
+ ._icon_afka1x_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_1p2plc6_14{
35
+ ._sizeXS_afka1x_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1p2plc6_18{
38
+ ._sizeS_afka1x_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1p2plc6_22{
41
+ ._sizeM_afka1x_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1p2plc6_26{
44
+ ._sizeL_afka1x_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1p2plc6_30{
47
+ ._light_afka1x_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_1p2plc6_34{
51
+ ._dark_afka1x_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,18 +60,18 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_prgw1k_6{
63
+ ._themeLight_axpybf_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_prgw1k_9{
66
+ ._themeDark_axpybf_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeS_prgw1k_13{
69
+ ._sizeS_axpybf_13{
70
70
  --_rs-collapse-vertical-padding:6px;
71
71
  --_rs-collapse-horizontal-padding:8px;
72
72
  --_rs-collapse-icon-size:20px;
73
73
  }
74
- ._sizeS_prgw1k_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
74
+ ._sizeS_axpybf_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
75
75
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
76
76
  --_rs-typography-text-transform:initial;
77
77
  --_rs-typography-font-variant-numeric:initial;
@@ -102,7 +102,7 @@
102
102
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
103
103
  --_rs-typography-link-border-bottom-width-from-text:2px;
104
104
  }
105
- ._sizeS_prgw1k_13 > [data-rs-internal='collapse__content']{
105
+ ._sizeS_axpybf_13 > [data-rs-internal='collapse__content']{
106
106
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
@@ -136,12 +136,12 @@
136
136
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
137
137
  --_rs-typography-link-border-bottom-width-from-text:1px;
138
138
  }
139
- ._sizeM_prgw1k_16{
139
+ ._sizeM_axpybf_16{
140
140
  --_rs-collapse-vertical-padding:8px;
141
141
  --_rs-collapse-horizontal-padding:8px;
142
142
  --_rs-collapse-icon-size:24px;
143
143
  }
144
- ._sizeM_prgw1k_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
144
+ ._sizeM_axpybf_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
145
145
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
146
146
  --_rs-typography-text-transform:initial;
147
147
  --_rs-typography-font-variant-numeric:initial;
@@ -172,7 +172,7 @@
172
172
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
173
173
  --_rs-typography-link-border-bottom-width-from-text:2px;
174
174
  }
175
- ._sizeM_prgw1k_16 > [data-rs-internal='collapse__content']{
175
+ ._sizeM_axpybf_16 > [data-rs-internal='collapse__content']{
176
176
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
177
177
  --_rs-typography-text-transform:initial;
178
178
  --_rs-typography-font-variant-numeric:initial;
@@ -201,22 +201,25 @@
201
201
  --_rs-typography-text-auto-offset:16px;
202
202
  --_rs-typography-ul-list-li-padding-left:22px;
203
203
  --_rs-typography-ol-list-li-padding-left:26px;
204
- --_rs-typography-list-li-margin-top-from-text:16px;
204
+ --_rs-typography-list-li-margin-top-from-text:var(
205
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
206
+ 16px
207
+ );
205
208
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
206
209
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
207
210
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
211
  }
209
212
  @media screen and (max-width: 640px){
210
- ._sizeM_prgw1k_16 > [data-rs-internal='collapse__content']{
211
- --_rs-typography-list-li-margin-top-from-text:12px;
213
+ ._sizeM_axpybf_16 > [data-rs-internal='collapse__content']{
214
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
212
215
  }
213
216
  }
214
- ._sizeL_prgw1k_19{
217
+ ._sizeL_axpybf_19{
215
218
  --_rs-collapse-vertical-padding:12px;
216
219
  --_rs-collapse-horizontal-padding:16px;
217
220
  --_rs-collapse-icon-size:28px;
218
221
  }
219
- ._sizeL_prgw1k_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
222
+ ._sizeL_axpybf_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
220
223
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
221
224
  --_rs-typography-text-transform:initial;
222
225
  --_rs-typography-font-variant-numeric:initial;
@@ -247,7 +250,7 @@
247
250
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
248
251
  --_rs-typography-link-border-bottom-width-from-text:2px;
249
252
  }
250
- ._sizeL_prgw1k_19 > [data-rs-internal='collapse__content']{
253
+ ._sizeL_axpybf_19 > [data-rs-internal='collapse__content']{
251
254
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
252
255
  --_rs-typography-text-transform:initial;
253
256
  --_rs-typography-font-variant-numeric:initial;
@@ -276,17 +279,20 @@
276
279
  --_rs-typography-text-auto-offset:32px;
277
280
  --_rs-typography-ul-list-li-padding-left:26px;
278
281
  --_rs-typography-ol-list-li-padding-left:32px;
279
- --_rs-typography-list-li-margin-top-from-text:24px;
282
+ --_rs-typography-list-li-margin-top-from-text:var(
283
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
284
+ 24px
285
+ );
280
286
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
281
287
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
282
288
  --_rs-typography-link-border-bottom-width-from-text:1px;
283
289
  }
284
290
  @media screen and (max-width: 640px){
285
- ._sizeL_prgw1k_19 > [data-rs-internal='collapse__content']{
286
- --_rs-typography-list-li-margin-top-from-text:16px;
291
+ ._sizeL_axpybf_19 > [data-rs-internal='collapse__content']{
292
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
287
293
  }
288
294
  }
289
- ._classic_prgw1k_23{
295
+ ._classic_axpybf_23{
290
296
  --_rs-collapse-active-theme-flip:0;
291
297
  --_rs-collapse-active-background:rgba(
292
298
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
@@ -300,7 +306,7 @@
300
306
  );
301
307
  --_rs-collapse-button-hover-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 1);
302
308
  }
303
- ._rock_prgw1k_26{
309
+ ._rock_axpybf_26{
304
310
  --_rs-collapse-active-theme-flip:1;
305
311
  --_rs-collapse-active-background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
306
312
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -311,7 +317,7 @@
311
317
  );
312
318
  --_rs-collapse-button-hover-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 1);
313
319
  }
314
- ._clear_prgw1k_29{
320
+ ._clear_axpybf_29{
315
321
  --_rs-collapse-active-theme-flip:0;
316
322
  --_rs-collapse-active-background:transparent;
317
323
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -322,27 +328,27 @@
322
328
  0.7
323
329
  );
324
330
  }
325
- ._hasBorderBottom_prgw1k_33{
331
+ ._hasBorderBottom_axpybf_33{
326
332
  --_rs-collapse-border-bottom-width-or-initial:1px;
327
333
  }
328
- ._leftIcon_prgw1k_37{
334
+ ._leftIcon_axpybf_37{
329
335
  --_rs-collapse-button-flex-direction:row;
330
336
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
331
337
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
332
338
  }
333
- ._rightIcon_prgw1k_40{
339
+ ._rightIcon_axpybf_40{
334
340
  --_rs-collapse-button-flex-direction:row-reverse;
335
341
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
336
342
  --_rs-collapse-inner-wrapper-padding-left-base:var(
337
343
  --_rs-collapse-horizontal-padding
338
344
  );
339
345
  }
340
- ._disableLeftPadding_prgw1k_44{
346
+ ._disableLeftPadding_axpybf_44{
341
347
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
342
348
  --_rs-collapse-horizontal-padding
343
349
  );
344
350
  }
345
- ._main_prgw1k_48{
351
+ ._main_axpybf_48{
346
352
  --_rs-theme-dark:var(
347
353
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
348
354
  var(--rs-theme-dark, 0)
@@ -352,7 +358,7 @@
352
358
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
353
359
  }
354
360
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
355
- ._main_prgw1k_48{
361
+ ._main_axpybf_48{
356
362
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
357
363
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
358
364
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -361,7 +367,7 @@
361
367
  }
362
368
  }
363
369
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
364
- ._main_prgw1k_48{
370
+ ._main_axpybf_48{
365
371
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
366
372
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
367
373
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -369,7 +375,7 @@
369
375
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
370
376
  }
371
377
  }
372
- ._main_prgw1k_48 {
378
+ ._main_axpybf_48 {
373
379
  --_rs-collapse-border-bottom-width:var(
374
380
  --_rs-collapse-border-bottom-width-or-initial,
375
381
  0px
@@ -384,9 +390,9 @@
384
390
  border-bottom:var(--_rs-collapse-border-bottom-width) solid rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
385
391
  border-radius:var(--rs-collapse-border-radius, 0px);
386
392
  }
387
- ._main_prgw1k_48._opening_prgw1k_59,
388
- ._main_prgw1k_48._opened_prgw1k_60,
389
- ._main_prgw1k_48._closing_prgw1k_61{
393
+ ._main_axpybf_48._opening_axpybf_59,
394
+ ._main_axpybf_48._opened_axpybf_60,
395
+ ._main_axpybf_48._closing_axpybf_61{
390
396
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
391
397
 
392
398
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -396,7 +402,7 @@
396
402
  background:var(--_rs-collapse-active-background);
397
403
  }
398
404
  @media (hover: hover){
399
- ._main_prgw1k_48:hover{
405
+ ._main_axpybf_48:hover{
400
406
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
401
407
 
402
408
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -406,7 +412,7 @@
406
412
  background:var(--_rs-collapse-active-background);
407
413
  }
408
414
  }
409
- ._title_prgw1k_95{
415
+ ._title_axpybf_95{
410
416
  letter-spacing:var(
411
417
  --rs-text-base-letter-spacing,
412
418
  var(--_rs-typography-letter-spacing)
@@ -423,7 +429,7 @@
423
429
 
424
430
  color:inherit;
425
431
  }
426
- ._content_prgw1k_103{
432
+ ._content_axpybf_103{
427
433
  letter-spacing:var(
428
434
  --rs-text-base-letter-spacing,
429
435
  var(--_rs-typography-letter-spacing)
@@ -444,22 +450,22 @@
444
450
 
445
451
  height:0;
446
452
  }
447
- ._closed_prgw1k_111 > ._content_prgw1k_103{
453
+ ._closed_axpybf_111 > ._content_axpybf_103{
448
454
  display:none;
449
455
  }
450
- ._opened_prgw1k_60 > ._content_prgw1k_103{
456
+ ._opened_axpybf_60 > ._content_axpybf_103{
451
457
  height:initial;
452
458
  }
453
- ._opening_prgw1k_59 > ._content_prgw1k_103,
454
- ._closingTransition_prgw1k_120 > ._content_prgw1k_103{
459
+ ._opening_axpybf_59 > ._content_axpybf_103,
460
+ ._closingTransition_axpybf_120 > ._content_axpybf_103{
455
461
  overflow:hidden;
456
462
 
457
463
  transition:height 300ms;
458
464
  }
459
- ._innerWrapper_prgw1k_127{
465
+ ._innerWrapper_axpybf_127{
460
466
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
461
467
  }
462
- ._button_prgw1k_133{
468
+ ._button_axpybf_133{
463
469
  color:var(
464
470
  --rs-color-hard,
465
471
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
@@ -492,24 +498,24 @@
492
498
  -moz-osx-font-smoothing:inherit;
493
499
  -webkit-appearance:none;
494
500
  }
495
- ._button_prgw1k_133::-moz-focus-inner{
501
+ ._button_axpybf_133::-moz-focus-inner{
496
502
  padding:0;
497
503
 
498
504
  border:0;
499
505
  }
500
- ._button_prgw1k_133:focus{
506
+ ._button_axpybf_133:focus{
501
507
  outline:none;
502
508
  }
503
- ._button_prgw1k_133:focus[data-focus-method='key']{
509
+ ._button_axpybf_133:focus[data-focus-method='key']{
504
510
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
505
511
  }
506
512
  @media (hover: hover){
507
- ._button_prgw1k_133:hover{
513
+ ._button_axpybf_133:hover{
508
514
  color:var(--_rs-collapse-button-hover-color);
509
515
  background:var(--_rs-collapse-button-hover-background);
510
516
  }
511
517
  }
512
- ._icon_prgw1k_186{
518
+ ._icon_axpybf_186{
513
519
  position:relative;
514
520
  top:0;
515
521
  left:0;
@@ -525,34 +531,34 @@
525
531
 
526
532
  will-change:transform;
527
533
  }
528
- ._opening_prgw1k_59._iconPlus_prgw1k_202 > ._button_prgw1k_133 > ._icon_prgw1k_186,
529
- ._opened_prgw1k_60._iconPlus_prgw1k_202 > ._button_prgw1k_133 > ._icon_prgw1k_186{
534
+ ._opening_axpybf_59._iconPlus_axpybf_202 > ._button_axpybf_133 > ._icon_axpybf_186,
535
+ ._opened_axpybf_60._iconPlus_axpybf_202 > ._button_axpybf_133 > ._icon_axpybf_186{
530
536
  transform:rotate(45deg);
531
537
  }
532
- ._opening_prgw1k_59._iconArrow_prgw1k_207 > ._button_prgw1k_133 > ._icon_prgw1k_186,
533
- ._opened_prgw1k_60._iconArrow_prgw1k_207 > ._button_prgw1k_133 > ._icon_prgw1k_186{
538
+ ._opening_axpybf_59._iconArrow_axpybf_207 > ._button_axpybf_133 > ._icon_axpybf_186,
539
+ ._opened_axpybf_60._iconArrow_axpybf_207 > ._button_axpybf_133 > ._icon_axpybf_186{
534
540
  transform:rotate(90deg);
535
541
  }
536
- ._accordion_prgw1k_213{
542
+ ._accordion_axpybf_213{
537
543
  display:flex;
538
544
  flex-direction:column;
539
545
  row-gap:var(--_rs-collapse-accordion-gap);
540
546
  }
541
- ._accordionGap0_prgw1k_218{
547
+ ._accordionGap0_axpybf_218{
542
548
  --_rs-collapse-accordion-gap:0px;
543
549
  }
544
- ._accordionGap8_prgw1k_221{
550
+ ._accordionGap8_axpybf_221{
545
551
  --_rs-collapse-accordion-gap:8px;
546
552
  }
547
- ._accordionGap12_prgw1k_224{
553
+ ._accordionGap12_axpybf_224{
548
554
  --_rs-collapse-accordion-gap:12px;
549
555
  }
550
- ._accordionGap16_prgw1k_227{
556
+ ._accordionGap16_axpybf_227{
551
557
  --_rs-collapse-accordion-gap:16px;
552
558
  }
553
- ._accordionGap24_prgw1k_230{
559
+ ._accordionGap24_axpybf_230{
554
560
  --_rs-collapse-accordion-gap:24px;
555
561
  }
556
- ._accordionGap32_prgw1k_233{
562
+ ._accordionGap32_axpybf_233{
557
563
  --_rs-collapse-accordion-gap:32px;
558
564
  }
package/lib/public-api.p.css CHANGED
@@ -136,14 +136,17 @@
136
136
  --_rs-typography-text-auto-offset:16px;
137
137
  --_rs-typography-ul-list-li-padding-left:22px;
138
138
  --_rs-typography-ol-list-li-padding-left:26px;
139
- --_rs-typography-list-li-margin-top-from-text:16px;
139
+ --_rs-typography-list-li-margin-top-from-text:var(
140
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
141
+ 16px
142
+ );
140
143
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
141
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
142
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
143
146
  }
144
147
  @media screen and (max-width: 640px){
145
148
  &[class] > [data-rs-internal='collapse__content']{
146
- --_rs-typography-list-li-margin-top-from-text:12px;
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
147
150
  }
148
151
  }
149
152
  }
@@ -213,14 +216,17 @@
213
216
  --_rs-typography-text-auto-offset:32px;
214
217
  --_rs-typography-ul-list-li-padding-left:26px;
215
218
  --_rs-typography-ol-list-li-padding-left:32px;
216
- --_rs-typography-list-li-margin-top-from-text:24px;
219
+ --_rs-typography-list-li-margin-top-from-text:var(
220
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
221
+ 24px
222
+ );
217
223
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
218
224
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
219
225
  --_rs-typography-link-border-bottom-width-from-text:1px;
220
226
  }
221
227
  @media screen and (max-width: 640px){
222
228
  &[class] > [data-rs-internal='collapse__content']{
223
- --_rs-typography-list-li-margin-top-from-text:16px;
229
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
224
230
  }
225
231
  }
226
232
  }
@@ -426,14 +432,17 @@
426
432
  --_rs-typography-text-auto-offset:16px;
427
433
  --_rs-typography-ul-list-li-padding-left:22px;
428
434
  --_rs-typography-ol-list-li-padding-left:26px;
429
- --_rs-typography-list-li-margin-top-from-text:16px;
435
+ --_rs-typography-list-li-margin-top-from-text:var(
436
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
437
+ 16px
438
+ );
430
439
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
431
440
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
432
441
  --_rs-typography-link-border-bottom-width-from-text:1px;
433
442
  }
434
443
  @media screen and (max-width: 640px){
435
444
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
436
- --_rs-typography-list-li-margin-top-from-text:12px;
445
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
437
446
  }
438
447
  }
439
448
  }
@@ -503,14 +512,17 @@
503
512
  --_rs-typography-text-auto-offset:32px;
504
513
  --_rs-typography-ul-list-li-padding-left:26px;
505
514
  --_rs-typography-ol-list-li-padding-left:32px;
506
- --_rs-typography-list-li-margin-top-from-text:24px;
515
+ --_rs-typography-list-li-margin-top-from-text:var(
516
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
517
+ 24px
518
+ );
507
519
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
508
520
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
509
521
  --_rs-typography-link-border-bottom-width-from-text:1px;
510
522
  }
511
523
  @media screen and (max-width: 640px){
512
524
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
513
- --_rs-typography-list-li-margin-top-from-text:16px;
525
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
514
526
  }
515
527
  }
516
528
  }
package/lib/public-api.pcss CHANGED
@@ -136,14 +136,17 @@
136
136
  --_rs-typography-text-auto-offset:16px;
137
137
  --_rs-typography-ul-list-li-padding-left:22px;
138
138
  --_rs-typography-ol-list-li-padding-left:26px;
139
- --_rs-typography-list-li-margin-top-from-text:16px;
139
+ --_rs-typography-list-li-margin-top-from-text:var(
140
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
141
+ 16px
142
+ );
140
143
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
141
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
142
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
143
146
  }
144
147
  @media screen and (max-width: 640px){
145
148
  &[class] > [data-rs-internal='collapse__content']{
146
- --_rs-typography-list-li-margin-top-from-text:12px;
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
147
150
  }
148
151
  }
149
152
  }
@@ -213,14 +216,17 @@
213
216
  --_rs-typography-text-auto-offset:32px;
214
217
  --_rs-typography-ul-list-li-padding-left:26px;
215
218
  --_rs-typography-ol-list-li-padding-left:32px;
216
- --_rs-typography-list-li-margin-top-from-text:24px;
219
+ --_rs-typography-list-li-margin-top-from-text:var(
220
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
221
+ 24px
222
+ );
217
223
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
218
224
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
219
225
  --_rs-typography-link-border-bottom-width-from-text:1px;
220
226
  }
221
227
  @media screen and (max-width: 640px){
222
228
  &[class] > [data-rs-internal='collapse__content']{
223
- --_rs-typography-list-li-margin-top-from-text:16px;
229
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
224
230
  }
225
231
  }
226
232
  }
@@ -426,14 +432,17 @@
426
432
  --_rs-typography-text-auto-offset:16px;
427
433
  --_rs-typography-ul-list-li-padding-left:22px;
428
434
  --_rs-typography-ol-list-li-padding-left:26px;
429
- --_rs-typography-list-li-margin-top-from-text:16px;
435
+ --_rs-typography-list-li-margin-top-from-text:var(
436
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
437
+ 16px
438
+ );
430
439
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
431
440
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
432
441
  --_rs-typography-link-border-bottom-width-from-text:1px;
433
442
  }
434
443
  @media screen and (max-width: 640px){
435
444
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
436
- --_rs-typography-list-li-margin-top-from-text:12px;
445
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
437
446
  }
438
447
  }
439
448
  }
@@ -503,14 +512,17 @@
503
512
  --_rs-typography-text-auto-offset:32px;
504
513
  --_rs-typography-ul-list-li-padding-left:26px;
505
514
  --_rs-typography-ol-list-li-padding-left:32px;
506
- --_rs-typography-list-li-margin-top-from-text:24px;
515
+ --_rs-typography-list-li-margin-top-from-text:var(
516
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
517
+ 24px
518
+ );
507
519
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
508
520
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
509
521
  --_rs-typography-link-border-bottom-width-from-text:1px;
510
522
  }
511
523
  @media screen and (max-width: 640px){
512
524
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
513
- --_rs-typography-list-li-margin-top-from-text:16px;
525
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
514
526
  }
515
527
  }
516
528
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.12",
3
+ "version": "0.5.14",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,7 +27,7 @@
27
27
  "devDependencies": {
28
28
  "@rescui/colors": "^0.2.7",
29
29
  "@rescui/scripts": "^0.3.5",
30
- "@rescui/typography": "^0.21.1",
30
+ "@rescui/typography": "^0.23.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": "94b4b5531e261cde472a2218ace4a21d7b0f990f"
39
+ "gitHead": "f9a0228790b099e343e9017980e7635c12815bda"
40
40
  }