@rescui/collapse 0.5.10 → 0.5.11

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 +68 -68
  4. package/lib/public-api.p.css +12 -12
  5. package/lib/public-api.pcss +12 -12
  6. package/package.json +3 -3
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_521zrc_4",
3
- "sizeXS": "_sizeXS_521zrc_14",
4
- "sizeS": "_sizeS_521zrc_18",
5
- "sizeM": "_sizeM_521zrc_22",
6
- "sizeL": "_sizeL_521zrc_26",
7
- "light": "_light_521zrc_30",
8
- "dark": "_dark_521zrc_34"
2
+ "icon": "_icon_19xlij7_4",
3
+ "sizeXS": "_sizeXS_19xlij7_14",
4
+ "sizeS": "_sizeS_19xlij7_18",
5
+ "sizeM": "_sizeM_19xlij7_22",
6
+ "sizeL": "_sizeL_19xlij7_26",
7
+ "light": "_light_19xlij7_30",
8
+ "dark": "_dark_19xlij7_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_1u3g4qe_6",
3
- "themeDark": "_themeDark_1u3g4qe_9",
4
- "sizeS": "_sizeS_1u3g4qe_13",
5
- "sizeM": "_sizeM_1u3g4qe_16",
6
- "sizeL": "_sizeL_1u3g4qe_19",
7
- "classic": "_classic_1u3g4qe_23",
8
- "rock": "_rock_1u3g4qe_26",
9
- "clear": "_clear_1u3g4qe_29",
10
- "hasBorderBottom": "_hasBorderBottom_1u3g4qe_33",
11
- "leftIcon": "_leftIcon_1u3g4qe_37",
12
- "rightIcon": "_rightIcon_1u3g4qe_40",
13
- "disableLeftPadding": "_disableLeftPadding_1u3g4qe_44",
14
- "main": "_main_1u3g4qe_48",
15
- "opening": "_opening_1u3g4qe_59",
16
- "opened": "_opened_1u3g4qe_60",
17
- "closing": "_closing_1u3g4qe_61",
18
- "title": "_title_1u3g4qe_95",
19
- "content": "_content_1u3g4qe_103",
20
- "closed": "_closed_1u3g4qe_111",
21
- "closingTransition": "_closingTransition_1u3g4qe_120",
22
- "innerWrapper": "_innerWrapper_1u3g4qe_127",
23
- "button": "_button_1u3g4qe_133",
24
- "icon": "_icon_1u3g4qe_186",
25
- "iconPlus": "_iconPlus_1u3g4qe_202",
26
- "iconArrow": "_iconArrow_1u3g4qe_207",
27
- "accordion": "_accordion_1u3g4qe_213",
28
- "accordionGap0": "_accordionGap0_1u3g4qe_218",
29
- "accordionGap8": "_accordionGap8_1u3g4qe_221",
30
- "accordionGap12": "_accordionGap12_1u3g4qe_224",
31
- "accordionGap16": "_accordionGap16_1u3g4qe_227",
32
- "accordionGap24": "_accordionGap24_1u3g4qe_230",
33
- "accordionGap32": "_accordionGap32_1u3g4qe_233"
2
+ "themeLight": "_themeLight_1ktod71_6",
3
+ "themeDark": "_themeDark_1ktod71_9",
4
+ "sizeS": "_sizeS_1ktod71_13",
5
+ "sizeM": "_sizeM_1ktod71_16",
6
+ "sizeL": "_sizeL_1ktod71_19",
7
+ "classic": "_classic_1ktod71_23",
8
+ "rock": "_rock_1ktod71_26",
9
+ "clear": "_clear_1ktod71_29",
10
+ "hasBorderBottom": "_hasBorderBottom_1ktod71_33",
11
+ "leftIcon": "_leftIcon_1ktod71_37",
12
+ "rightIcon": "_rightIcon_1ktod71_40",
13
+ "disableLeftPadding": "_disableLeftPadding_1ktod71_44",
14
+ "main": "_main_1ktod71_48",
15
+ "opening": "_opening_1ktod71_59",
16
+ "opened": "_opened_1ktod71_60",
17
+ "closing": "_closing_1ktod71_61",
18
+ "title": "_title_1ktod71_95",
19
+ "content": "_content_1ktod71_103",
20
+ "closed": "_closed_1ktod71_111",
21
+ "closingTransition": "_closingTransition_1ktod71_120",
22
+ "innerWrapper": "_innerWrapper_1ktod71_127",
23
+ "button": "_button_1ktod71_133",
24
+ "icon": "_icon_1ktod71_186",
25
+ "iconPlus": "_iconPlus_1ktod71_202",
26
+ "iconArrow": "_iconArrow_1ktod71_207",
27
+ "accordion": "_accordion_1ktod71_213",
28
+ "accordionGap0": "_accordionGap0_1ktod71_218",
29
+ "accordionGap8": "_accordionGap8_1ktod71_221",
30
+ "accordionGap12": "_accordionGap12_1ktod71_224",
31
+ "accordionGap16": "_accordionGap16_1ktod71_227",
32
+ "accordionGap24": "_accordionGap24_1ktod71_230",
33
+ "accordionGap32": "_accordionGap32_1ktod71_233"
34
34
  };
35
35
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_521zrc_4{
1
+ ._icon_19xlij7_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_521zrc_4{
11
+ ._icon_19xlij7_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_521zrc_4{
20
+ ._icon_19xlij7_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_521zrc_4{
28
+ ._icon_19xlij7_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_521zrc_14{
35
+ ._sizeXS_19xlij7_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_521zrc_18{
38
+ ._sizeS_19xlij7_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_521zrc_22{
41
+ ._sizeM_19xlij7_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_521zrc_26{
44
+ ._sizeL_19xlij7_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_521zrc_30{
47
+ ._light_19xlij7_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_521zrc_34{
51
+ ._dark_19xlij7_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,19 +60,19 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_1u3g4qe_6{
63
+ ._themeLight_1ktod71_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_1u3g4qe_9{
66
+ ._themeDark_1ktod71_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeS_1u3g4qe_13{
69
+ ._sizeS_1ktod71_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_1u3g4qe_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
75
- --_rs-typography-letter-spacing:normal;
74
+ ._sizeS_1ktod71_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
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;
78
78
  --_rs-typography-font-family:var(
@@ -102,8 +102,8 @@
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_1u3g4qe_13 > [data-rs-internal='collapse__content']{
106
- --_rs-typography-letter-spacing:0.0045em;
105
+ ._sizeS_1ktod71_13 > [data-rs-internal='collapse__content']{
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;
109
109
  --_rs-typography-font-family:var(
@@ -136,13 +136,13 @@
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_1u3g4qe_16{
139
+ ._sizeM_1ktod71_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_1u3g4qe_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
145
- --_rs-typography-letter-spacing:normal;
144
+ ._sizeM_1ktod71_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
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;
148
148
  --_rs-typography-font-family:var(
@@ -172,8 +172,8 @@
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_1u3g4qe_16 > [data-rs-internal='collapse__content']{
176
- --_rs-typography-letter-spacing:0.0015em;
175
+ ._sizeM_1ktod71_16 > [data-rs-internal='collapse__content']{
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;
179
179
  --_rs-typography-font-family:var(
@@ -207,17 +207,17 @@
207
207
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
208
  }
209
209
  @media screen and (max-width: 640px){
210
- ._sizeM_1u3g4qe_16 > [data-rs-internal='collapse__content']{
210
+ ._sizeM_1ktod71_16 > [data-rs-internal='collapse__content']{
211
211
  --_rs-typography-list-li-margin-top-from-text:12px;
212
212
  }
213
213
  }
214
- ._sizeL_1u3g4qe_19{
214
+ ._sizeL_1ktod71_19{
215
215
  --_rs-collapse-vertical-padding:12px;
216
216
  --_rs-collapse-horizontal-padding:16px;
217
217
  --_rs-collapse-icon-size:28px;
218
218
  }
219
- ._sizeL_1u3g4qe_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
220
- --_rs-typography-letter-spacing:normal;
219
+ ._sizeL_1ktod71_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
220
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
221
221
  --_rs-typography-text-transform:initial;
222
222
  --_rs-typography-font-variant-numeric:initial;
223
223
  --_rs-typography-font-family:var(
@@ -247,8 +247,8 @@
247
247
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
248
248
  --_rs-typography-link-border-bottom-width-from-text:2px;
249
249
  }
250
- ._sizeL_1u3g4qe_19 > [data-rs-internal='collapse__content']{
251
- --_rs-typography-letter-spacing:normal;
250
+ ._sizeL_1ktod71_19 > [data-rs-internal='collapse__content']{
251
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
252
252
  --_rs-typography-text-transform:initial;
253
253
  --_rs-typography-font-variant-numeric:initial;
254
254
  --_rs-typography-font-family:var(
@@ -282,11 +282,11 @@
282
282
  --_rs-typography-link-border-bottom-width-from-text:1px;
283
283
  }
284
284
  @media screen and (max-width: 640px){
285
- ._sizeL_1u3g4qe_19 > [data-rs-internal='collapse__content']{
285
+ ._sizeL_1ktod71_19 > [data-rs-internal='collapse__content']{
286
286
  --_rs-typography-list-li-margin-top-from-text:16px;
287
287
  }
288
288
  }
289
- ._classic_1u3g4qe_23{
289
+ ._classic_1ktod71_23{
290
290
  --_rs-collapse-active-theme-flip:0;
291
291
  --_rs-collapse-active-background:rgba(
292
292
  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 +300,7 @@
300
300
  );
301
301
  --_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
302
  }
303
- ._rock_1u3g4qe_26{
303
+ ._rock_1ktod71_26{
304
304
  --_rs-collapse-active-theme-flip:1;
305
305
  --_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
306
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -311,7 +311,7 @@
311
311
  );
312
312
  --_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
313
  }
314
- ._clear_1u3g4qe_29{
314
+ ._clear_1ktod71_29{
315
315
  --_rs-collapse-active-theme-flip:0;
316
316
  --_rs-collapse-active-background:transparent;
317
317
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -322,27 +322,27 @@
322
322
  0.7
323
323
  );
324
324
  }
325
- ._hasBorderBottom_1u3g4qe_33{
325
+ ._hasBorderBottom_1ktod71_33{
326
326
  --_rs-collapse-border-bottom-width-or-initial:1px;
327
327
  }
328
- ._leftIcon_1u3g4qe_37{
328
+ ._leftIcon_1ktod71_37{
329
329
  --_rs-collapse-button-flex-direction:row;
330
330
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
331
331
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
332
332
  }
333
- ._rightIcon_1u3g4qe_40{
333
+ ._rightIcon_1ktod71_40{
334
334
  --_rs-collapse-button-flex-direction:row-reverse;
335
335
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
336
336
  --_rs-collapse-inner-wrapper-padding-left-base:var(
337
337
  --_rs-collapse-horizontal-padding
338
338
  );
339
339
  }
340
- ._disableLeftPadding_1u3g4qe_44{
340
+ ._disableLeftPadding_1ktod71_44{
341
341
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
342
342
  --_rs-collapse-horizontal-padding
343
343
  );
344
344
  }
345
- ._main_1u3g4qe_48{
345
+ ._main_1ktod71_48{
346
346
  --_rs-theme-dark:var(
347
347
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
348
348
  var(--rs-theme-dark, 0)
@@ -352,7 +352,7 @@
352
352
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
353
353
  }
354
354
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
355
- ._main_1u3g4qe_48{
355
+ ._main_1ktod71_48{
356
356
  --_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
357
  --_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
358
  --_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 +361,7 @@
361
361
  }
362
362
  }
363
363
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
364
- ._main_1u3g4qe_48{
364
+ ._main_1ktod71_48{
365
365
  --_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
366
  --_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
367
  --_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 +369,7 @@
369
369
  --_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
370
  }
371
371
  }
372
- ._main_1u3g4qe_48 {
372
+ ._main_1ktod71_48 {
373
373
  --_rs-collapse-border-bottom-width:var(
374
374
  --_rs-collapse-border-bottom-width-or-initial,
375
375
  0px
@@ -384,9 +384,9 @@
384
384
  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
385
  border-radius:var(--rs-collapse-border-radius, 0px);
386
386
  }
387
- ._main_1u3g4qe_48._opening_1u3g4qe_59,
388
- ._main_1u3g4qe_48._opened_1u3g4qe_60,
389
- ._main_1u3g4qe_48._closing_1u3g4qe_61{
387
+ ._main_1ktod71_48._opening_1ktod71_59,
388
+ ._main_1ktod71_48._opened_1ktod71_60,
389
+ ._main_1ktod71_48._closing_1ktod71_61{
390
390
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
391
391
 
392
392
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -396,7 +396,7 @@
396
396
  background:var(--_rs-collapse-active-background);
397
397
  }
398
398
  @media (hover: hover){
399
- ._main_1u3g4qe_48:hover{
399
+ ._main_1ktod71_48:hover{
400
400
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
401
401
 
402
402
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -406,7 +406,7 @@
406
406
  background:var(--_rs-collapse-active-background);
407
407
  }
408
408
  }
409
- ._title_1u3g4qe_95{
409
+ ._title_1ktod71_95{
410
410
  letter-spacing:var(
411
411
  --rs-text-base-letter-spacing,
412
412
  var(--_rs-typography-letter-spacing)
@@ -423,7 +423,7 @@
423
423
 
424
424
  color:inherit;
425
425
  }
426
- ._content_1u3g4qe_103{
426
+ ._content_1ktod71_103{
427
427
  letter-spacing:var(
428
428
  --rs-text-base-letter-spacing,
429
429
  var(--_rs-typography-letter-spacing)
@@ -444,22 +444,22 @@
444
444
 
445
445
  height:0;
446
446
  }
447
- ._closed_1u3g4qe_111 > ._content_1u3g4qe_103{
447
+ ._closed_1ktod71_111 > ._content_1ktod71_103{
448
448
  display:none;
449
449
  }
450
- ._opened_1u3g4qe_60 > ._content_1u3g4qe_103{
450
+ ._opened_1ktod71_60 > ._content_1ktod71_103{
451
451
  height:initial;
452
452
  }
453
- ._opening_1u3g4qe_59 > ._content_1u3g4qe_103,
454
- ._closingTransition_1u3g4qe_120 > ._content_1u3g4qe_103{
453
+ ._opening_1ktod71_59 > ._content_1ktod71_103,
454
+ ._closingTransition_1ktod71_120 > ._content_1ktod71_103{
455
455
  overflow:hidden;
456
456
 
457
457
  transition:height 300ms;
458
458
  }
459
- ._innerWrapper_1u3g4qe_127{
459
+ ._innerWrapper_1ktod71_127{
460
460
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
461
461
  }
462
- ._button_1u3g4qe_133{
462
+ ._button_1ktod71_133{
463
463
  color:var(
464
464
  --rs-color-hard,
465
465
  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 +492,24 @@
492
492
  -moz-osx-font-smoothing:inherit;
493
493
  -webkit-appearance:none;
494
494
  }
495
- ._button_1u3g4qe_133::-moz-focus-inner{
495
+ ._button_1ktod71_133::-moz-focus-inner{
496
496
  padding:0;
497
497
 
498
498
  border:0;
499
499
  }
500
- ._button_1u3g4qe_133:focus{
500
+ ._button_1ktod71_133:focus{
501
501
  outline:none;
502
502
  }
503
- ._button_1u3g4qe_133:focus[data-focus-method='key']{
503
+ ._button_1ktod71_133:focus[data-focus-method='key']{
504
504
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
505
505
  }
506
506
  @media (hover: hover){
507
- ._button_1u3g4qe_133:hover{
507
+ ._button_1ktod71_133:hover{
508
508
  color:var(--_rs-collapse-button-hover-color);
509
509
  background:var(--_rs-collapse-button-hover-background);
510
510
  }
511
511
  }
512
- ._icon_1u3g4qe_186{
512
+ ._icon_1ktod71_186{
513
513
  position:relative;
514
514
  top:0;
515
515
  left:0;
@@ -525,34 +525,34 @@
525
525
 
526
526
  will-change:transform;
527
527
  }
528
- ._opening_1u3g4qe_59._iconPlus_1u3g4qe_202 > ._button_1u3g4qe_133 > ._icon_1u3g4qe_186,
529
- ._opened_1u3g4qe_60._iconPlus_1u3g4qe_202 > ._button_1u3g4qe_133 > ._icon_1u3g4qe_186{
528
+ ._opening_1ktod71_59._iconPlus_1ktod71_202 > ._button_1ktod71_133 > ._icon_1ktod71_186,
529
+ ._opened_1ktod71_60._iconPlus_1ktod71_202 > ._button_1ktod71_133 > ._icon_1ktod71_186{
530
530
  transform:rotate(45deg);
531
531
  }
532
- ._opening_1u3g4qe_59._iconArrow_1u3g4qe_207 > ._button_1u3g4qe_133 > ._icon_1u3g4qe_186,
533
- ._opened_1u3g4qe_60._iconArrow_1u3g4qe_207 > ._button_1u3g4qe_133 > ._icon_1u3g4qe_186{
532
+ ._opening_1ktod71_59._iconArrow_1ktod71_207 > ._button_1ktod71_133 > ._icon_1ktod71_186,
533
+ ._opened_1ktod71_60._iconArrow_1ktod71_207 > ._button_1ktod71_133 > ._icon_1ktod71_186{
534
534
  transform:rotate(90deg);
535
535
  }
536
- ._accordion_1u3g4qe_213{
536
+ ._accordion_1ktod71_213{
537
537
  display:flex;
538
538
  flex-direction:column;
539
539
  row-gap:var(--_rs-collapse-accordion-gap);
540
540
  }
541
- ._accordionGap0_1u3g4qe_218{
541
+ ._accordionGap0_1ktod71_218{
542
542
  --_rs-collapse-accordion-gap:0px;
543
543
  }
544
- ._accordionGap8_1u3g4qe_221{
544
+ ._accordionGap8_1ktod71_221{
545
545
  --_rs-collapse-accordion-gap:8px;
546
546
  }
547
- ._accordionGap12_1u3g4qe_224{
547
+ ._accordionGap12_1ktod71_224{
548
548
  --_rs-collapse-accordion-gap:12px;
549
549
  }
550
- ._accordionGap16_1u3g4qe_227{
550
+ ._accordionGap16_1ktod71_227{
551
551
  --_rs-collapse-accordion-gap:16px;
552
552
  }
553
- ._accordionGap24_1u3g4qe_230{
553
+ ._accordionGap24_1ktod71_230{
554
554
  --_rs-collapse-accordion-gap:24px;
555
555
  }
556
- ._accordionGap32_1u3g4qe_233{
556
+ ._accordionGap32_1ktod71_233{
557
557
  --_rs-collapse-accordion-gap:32px;
558
558
  }
package/lib/public-api.p.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --_rs-collapse-icon-size:20px;
6
6
  }
7
7
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
8
- --_rs-typography-letter-spacing:normal;
8
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
9
9
  --_rs-typography-text-transform:initial;
10
10
  --_rs-typography-font-variant-numeric:initial;
11
11
  --_rs-typography-font-family:var(
@@ -36,7 +36,7 @@
36
36
  --_rs-typography-link-border-bottom-width-from-text:2px;
37
37
  }
38
38
  &[class] > [data-rs-internal='collapse__content']{
39
- --_rs-typography-letter-spacing:0.0045em;
39
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
40
40
  --_rs-typography-text-transform:initial;
41
41
  --_rs-typography-font-variant-numeric:initial;
42
42
  --_rs-typography-font-family:var(
@@ -77,7 +77,7 @@
77
77
  --_rs-collapse-icon-size:24px;
78
78
  }
79
79
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
80
- --_rs-typography-letter-spacing:normal;
80
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
81
81
  --_rs-typography-text-transform:initial;
82
82
  --_rs-typography-font-variant-numeric:initial;
83
83
  --_rs-typography-font-family:var(
@@ -108,7 +108,7 @@
108
108
  --_rs-typography-link-border-bottom-width-from-text:2px;
109
109
  }
110
110
  &[class] > [data-rs-internal='collapse__content']{
111
- --_rs-typography-letter-spacing:0.0015em;
111
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
114
114
  --_rs-typography-font-family:var(
@@ -154,7 +154,7 @@
154
154
  --_rs-collapse-icon-size:28px;
155
155
  }
156
156
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
157
- --_rs-typography-letter-spacing:normal;
157
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
158
158
  --_rs-typography-text-transform:initial;
159
159
  --_rs-typography-font-variant-numeric:initial;
160
160
  --_rs-typography-font-family:var(
@@ -185,7 +185,7 @@
185
185
  --_rs-typography-link-border-bottom-width-from-text:2px;
186
186
  }
187
187
  &[class] > [data-rs-internal='collapse__content']{
188
- --_rs-typography-letter-spacing:normal;
188
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
189
189
  --_rs-typography-text-transform:initial;
190
190
  --_rs-typography-font-variant-numeric:initial;
191
191
  --_rs-typography-font-family:var(
@@ -295,7 +295,7 @@
295
295
  --_rs-collapse-icon-size:20px;
296
296
  }
297
297
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
298
- --_rs-typography-letter-spacing:normal;
298
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
299
299
  --_rs-typography-text-transform:initial;
300
300
  --_rs-typography-font-variant-numeric:initial;
301
301
  --_rs-typography-font-family:var(
@@ -326,7 +326,7 @@
326
326
  --_rs-typography-link-border-bottom-width-from-text:2px;
327
327
  }
328
328
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
329
- --_rs-typography-letter-spacing:0.0045em;
329
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
330
330
  --_rs-typography-text-transform:initial;
331
331
  --_rs-typography-font-variant-numeric:initial;
332
332
  --_rs-typography-font-family:var(
@@ -367,7 +367,7 @@
367
367
  --_rs-collapse-icon-size:24px;
368
368
  }
369
369
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
370
- --_rs-typography-letter-spacing:normal;
370
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
371
371
  --_rs-typography-text-transform:initial;
372
372
  --_rs-typography-font-variant-numeric:initial;
373
373
  --_rs-typography-font-family:var(
@@ -398,7 +398,7 @@
398
398
  --_rs-typography-link-border-bottom-width-from-text:2px;
399
399
  }
400
400
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
401
- --_rs-typography-letter-spacing:0.0015em;
401
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
402
402
  --_rs-typography-text-transform:initial;
403
403
  --_rs-typography-font-variant-numeric:initial;
404
404
  --_rs-typography-font-family:var(
@@ -444,7 +444,7 @@
444
444
  --_rs-collapse-icon-size:28px;
445
445
  }
446
446
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
447
- --_rs-typography-letter-spacing:normal;
447
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
448
448
  --_rs-typography-text-transform:initial;
449
449
  --_rs-typography-font-variant-numeric:initial;
450
450
  --_rs-typography-font-family:var(
@@ -475,7 +475,7 @@
475
475
  --_rs-typography-link-border-bottom-width-from-text:2px;
476
476
  }
477
477
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
478
- --_rs-typography-letter-spacing:normal;
478
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
479
479
  --_rs-typography-text-transform:initial;
480
480
  --_rs-typography-font-variant-numeric:initial;
481
481
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -5,7 +5,7 @@
5
5
  --_rs-collapse-icon-size:20px;
6
6
  }
7
7
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
8
- --_rs-typography-letter-spacing:normal;
8
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
9
9
  --_rs-typography-text-transform:initial;
10
10
  --_rs-typography-font-variant-numeric:initial;
11
11
  --_rs-typography-font-family:var(
@@ -36,7 +36,7 @@
36
36
  --_rs-typography-link-border-bottom-width-from-text:2px;
37
37
  }
38
38
  &[class] > [data-rs-internal='collapse__content']{
39
- --_rs-typography-letter-spacing:0.0045em;
39
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
40
40
  --_rs-typography-text-transform:initial;
41
41
  --_rs-typography-font-variant-numeric:initial;
42
42
  --_rs-typography-font-family:var(
@@ -77,7 +77,7 @@
77
77
  --_rs-collapse-icon-size:24px;
78
78
  }
79
79
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
80
- --_rs-typography-letter-spacing:normal;
80
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
81
81
  --_rs-typography-text-transform:initial;
82
82
  --_rs-typography-font-variant-numeric:initial;
83
83
  --_rs-typography-font-family:var(
@@ -108,7 +108,7 @@
108
108
  --_rs-typography-link-border-bottom-width-from-text:2px;
109
109
  }
110
110
  &[class] > [data-rs-internal='collapse__content']{
111
- --_rs-typography-letter-spacing:0.0015em;
111
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
114
114
  --_rs-typography-font-family:var(
@@ -154,7 +154,7 @@
154
154
  --_rs-collapse-icon-size:28px;
155
155
  }
156
156
  &[class] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
157
- --_rs-typography-letter-spacing:normal;
157
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
158
158
  --_rs-typography-text-transform:initial;
159
159
  --_rs-typography-font-variant-numeric:initial;
160
160
  --_rs-typography-font-family:var(
@@ -185,7 +185,7 @@
185
185
  --_rs-typography-link-border-bottom-width-from-text:2px;
186
186
  }
187
187
  &[class] > [data-rs-internal='collapse__content']{
188
- --_rs-typography-letter-spacing:normal;
188
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
189
189
  --_rs-typography-text-transform:initial;
190
190
  --_rs-typography-font-variant-numeric:initial;
191
191
  --_rs-typography-font-family:var(
@@ -295,7 +295,7 @@
295
295
  --_rs-collapse-icon-size:20px;
296
296
  }
297
297
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
298
- --_rs-typography-letter-spacing:normal;
298
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
299
299
  --_rs-typography-text-transform:initial;
300
300
  --_rs-typography-font-variant-numeric:initial;
301
301
  --_rs-typography-font-family:var(
@@ -326,7 +326,7 @@
326
326
  --_rs-typography-link-border-bottom-width-from-text:2px;
327
327
  }
328
328
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
329
- --_rs-typography-letter-spacing:0.0045em;
329
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
330
330
  --_rs-typography-text-transform:initial;
331
331
  --_rs-typography-font-variant-numeric:initial;
332
332
  --_rs-typography-font-family:var(
@@ -367,7 +367,7 @@
367
367
  --_rs-collapse-icon-size:24px;
368
368
  }
369
369
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
370
- --_rs-typography-letter-spacing:normal;
370
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
371
371
  --_rs-typography-text-transform:initial;
372
372
  --_rs-typography-font-variant-numeric:initial;
373
373
  --_rs-typography-font-family:var(
@@ -398,7 +398,7 @@
398
398
  --_rs-typography-link-border-bottom-width-from-text:2px;
399
399
  }
400
400
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
401
- --_rs-typography-letter-spacing:0.0015em;
401
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
402
402
  --_rs-typography-text-transform:initial;
403
403
  --_rs-typography-font-variant-numeric:initial;
404
404
  --_rs-typography-font-family:var(
@@ -444,7 +444,7 @@
444
444
  --_rs-collapse-icon-size:28px;
445
445
  }
446
446
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
447
- --_rs-typography-letter-spacing:normal;
447
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
448
448
  --_rs-typography-text-transform:initial;
449
449
  --_rs-typography-font-variant-numeric:initial;
450
450
  --_rs-typography-font-family:var(
@@ -475,7 +475,7 @@
475
475
  --_rs-typography-link-border-bottom-width-from-text:2px;
476
476
  }
477
477
  & [data-rs-internal="collapse__collapse"] > [data-rs-internal='collapse__content']{
478
- --_rs-typography-letter-spacing:normal;
478
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
479
479
  --_rs-typography-text-transform:initial;
480
480
  --_rs-typography-font-variant-numeric:initial;
481
481
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.5.10",
3
+ "version": "0.5.11",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,7 +26,7 @@
26
26
  "devDependencies": {
27
27
  "@rescui/colors": "^0.2.6",
28
28
  "@rescui/scripts": "^0.3.5",
29
- "@rescui/typography": "^0.20.0",
29
+ "@rescui/typography": "^0.21.0",
30
30
  "@rescui/visual-regression": "^0.1.2",
31
31
  "@types/classnames": "^2.2.11"
32
32
  },
@@ -35,5 +35,5 @@
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
38
+ "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
39
39
  }