@rescui/collapse 0.5.7 → 0.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/collapse.p.module.css.js +32 -32
  3. package/lib/index.css +62 -62
  4. package/package.json +3 -3
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1s8ufti_4",
3
- "sizeXS": "_sizeXS_1s8ufti_14",
4
- "sizeS": "_sizeS_1s8ufti_18",
5
- "sizeM": "_sizeM_1s8ufti_22",
6
- "sizeL": "_sizeL_1s8ufti_26",
7
- "light": "_light_1s8ufti_30",
8
- "dark": "_dark_1s8ufti_34"
2
+ "icon": "_icon_1g6zqe1_4",
3
+ "sizeXS": "_sizeXS_1g6zqe1_14",
4
+ "sizeS": "_sizeS_1g6zqe1_18",
5
+ "sizeM": "_sizeM_1g6zqe1_22",
6
+ "sizeL": "_sizeL_1g6zqe1_26",
7
+ "light": "_light_1g6zqe1_30",
8
+ "dark": "_dark_1g6zqe1_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_mkddrc_6",
3
- "themeDark": "_themeDark_mkddrc_9",
4
- "sizeS": "_sizeS_mkddrc_13",
5
- "sizeM": "_sizeM_mkddrc_16",
6
- "sizeL": "_sizeL_mkddrc_19",
7
- "classic": "_classic_mkddrc_23",
8
- "rock": "_rock_mkddrc_26",
9
- "clear": "_clear_mkddrc_29",
10
- "hasBorderBottom": "_hasBorderBottom_mkddrc_33",
11
- "leftIcon": "_leftIcon_mkddrc_37",
12
- "rightIcon": "_rightIcon_mkddrc_40",
13
- "disableLeftPadding": "_disableLeftPadding_mkddrc_44",
14
- "main": "_main_mkddrc_48",
15
- "opening": "_opening_mkddrc_59",
16
- "opened": "_opened_mkddrc_60",
17
- "closing": "_closing_mkddrc_61",
18
- "title": "_title_mkddrc_95",
19
- "content": "_content_mkddrc_103",
20
- "closed": "_closed_mkddrc_111",
21
- "closingTransition": "_closingTransition_mkddrc_120",
22
- "innerWrapper": "_innerWrapper_mkddrc_127",
23
- "button": "_button_mkddrc_133",
24
- "icon": "_icon_mkddrc_186",
25
- "iconPlus": "_iconPlus_mkddrc_202",
26
- "iconArrow": "_iconArrow_mkddrc_207",
27
- "accordion": "_accordion_mkddrc_213",
28
- "accordionGap0": "_accordionGap0_mkddrc_218",
29
- "accordionGap8": "_accordionGap8_mkddrc_221",
30
- "accordionGap12": "_accordionGap12_mkddrc_224",
31
- "accordionGap16": "_accordionGap16_mkddrc_227",
32
- "accordionGap24": "_accordionGap24_mkddrc_230",
33
- "accordionGap32": "_accordionGap32_mkddrc_233"
2
+ "themeLight": "_themeLight_1vcpvif_6",
3
+ "themeDark": "_themeDark_1vcpvif_9",
4
+ "sizeS": "_sizeS_1vcpvif_13",
5
+ "sizeM": "_sizeM_1vcpvif_16",
6
+ "sizeL": "_sizeL_1vcpvif_19",
7
+ "classic": "_classic_1vcpvif_23",
8
+ "rock": "_rock_1vcpvif_26",
9
+ "clear": "_clear_1vcpvif_29",
10
+ "hasBorderBottom": "_hasBorderBottom_1vcpvif_33",
11
+ "leftIcon": "_leftIcon_1vcpvif_37",
12
+ "rightIcon": "_rightIcon_1vcpvif_40",
13
+ "disableLeftPadding": "_disableLeftPadding_1vcpvif_44",
14
+ "main": "_main_1vcpvif_48",
15
+ "opening": "_opening_1vcpvif_59",
16
+ "opened": "_opened_1vcpvif_60",
17
+ "closing": "_closing_1vcpvif_61",
18
+ "title": "_title_1vcpvif_95",
19
+ "content": "_content_1vcpvif_103",
20
+ "closed": "_closed_1vcpvif_111",
21
+ "closingTransition": "_closingTransition_1vcpvif_120",
22
+ "innerWrapper": "_innerWrapper_1vcpvif_127",
23
+ "button": "_button_1vcpvif_133",
24
+ "icon": "_icon_1vcpvif_186",
25
+ "iconPlus": "_iconPlus_1vcpvif_202",
26
+ "iconArrow": "_iconArrow_1vcpvif_207",
27
+ "accordion": "_accordion_1vcpvif_213",
28
+ "accordionGap0": "_accordionGap0_1vcpvif_218",
29
+ "accordionGap8": "_accordionGap8_1vcpvif_221",
30
+ "accordionGap12": "_accordionGap12_1vcpvif_224",
31
+ "accordionGap16": "_accordionGap16_1vcpvif_227",
32
+ "accordionGap24": "_accordionGap24_1vcpvif_230",
33
+ "accordionGap32": "_accordionGap32_1vcpvif_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1s8ufti_4{
1
+ ._icon_1g6zqe1_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_1s8ufti_4{
11
+ ._icon_1g6zqe1_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_1s8ufti_4{
20
+ ._icon_1g6zqe1_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_1s8ufti_4{
28
+ ._icon_1g6zqe1_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_1s8ufti_14{
35
+ ._sizeXS_1g6zqe1_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1s8ufti_18{
38
+ ._sizeS_1g6zqe1_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1s8ufti_22{
41
+ ._sizeM_1g6zqe1_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1s8ufti_26{
44
+ ._sizeL_1g6zqe1_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1s8ufti_30{
47
+ ._light_1g6zqe1_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_1s8ufti_34{
51
+ ._dark_1g6zqe1_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_mkddrc_6{
75
+ ._themeLight_1vcpvif_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._themeDark_mkddrc_9{
78
+ ._themeDark_1vcpvif_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeS_mkddrc_13{
81
+ ._sizeS_1vcpvif_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_mkddrc_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
86
+ ._sizeS_1vcpvif_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;
@@ -114,7 +114,7 @@
114
114
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
115
115
  --_rs-typography-link-border-bottom-width-from-text:2px;
116
116
  }
117
- ._sizeS_mkddrc_13 > [data-rs-internal='collapse__content']{
117
+ ._sizeS_1vcpvif_13 > [data-rs-internal='collapse__content']{
118
118
  --_rs-typography-letter-spacing:0.0045em;
119
119
  --_rs-typography-text-transform:initial;
120
120
  --_rs-typography-font-variant-numeric:initial;
@@ -148,12 +148,12 @@
148
148
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
149
149
  --_rs-typography-link-border-bottom-width-from-text:1px;
150
150
  }
151
- ._sizeM_mkddrc_16{
151
+ ._sizeM_1vcpvif_16{
152
152
  --_rs-collapse-vertical-padding:8px;
153
153
  --_rs-collapse-horizontal-padding:8px;
154
154
  --_rs-collapse-icon-size:24px;
155
155
  }
156
- ._sizeM_mkddrc_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
156
+ ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
157
157
  --_rs-typography-letter-spacing:normal;
158
158
  --_rs-typography-text-transform:initial;
159
159
  --_rs-typography-font-variant-numeric:initial;
@@ -184,7 +184,7 @@
184
184
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
185
185
  --_rs-typography-link-border-bottom-width-from-text:2px;
186
186
  }
187
- ._sizeM_mkddrc_16 > [data-rs-internal='collapse__content']{
187
+ ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__content']{
188
188
  --_rs-typography-letter-spacing:0.0015em;
189
189
  --_rs-typography-text-transform:initial;
190
190
  --_rs-typography-font-variant-numeric:initial;
@@ -219,16 +219,16 @@
219
219
  --_rs-typography-link-border-bottom-width-from-text:1px;
220
220
  }
221
221
  @media screen and (max-width: 640px){
222
- ._sizeM_mkddrc_16 > [data-rs-internal='collapse__content']{
222
+ ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__content']{
223
223
  --_rs-typography-list-li-margin-top-from-text:12px;
224
224
  }
225
225
  }
226
- ._sizeL_mkddrc_19{
226
+ ._sizeL_1vcpvif_19{
227
227
  --_rs-collapse-vertical-padding:12px;
228
228
  --_rs-collapse-horizontal-padding:16px;
229
229
  --_rs-collapse-icon-size:28px;
230
230
  }
231
- ._sizeL_mkddrc_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
231
+ ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
232
232
  --_rs-typography-letter-spacing:normal;
233
233
  --_rs-typography-text-transform:initial;
234
234
  --_rs-typography-font-variant-numeric:initial;
@@ -259,7 +259,7 @@
259
259
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
260
260
  --_rs-typography-link-border-bottom-width-from-text:2px;
261
261
  }
262
- ._sizeL_mkddrc_19 > [data-rs-internal='collapse__content']{
262
+ ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__content']{
263
263
  --_rs-typography-letter-spacing:normal;
264
264
  --_rs-typography-text-transform:initial;
265
265
  --_rs-typography-font-variant-numeric:initial;
@@ -294,11 +294,11 @@
294
294
  --_rs-typography-link-border-bottom-width-from-text:1px;
295
295
  }
296
296
  @media screen and (max-width: 640px){
297
- ._sizeL_mkddrc_19 > [data-rs-internal='collapse__content']{
297
+ ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__content']{
298
298
  --_rs-typography-list-li-margin-top-from-text:16px;
299
299
  }
300
300
  }
301
- ._classic_mkddrc_23{
301
+ ._classic_1vcpvif_23{
302
302
  --_rs-collapse-active-theme-flip:0;
303
303
  --_rs-collapse-active-background:rgba(
304
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),
@@ -312,7 +312,7 @@
312
312
  );
313
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);
314
314
  }
315
- ._rock_mkddrc_26{
315
+ ._rock_1vcpvif_26{
316
316
  --_rs-collapse-active-theme-flip:1;
317
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));
318
318
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -323,7 +323,7 @@
323
323
  );
324
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);
325
325
  }
326
- ._clear_mkddrc_29{
326
+ ._clear_1vcpvif_29{
327
327
  --_rs-collapse-active-theme-flip:0;
328
328
  --_rs-collapse-active-background:transparent;
329
329
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -334,27 +334,27 @@
334
334
  0.7
335
335
  );
336
336
  }
337
- ._hasBorderBottom_mkddrc_33{
337
+ ._hasBorderBottom_1vcpvif_33{
338
338
  --_rs-collapse-border-bottom-width-or-initial:1px;
339
339
  }
340
- ._leftIcon_mkddrc_37{
340
+ ._leftIcon_1vcpvif_37{
341
341
  --_rs-collapse-button-flex-direction:row;
342
342
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
343
343
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
344
344
  }
345
- ._rightIcon_mkddrc_40{
345
+ ._rightIcon_1vcpvif_40{
346
346
  --_rs-collapse-button-flex-direction:row-reverse;
347
347
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
348
348
  --_rs-collapse-inner-wrapper-padding-left-base:var(
349
349
  --_rs-collapse-horizontal-padding
350
350
  );
351
351
  }
352
- ._disableLeftPadding_mkddrc_44{
352
+ ._disableLeftPadding_1vcpvif_44{
353
353
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
354
354
  --_rs-collapse-horizontal-padding
355
355
  );
356
356
  }
357
- ._main_mkddrc_48{
357
+ ._main_1vcpvif_48{
358
358
  --_rs-theme-dark:var(
359
359
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
360
360
  var(--rs-theme-dark, 0)
@@ -364,7 +364,7 @@
364
364
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
365
365
  }
366
366
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
367
- ._main_mkddrc_48{
367
+ ._main_1vcpvif_48{
368
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)));
369
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)));
370
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)));
@@ -373,7 +373,7 @@
373
373
  }
374
374
  }
375
375
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
376
- ._main_mkddrc_48{
376
+ ._main_1vcpvif_48{
377
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);
378
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));
379
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));
@@ -381,7 +381,7 @@
381
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));
382
382
  }
383
383
  }
384
- ._main_mkddrc_48 {
384
+ ._main_1vcpvif_48 {
385
385
  --_rs-collapse-border-bottom-width:var(
386
386
  --_rs-collapse-border-bottom-width-or-initial,
387
387
  0px
@@ -396,9 +396,9 @@
396
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);
397
397
  border-radius:var(--rs-collapse-border-radius, 0px);
398
398
  }
399
- ._main_mkddrc_48._opening_mkddrc_59,
400
- ._main_mkddrc_48._opened_mkddrc_60,
401
- ._main_mkddrc_48._closing_mkddrc_61{
399
+ ._main_1vcpvif_48._opening_1vcpvif_59,
400
+ ._main_1vcpvif_48._opened_1vcpvif_60,
401
+ ._main_1vcpvif_48._closing_1vcpvif_61{
402
402
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
403
403
 
404
404
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -408,7 +408,7 @@
408
408
  background:var(--_rs-collapse-active-background);
409
409
  }
410
410
  @media (hover: hover){
411
- ._main_mkddrc_48:hover{
411
+ ._main_1vcpvif_48:hover{
412
412
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
413
413
 
414
414
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -418,7 +418,7 @@
418
418
  background:var(--_rs-collapse-active-background);
419
419
  }
420
420
  }
421
- ._title_mkddrc_95{
421
+ ._title_1vcpvif_95{
422
422
  letter-spacing:var(
423
423
  --rs-text-base-letter-spacing,
424
424
  var(--_rs-typography-letter-spacing)
@@ -440,7 +440,7 @@
440
440
 
441
441
  color:inherit;
442
442
  }
443
- ._content_mkddrc_103{
443
+ ._content_1vcpvif_103{
444
444
  letter-spacing:var(
445
445
  --rs-text-base-letter-spacing,
446
446
  var(--_rs-typography-letter-spacing)
@@ -462,24 +462,24 @@
462
462
 
463
463
  height:0;
464
464
  }
465
- ._closed_mkddrc_111 > ._content_mkddrc_103{
465
+ ._closed_1vcpvif_111 > ._content_1vcpvif_103{
466
466
  display:none;
467
467
  }
468
- ._opened_mkddrc_60 > ._content_mkddrc_103{
468
+ ._opened_1vcpvif_60 > ._content_1vcpvif_103{
469
469
  height:initial;
470
470
  }
471
- ._opening_mkddrc_59 > ._content_mkddrc_103,
472
- ._closingTransition_mkddrc_120 > ._content_mkddrc_103{
471
+ ._opening_1vcpvif_59 > ._content_1vcpvif_103,
472
+ ._closingTransition_1vcpvif_120 > ._content_1vcpvif_103{
473
473
  overflow:hidden;
474
474
 
475
475
  -webkit-transition:height 300ms;
476
476
 
477
477
  transition:height 300ms;
478
478
  }
479
- ._innerWrapper_mkddrc_127{
479
+ ._innerWrapper_1vcpvif_127{
480
480
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
481
481
  }
482
- ._button_mkddrc_133{
482
+ ._button_1vcpvif_133{
483
483
  color:var(
484
484
  --rs-color-hard,
485
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))
@@ -522,25 +522,25 @@
522
522
  -moz-osx-font-smoothing:inherit;
523
523
  -webkit-appearance:none;
524
524
  }
525
- ._button_mkddrc_133::-moz-focus-inner{
525
+ ._button_1vcpvif_133::-moz-focus-inner{
526
526
  padding:0;
527
527
 
528
528
  border:0;
529
529
  }
530
- ._button_mkddrc_133:focus{
530
+ ._button_1vcpvif_133:focus{
531
531
  outline:none;
532
532
  }
533
- ._button_mkddrc_133:focus[data-focus-method='key']{
533
+ ._button_1vcpvif_133:focus[data-focus-method='key']{
534
534
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
535
535
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
536
536
  }
537
537
  @media (hover: hover){
538
- ._button_mkddrc_133:hover{
538
+ ._button_1vcpvif_133:hover{
539
539
  color:var(--_rs-collapse-button-hover-color);
540
540
  background:var(--_rs-collapse-button-hover-background);
541
541
  }
542
542
  }
543
- ._icon_mkddrc_186{
543
+ ._icon_1vcpvif_186{
544
544
  position:relative;
545
545
  top:0;
546
546
  left:0;
@@ -567,17 +567,17 @@
567
567
 
568
568
  will-change:transform;
569
569
  }
570
- ._opening_mkddrc_59._iconPlus_mkddrc_202 > ._button_mkddrc_133 > ._icon_mkddrc_186,
571
- ._opened_mkddrc_60._iconPlus_mkddrc_202 > ._button_mkddrc_133 > ._icon_mkddrc_186{
570
+ ._opening_1vcpvif_59._iconPlus_1vcpvif_202 > ._button_1vcpvif_133 > ._icon_1vcpvif_186,
571
+ ._opened_1vcpvif_60._iconPlus_1vcpvif_202 > ._button_1vcpvif_133 > ._icon_1vcpvif_186{
572
572
  -webkit-transform:rotate(45deg);
573
573
  transform:rotate(45deg);
574
574
  }
575
- ._opening_mkddrc_59._iconArrow_mkddrc_207 > ._button_mkddrc_133 > ._icon_mkddrc_186,
576
- ._opened_mkddrc_60._iconArrow_mkddrc_207 > ._button_mkddrc_133 > ._icon_mkddrc_186{
575
+ ._opening_1vcpvif_59._iconArrow_1vcpvif_207 > ._button_1vcpvif_133 > ._icon_1vcpvif_186,
576
+ ._opened_1vcpvif_60._iconArrow_1vcpvif_207 > ._button_1vcpvif_133 > ._icon_1vcpvif_186{
577
577
  -webkit-transform:rotate(90deg);
578
578
  transform:rotate(90deg);
579
579
  }
580
- ._accordion_mkddrc_213{
580
+ ._accordion_1vcpvif_213{
581
581
  display:-webkit-box;
582
582
  display:-ms-flexbox;
583
583
  display:flex;
@@ -587,21 +587,21 @@
587
587
  flex-direction:column;
588
588
  row-gap:var(--_rs-collapse-accordion-gap);
589
589
  }
590
- ._accordionGap0_mkddrc_218{
590
+ ._accordionGap0_1vcpvif_218{
591
591
  --_rs-collapse-accordion-gap:0px;
592
592
  }
593
- ._accordionGap8_mkddrc_221{
593
+ ._accordionGap8_1vcpvif_221{
594
594
  --_rs-collapse-accordion-gap:8px;
595
595
  }
596
- ._accordionGap12_mkddrc_224{
596
+ ._accordionGap12_1vcpvif_224{
597
597
  --_rs-collapse-accordion-gap:12px;
598
598
  }
599
- ._accordionGap16_mkddrc_227{
599
+ ._accordionGap16_1vcpvif_227{
600
600
  --_rs-collapse-accordion-gap:16px;
601
601
  }
602
- ._accordionGap24_mkddrc_230{
602
+ ._accordionGap24_1vcpvif_230{
603
603
  --_rs-collapse-accordion-gap:24px;
604
604
  }
605
- ._accordionGap32_mkddrc_233{
605
+ ._accordionGap32_1vcpvif_233{
606
606
  --_rs-collapse-accordion-gap:32px;
607
607
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.7",
3
+ "version": "0.5.8",
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.5",
29
29
  "@rescui/scripts": "^0.3.4",
30
- "@rescui/typography": "^0.18.2",
30
+ "@rescui/typography": "^0.19.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": "dd4daa4d090de538f8e90608cc39027ea8018603"
39
+ "gitHead": "69a84812628809943698f0b27643c83dc449f119"
40
40
  }