@rescui/collapse 0.5.3 → 0.5.4

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 -74
  4. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -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_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"
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_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_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"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1jmu341_4{
1
+ ._icon_ekw7ne_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_ekw7ne_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_ekw7ne_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_ekw7ne_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_ekw7ne_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1jmu341_18{
38
+ ._sizeS_ekw7ne_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1jmu341_22{
41
+ ._sizeM_ekw7ne_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1jmu341_26{
44
+ ._sizeL_ekw7ne_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1jmu341_30{
47
+ ._light_ekw7ne_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_ekw7ne_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_1myve4k_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._themeDark_1mt5o2n_9{
78
+ ._themeDark_1myve4k_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeS_1mt5o2n_13{
81
+ ._sizeS_1myve4k_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_1myve4k_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;
@@ -111,7 +111,7 @@
111
111
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
112
112
  --_rs-typography-link-border-bottom-width-from-text:2px;
113
113
  }
114
- ._sizeS_1mt5o2n_13 > [data-rs-internal='collapse__content']{
114
+ ._sizeS_1myve4k_13 > [data-rs-internal='collapse__content']{
115
115
  --_rs-typography-letter-spacing:0.0045em;
116
116
  --_rs-typography-text-transform:initial;
117
117
  --_rs-typography-font-variant-numeric:initial;
@@ -145,12 +145,12 @@
145
145
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
146
146
  --_rs-typography-link-border-bottom-width-from-text:1px;
147
147
  }
148
- ._sizeM_1mt5o2n_16{
148
+ ._sizeM_1myve4k_16{
149
149
  --_rs-collapse-vertical-padding:8px;
150
150
  --_rs-collapse-horizontal-padding:8px;
151
151
  --_rs-collapse-icon-size:24px;
152
152
  }
153
- ._sizeM_1mt5o2n_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
153
+ ._sizeM_1myve4k_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
154
154
  --_rs-typography-letter-spacing:normal;
155
155
  --_rs-typography-text-transform:initial;
156
156
  --_rs-typography-font-variant-numeric:initial;
@@ -178,7 +178,7 @@
178
178
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
179
179
  --_rs-typography-link-border-bottom-width-from-text:2px;
180
180
  }
181
- ._sizeM_1mt5o2n_16 > [data-rs-internal='collapse__content']{
181
+ ._sizeM_1myve4k_16 > [data-rs-internal='collapse__content']{
182
182
  --_rs-typography-letter-spacing:0.0015em;
183
183
  --_rs-typography-text-transform:initial;
184
184
  --_rs-typography-font-variant-numeric:initial;
@@ -213,16 +213,16 @@
213
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
214
214
  }
215
215
  @media screen and (max-width: 640px){
216
- ._sizeM_1mt5o2n_16 > [data-rs-internal='collapse__content']{
216
+ ._sizeM_1myve4k_16 > [data-rs-internal='collapse__content']{
217
217
  --_rs-typography-list-li-margin-top-from-text:12px;
218
218
  }
219
219
  }
220
- ._sizeL_1mt5o2n_19{
220
+ ._sizeL_1myve4k_19{
221
221
  --_rs-collapse-vertical-padding:12px;
222
222
  --_rs-collapse-horizontal-padding:16px;
223
223
  --_rs-collapse-icon-size:28px;
224
224
  }
225
- ._sizeL_1mt5o2n_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
225
+ ._sizeL_1myve4k_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
226
226
  --_rs-typography-letter-spacing:normal;
227
227
  --_rs-typography-text-transform:initial;
228
228
  --_rs-typography-font-variant-numeric:initial;
@@ -250,7 +250,7 @@
250
250
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
251
251
  --_rs-typography-link-border-bottom-width-from-text:2px;
252
252
  }
253
- ._sizeL_1mt5o2n_19 > [data-rs-internal='collapse__content']{
253
+ ._sizeL_1myve4k_19 > [data-rs-internal='collapse__content']{
254
254
  --_rs-typography-letter-spacing:normal;
255
255
  --_rs-typography-text-transform:initial;
256
256
  --_rs-typography-font-variant-numeric:initial;
@@ -285,11 +285,11 @@
285
285
  --_rs-typography-link-border-bottom-width-from-text:1px;
286
286
  }
287
287
  @media screen and (max-width: 640px){
288
- ._sizeL_1mt5o2n_19 > [data-rs-internal='collapse__content']{
288
+ ._sizeL_1myve4k_19 > [data-rs-internal='collapse__content']{
289
289
  --_rs-typography-list-li-margin-top-from-text:16px;
290
290
  }
291
291
  }
292
- ._classic_1mt5o2n_23{
292
+ ._classic_1myve4k_23{
293
293
  --_rs-collapse-active-theme-flip:0;
294
294
  --_rs-collapse-active-background:rgba(
295
295
  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 +303,7 @@
303
303
  );
304
304
  --_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
305
  }
306
- ._rock_1mt5o2n_26{
306
+ ._rock_1myve4k_26{
307
307
  --_rs-collapse-active-theme-flip:1;
308
308
  --_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
309
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -314,7 +314,7 @@
314
314
  );
315
315
  --_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
316
  }
317
- ._clear_1mt5o2n_29{
317
+ ._clear_1myve4k_29{
318
318
  --_rs-collapse-active-theme-flip:0;
319
319
  --_rs-collapse-active-background:transparent;
320
320
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -325,27 +325,27 @@
325
325
  0.7
326
326
  );
327
327
  }
328
- ._hasBorderBottom_1mt5o2n_33{
328
+ ._hasBorderBottom_1myve4k_33{
329
329
  --_rs-collapse-border-bottom-width-or-initial:1px;
330
330
  }
331
- ._leftIcon_1mt5o2n_37{
331
+ ._leftIcon_1myve4k_37{
332
332
  --_rs-collapse-button-flex-direction:row;
333
333
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
334
334
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
335
335
  }
336
- ._rightIcon_1mt5o2n_40{
336
+ ._rightIcon_1myve4k_40{
337
337
  --_rs-collapse-button-flex-direction:row-reverse;
338
338
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
339
339
  --_rs-collapse-inner-wrapper-padding-left-base:var(
340
340
  --_rs-collapse-horizontal-padding
341
341
  );
342
342
  }
343
- ._disableLeftPadding_1mt5o2n_44{
343
+ ._disableLeftPadding_1myve4k_44{
344
344
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
345
345
  --_rs-collapse-horizontal-padding
346
346
  );
347
347
  }
348
- ._main_1mt5o2n_48{
348
+ ._main_1myve4k_48{
349
349
  --_rs-theme-dark:var(
350
350
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
351
351
  var(--rs-theme-dark, 0)
@@ -355,7 +355,7 @@
355
355
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
356
356
  }
357
357
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
358
- ._main_1mt5o2n_48{
358
+ ._main_1myve4k_48{
359
359
  --_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
360
  --_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
361
  --_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 +364,7 @@
364
364
  }
365
365
  }
366
366
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
367
- ._main_1mt5o2n_48{
367
+ ._main_1myve4k_48{
368
368
  --_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
369
  --_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
370
  --_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 +372,7 @@
372
372
  --_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
373
  }
374
374
  }
375
- ._main_1mt5o2n_48 {
375
+ ._main_1myve4k_48 {
376
376
  --_rs-collapse-border-bottom-width:var(
377
377
  --_rs-collapse-border-bottom-width-or-initial,
378
378
  0px
@@ -387,9 +387,9 @@
387
387
  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
388
  border-radius:var(--rs-collapse-border-radius, 0px);
389
389
  }
390
- ._main_1mt5o2n_48._opening_1mt5o2n_59,
391
- ._main_1mt5o2n_48._opened_1mt5o2n_60,
392
- ._main_1mt5o2n_48._closing_1mt5o2n_61{
390
+ ._main_1myve4k_48._opening_1myve4k_59,
391
+ ._main_1myve4k_48._opened_1myve4k_60,
392
+ ._main_1myve4k_48._closing_1myve4k_61{
393
393
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
394
394
 
395
395
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -399,7 +399,7 @@
399
399
  background:var(--_rs-collapse-active-background);
400
400
  }
401
401
  @media (hover: hover){
402
- ._main_1mt5o2n_48:hover{
402
+ ._main_1myve4k_48:hover{
403
403
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
404
404
 
405
405
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -409,7 +409,7 @@
409
409
  background:var(--_rs-collapse-active-background);
410
410
  }
411
411
  }
412
- ._title_1mt5o2n_95{
412
+ ._title_1myve4k_95{
413
413
  letter-spacing:var(
414
414
  --rs-text-base-letter-spacing,
415
415
  var(--_rs-typography-letter-spacing)
@@ -422,12 +422,6 @@
422
422
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
423
423
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
424
424
  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
425
 
432
426
  -webkit-box-flex:1;
433
427
 
@@ -437,7 +431,7 @@
437
431
 
438
432
  color:inherit;
439
433
  }
440
- ._content_1mt5o2n_103{
434
+ ._content_1myve4k_103{
441
435
  letter-spacing:var(
442
436
  --rs-text-base-letter-spacing,
443
437
  var(--_rs-typography-letter-spacing)
@@ -450,12 +444,6 @@
450
444
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
451
445
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
452
446
  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
447
  --_rs-typography-hardness-color:var(
460
448
  --rs-color-hard,
461
449
  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))
@@ -467,24 +455,24 @@
467
455
 
468
456
  color:var(--_rs-typography-hardness-color);
469
457
  }
470
- ._closed_1mt5o2n_113 > ._content_1mt5o2n_103{
458
+ ._closed_1myve4k_113 > ._content_1myve4k_103{
471
459
  display:none;
472
460
  }
473
- ._opened_1mt5o2n_60 > ._content_1mt5o2n_103{
461
+ ._opened_1myve4k_60 > ._content_1myve4k_103{
474
462
  height:initial;
475
463
  }
476
- ._opening_1mt5o2n_59 > ._content_1mt5o2n_103,
477
- ._closingTransition_1mt5o2n_122 > ._content_1mt5o2n_103{
464
+ ._opening_1myve4k_59 > ._content_1myve4k_103,
465
+ ._closingTransition_1myve4k_122 > ._content_1myve4k_103{
478
466
  overflow:hidden;
479
467
 
480
468
  -webkit-transition:height 300ms;
481
469
 
482
470
  transition:height 300ms;
483
471
  }
484
- ._innerWrapper_1mt5o2n_129{
472
+ ._innerWrapper_1myve4k_129{
485
473
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
486
474
  }
487
- ._button_1mt5o2n_135{
475
+ ._button_1myve4k_135{
488
476
  --_rs-typography-hardness-color:var(
489
477
  --rs-color-hard,
490
478
  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))
@@ -529,25 +517,25 @@
529
517
  -moz-osx-font-smoothing:inherit;
530
518
  -webkit-appearance:none;
531
519
  }
532
- ._button_1mt5o2n_135::-moz-focus-inner{
520
+ ._button_1myve4k_135::-moz-focus-inner{
533
521
  padding:0;
534
522
 
535
523
  border:0;
536
524
  }
537
- ._button_1mt5o2n_135:focus{
525
+ ._button_1myve4k_135:focus{
538
526
  outline:none;
539
527
  }
540
- ._button_1mt5o2n_135:focus[data-focus-method='key']{
528
+ ._button_1myve4k_135:focus[data-focus-method='key']{
541
529
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
542
530
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
543
531
  }
544
532
  @media (hover: hover){
545
- ._button_1mt5o2n_135:hover{
533
+ ._button_1myve4k_135:hover{
546
534
  color:var(--_rs-collapse-button-hover-color);
547
535
  background:var(--_rs-collapse-button-hover-background);
548
536
  }
549
537
  }
550
- ._icon_1mt5o2n_190{
538
+ ._icon_1myve4k_190{
551
539
  position:relative;
552
540
  top:0;
553
541
  left:0;
@@ -574,17 +562,17 @@
574
562
 
575
563
  will-change:transform;
576
564
  }
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{
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{
579
567
  -webkit-transform:rotate(45deg);
580
568
  transform:rotate(45deg);
581
569
  }
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{
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{
584
572
  -webkit-transform:rotate(90deg);
585
573
  transform:rotate(90deg);
586
574
  }
587
- ._accordion_1mt5o2n_217{
575
+ ._accordion_1myve4k_217{
588
576
  display:-webkit-box;
589
577
  display:-ms-flexbox;
590
578
  display:flex;
@@ -594,21 +582,21 @@
594
582
  flex-direction:column;
595
583
  row-gap:var(--_rs-collapse-accordion-gap);
596
584
  }
597
- ._accordionGap0_1mt5o2n_222{
585
+ ._accordionGap0_1myve4k_222{
598
586
  --_rs-collapse-accordion-gap:0px;
599
587
  }
600
- ._accordionGap8_1mt5o2n_225{
588
+ ._accordionGap8_1myve4k_225{
601
589
  --_rs-collapse-accordion-gap:8px;
602
590
  }
603
- ._accordionGap12_1mt5o2n_228{
591
+ ._accordionGap12_1myve4k_228{
604
592
  --_rs-collapse-accordion-gap:12px;
605
593
  }
606
- ._accordionGap16_1mt5o2n_231{
594
+ ._accordionGap16_1myve4k_231{
607
595
  --_rs-collapse-accordion-gap:16px;
608
596
  }
609
- ._accordionGap24_1mt5o2n_234{
597
+ ._accordionGap24_1myve4k_234{
610
598
  --_rs-collapse-accordion-gap:24px;
611
599
  }
612
- ._accordionGap32_1mt5o2n_237{
600
+ ._accordionGap32_1myve4k_237{
613
601
  --_rs-collapse-accordion-gap:32px;
614
602
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.3",
3
+ "version": "0.5.4",
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.3",
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.3",
29
+ "@rescui/scripts": "^0.3.3",
30
+ "@rescui/typography": "^0.17.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": "b422496bacb5df4a601008c646abfb08cebe461c"
40
40
  }