@rescui/menu 0.10.13-RUI-230-Update-icons-7e73b1a0.23 → 0.10.13-RUI-230-Update-icons-1bfaa24e.31

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/index.css +49 -43
  2. package/lib/index.p.module.css.js +26 -26
  3. package/lib/parts/menu-item.js +2 -1
  4. package/lib/public-api.p.css +20 -8
  5. package/lib/public-api.pcss +20 -8
  6. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_r4iucf_8{
1
+ ._themeLight_16wc1oo_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_r4iucf_11{
4
+ ._themeDark_16wc1oo_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_r4iucf_15{
7
+ ._sizeS_16wc1oo_15{
8
8
  --_rs-menu-mi-icon-offset:8px;
9
9
  --_rs-menu-mi-vertical-padding:6px;
10
10
  --_rs-menu-mi-horizontal-padding:8px;
@@ -41,7 +41,7 @@
41
41
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
42
42
  --_rs-typography-link-border-bottom-width-from-text:1px;
43
43
  }
44
- ._sizeM_r4iucf_18{
44
+ ._sizeM_16wc1oo_18{
45
45
  --_rs-menu-mi-icon-offset:8px;
46
46
  --_rs-menu-mi-vertical-padding:8px;
47
47
  --_rs-menu-mi-horizontal-padding:16px;
@@ -73,17 +73,20 @@
73
73
  --_rs-typography-text-auto-offset:16px;
74
74
  --_rs-typography-ul-list-li-padding-left:22px;
75
75
  --_rs-typography-ol-list-li-padding-left:26px;
76
- --_rs-typography-list-li-margin-top-from-text:16px;
76
+ --_rs-typography-list-li-margin-top-from-text:var(
77
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
78
+ 16px
79
+ );
77
80
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
78
81
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
79
82
  --_rs-typography-link-border-bottom-width-from-text:1px;
80
83
  }
81
84
  @media screen and (max-width: 640px){
82
- ._sizeM_r4iucf_18{
83
- --_rs-typography-list-li-margin-top-from-text:12px;
85
+ ._sizeM_16wc1oo_18{
86
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
84
87
  }
85
88
  }
86
- ._sizeL_r4iucf_21{
89
+ ._sizeL_16wc1oo_21{
87
90
  --_rs-menu-mi-icon-offset:16px;
88
91
  --_rs-menu-mi-vertical-padding:12px;
89
92
  --_rs-menu-mi-horizontal-padding:16px;
@@ -115,17 +118,20 @@
115
118
  --_rs-typography-text-auto-offset:32px;
116
119
  --_rs-typography-ul-list-li-padding-left:26px;
117
120
  --_rs-typography-ol-list-li-padding-left:32px;
118
- --_rs-typography-list-li-margin-top-from-text:24px;
121
+ --_rs-typography-list-li-margin-top-from-text:var(
122
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
123
+ 24px
124
+ );
119
125
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
120
126
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
121
127
  --_rs-typography-link-border-bottom-width-from-text:1px;
122
128
  }
123
129
  @media screen and (max-width: 640px){
124
- ._sizeL_r4iucf_21{
125
- --_rs-typography-list-li-margin-top-from-text:16px;
130
+ ._sizeL_16wc1oo_21{
131
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
126
132
  }
127
133
  }
128
- ._modeClassic_r4iucf_25{
134
+ ._modeClassic_16wc1oo_25{
129
135
  --_rs-menu-mi-horizontal-padding-with-mode:var(
130
136
  --_rs-menu-mi-horizontal-padding
131
137
  );
@@ -139,7 +145,7 @@
139
145
  calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
140
146
  );
141
147
  }
142
- ._modeRock_r4iucf_28{
148
+ ._modeRock_16wc1oo_28{
143
149
  --_rs-menu-mi-horizontal-padding-with-mode:var(
144
150
  --_rs-menu-mi-horizontal-padding
145
151
  );
@@ -153,7 +159,7 @@
153
159
  calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
154
160
  );
155
161
  }
156
- ._modeClear_r4iucf_31{
162
+ ._modeClear_16wc1oo_31{
157
163
  --_rs-menu-mi-horizontal-padding-with-mode:0;
158
164
  --_rs-menu-mi-active-background:none;
159
165
  --_rs-menu-mi-selected-color:var(--_rs-color-primary);
@@ -166,15 +172,15 @@
166
172
  0.1
167
173
  );
168
174
  }
169
- ._iconPlacementLeft_r4iucf_35{
175
+ ._iconPlacementLeft_16wc1oo_35{
170
176
  --_rs-menu-mi-flex-direction:row;
171
177
  --_rs-menu-mi-justify-content:initial;
172
178
  }
173
- ._iconPlacementRight_r4iucf_39{
179
+ ._iconPlacementRight_16wc1oo_39{
174
180
  --_rs-menu-mi-flex-direction:row-reverse;
175
181
  --_rs-menu-mi-justify-content:space-between;
176
182
  }
177
- ._wrapper_r4iucf_43{
183
+ ._wrapper_16wc1oo_43{
178
184
  --_rs-theme-dark:var(
179
185
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
180
186
  var(--rs-theme-dark, 0)
@@ -184,7 +190,7 @@
184
190
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
185
191
  }
186
192
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
187
- ._wrapper_r4iucf_43{
193
+ ._wrapper_16wc1oo_43{
188
194
  --_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)));
189
195
  --_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)));
190
196
  --_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)));
@@ -193,7 +199,7 @@
193
199
  }
194
200
  }
195
201
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
196
- ._wrapper_r4iucf_43{
202
+ ._wrapper_16wc1oo_43{
197
203
  --_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);
198
204
  --_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));
199
205
  --_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));
@@ -201,11 +207,11 @@
201
207
  --_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));
202
208
  }
203
209
  }
204
- ._wrapper_r4iucf_43 {
210
+ ._wrapper_16wc1oo_43 {
205
211
 
206
212
  display:flex;
207
213
  }
208
- ._menuItem_r4iucf_50{
214
+ ._menuItem_16wc1oo_50{
209
215
  letter-spacing:var(
210
216
  --rs-text-base-letter-spacing,
211
217
  var(--_rs-typography-letter-spacing)
@@ -246,48 +252,48 @@
246
252
  -webkit-font-smoothing:inherit;
247
253
  -moz-osx-font-smoothing:inherit;
248
254
  }
249
- ._menuItem_r4iucf_50:focus{
255
+ ._menuItem_16wc1oo_50:focus{
250
256
  outline:none;
251
257
  }
252
- ._keyboardNavigationDisabled_r4iucf_85 ._menuItem_r4iucf_50:focus[data-focus-method='key']{
258
+ ._keyboardNavigationDisabled_16wc1oo_85 ._menuItem_16wc1oo_50:focus[data-focus-method='key']{
253
259
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
254
260
  }
255
- ._menuItem_r4iucf_50:active{
261
+ ._menuItem_16wc1oo_50:active{
256
262
  color: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));
257
263
  background:var(--_rs-menu-mi-active-background);
258
264
  }
259
- ._menuItem_r4iucf_50._selected_r4iucf_99{
265
+ ._menuItem_16wc1oo_50._selected_16wc1oo_99{
260
266
  color:var(--_rs-menu-mi-selected-color);
261
267
  background:var(--_rs-menu-mi-selected-background);
262
268
  }
263
- ._menuItem_r4iucf_50._highlighted_r4iucf_106,
264
- ._menuItem_r4iucf_50:not(._disableCursor_r4iucf_107):hover{
269
+ ._menuItem_16wc1oo_50._highlighted_16wc1oo_106,
270
+ ._menuItem_16wc1oo_50:not(._disableCursor_16wc1oo_107):hover{
265
271
  color:var(--_rs-menu-mi-hover-color);
266
272
  background:var(--_rs-menu-mi-hover-background);
267
273
  }
268
- ._menuItem_r4iucf_50._highlighted_r4iucf_106._selected_r4iucf_99,
269
- ._menuItem_r4iucf_50._selected_r4iucf_99:not(._disableCursor_r4iucf_107):hover{
274
+ ._menuItem_16wc1oo_50._highlighted_16wc1oo_106._selected_16wc1oo_99,
275
+ ._menuItem_16wc1oo_50._selected_16wc1oo_99:not(._disableCursor_16wc1oo_107):hover{
270
276
  color:var(--_rs-menu-mi-selected-hover-color);
271
277
  background-color:var(--_rs-menu-mi-selected-hover-background);
272
278
  }
273
- ._menuItem_r4iucf_50._disabled_r4iucf_120{
279
+ ._menuItem_16wc1oo_50._disabled_16wc1oo_120{
274
280
  pointer-events:none;
275
281
 
276
282
  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), 0.5);
277
283
  }
278
- ._disableCursor_r4iucf_107{
284
+ ._disableCursor_16wc1oo_107{
279
285
  pointer-events:none;
280
286
  }
281
- ._content_r4iucf_131{
287
+ ._content_16wc1oo_131{
282
288
  flex-grow:1;
283
289
 
284
290
  font-size:inherit;
285
291
  }
286
- ._icon_r4iucf_35{
292
+ ._icon_16wc1oo_35{
287
293
  flex:0 0;
288
294
  flex-basis:auto;
289
295
  }
290
- ._divider_r4iucf_144{
296
+ ._divider_16wc1oo_144{
291
297
  flex-shrink:0;
292
298
 
293
299
  width:100%;
@@ -298,13 +304,13 @@
298
304
 
299
305
  background-color: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), 0.2);
300
306
  }
301
- ._groupHeaderThemeLight_r4iucf_158{
307
+ ._groupHeaderThemeLight_16wc1oo_158{
302
308
  --rs-theme-dark:0;
303
309
  }
304
- ._groupHeaderThemeDark_r4iucf_161{
310
+ ._groupHeaderThemeDark_16wc1oo_161{
305
311
  --rs-theme-dark:1;
306
312
  }
307
- ._groupHeaderSizeL_r4iucf_165{
313
+ ._groupHeaderSizeL_16wc1oo_165{
308
314
  --_rs-menu-gh-vertical-padding:12px;
309
315
  --_rs-menu-gh-horizontal-padding:16px;
310
316
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -337,7 +343,7 @@
337
343
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
338
344
  --_rs-typography-link-border-bottom-width-from-text:2px;
339
345
  }
340
- ._groupHeaderSizeM_r4iucf_168{
346
+ ._groupHeaderSizeM_16wc1oo_168{
341
347
  --_rs-menu-gh-vertical-padding:8px;
342
348
  --_rs-menu-gh-horizontal-padding:16px;
343
349
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -370,7 +376,7 @@
370
376
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
371
377
  --_rs-typography-link-border-bottom-width-from-text:2px;
372
378
  }
373
- ._groupHeaderSizeS_r4iucf_171{
379
+ ._groupHeaderSizeS_16wc1oo_171{
374
380
  --_rs-menu-gh-vertical-padding:6px;
375
381
  --_rs-menu-gh-horizontal-padding:8px;
376
382
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -403,7 +409,7 @@
403
409
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
404
410
  --_rs-typography-link-border-bottom-width-from-text:2px;
405
411
  }
406
- ._groupHeader_r4iucf_158{
412
+ ._groupHeader_16wc1oo_158{
407
413
  --_rs-theme-dark:var(
408
414
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
409
415
  var(--rs-theme-dark, 0)
@@ -413,7 +419,7 @@
413
419
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
414
420
  }
415
421
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
416
- ._groupHeader_r4iucf_158{
422
+ ._groupHeader_16wc1oo_158{
417
423
  --_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)));
418
424
  --_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)));
419
425
  --_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)));
@@ -422,7 +428,7 @@
422
428
  }
423
429
  }
424
430
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
425
- ._groupHeader_r4iucf_158{
431
+ ._groupHeader_16wc1oo_158{
426
432
  --_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);
427
433
  --_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));
428
434
  --_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));
@@ -430,7 +436,7 @@
430
436
  --_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));
431
437
  }
432
438
  }
433
- ._groupHeader_r4iucf_158 {
439
+ ._groupHeader_16wc1oo_158 {
434
440
  letter-spacing:var(
435
441
  --rs-text-base-letter-spacing,
436
442
  var(--_rs-typography-letter-spacing)
package/lib/index.p.module.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_r4iucf_8",
3
- "themeDark": "_themeDark_r4iucf_11",
4
- "sizeS": "_sizeS_r4iucf_15",
5
- "sizeM": "_sizeM_r4iucf_18",
6
- "sizeL": "_sizeL_r4iucf_21",
7
- "modeClassic": "_modeClassic_r4iucf_25",
8
- "modeRock": "_modeRock_r4iucf_28",
9
- "modeClear": "_modeClear_r4iucf_31",
10
- "iconPlacementLeft": "_iconPlacementLeft_r4iucf_35",
11
- "iconPlacementRight": "_iconPlacementRight_r4iucf_39",
12
- "wrapper": "_wrapper_r4iucf_43",
13
- "menuItem": "_menuItem_r4iucf_50",
14
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_r4iucf_85",
15
- "selected": "_selected_r4iucf_99",
16
- "highlighted": "_highlighted_r4iucf_106",
17
- "disableCursor": "_disableCursor_r4iucf_107",
18
- "disabled": "_disabled_r4iucf_120",
19
- "content": "_content_r4iucf_131",
20
- "icon": "_icon_r4iucf_35",
21
- "divider": "_divider_r4iucf_144",
22
- "groupHeaderThemeLight": "_groupHeaderThemeLight_r4iucf_158",
23
- "groupHeaderThemeDark": "_groupHeaderThemeDark_r4iucf_161",
24
- "groupHeaderSizeL": "_groupHeaderSizeL_r4iucf_165",
25
- "groupHeaderSizeM": "_groupHeaderSizeM_r4iucf_168",
26
- "groupHeaderSizeS": "_groupHeaderSizeS_r4iucf_171",
27
- "groupHeader": "_groupHeader_r4iucf_158"
2
+ "themeLight": "_themeLight_16wc1oo_8",
3
+ "themeDark": "_themeDark_16wc1oo_11",
4
+ "sizeS": "_sizeS_16wc1oo_15",
5
+ "sizeM": "_sizeM_16wc1oo_18",
6
+ "sizeL": "_sizeL_16wc1oo_21",
7
+ "modeClassic": "_modeClassic_16wc1oo_25",
8
+ "modeRock": "_modeRock_16wc1oo_28",
9
+ "modeClear": "_modeClear_16wc1oo_31",
10
+ "iconPlacementLeft": "_iconPlacementLeft_16wc1oo_35",
11
+ "iconPlacementRight": "_iconPlacementRight_16wc1oo_39",
12
+ "wrapper": "_wrapper_16wc1oo_43",
13
+ "menuItem": "_menuItem_16wc1oo_50",
14
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_16wc1oo_85",
15
+ "selected": "_selected_16wc1oo_99",
16
+ "highlighted": "_highlighted_16wc1oo_106",
17
+ "disableCursor": "_disableCursor_16wc1oo_107",
18
+ "disabled": "_disabled_16wc1oo_120",
19
+ "content": "_content_16wc1oo_131",
20
+ "icon": "_icon_16wc1oo_35",
21
+ "divider": "_divider_16wc1oo_144",
22
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_16wc1oo_158",
23
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_16wc1oo_161",
24
+ "groupHeaderSizeL": "_groupHeaderSizeL_16wc1oo_165",
25
+ "groupHeaderSizeM": "_groupHeaderSizeM_16wc1oo_168",
26
+ "groupHeaderSizeS": "_groupHeaderSizeS_16wc1oo_171",
27
+ "groupHeader": "_groupHeader_16wc1oo_158"
28
28
  };
29
29
  export { styles as default };
package/lib/parts/menu-item.js CHANGED
@@ -68,7 +68,8 @@ const MenuItemInner = (_ref, ref) => {
68
68
  const actualSize = menuContext.size ?? size;
69
69
  const actualDisableCursor = menuContext.disableCursor ?? disableCursor;
70
70
  const iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
71
- className: cn(icon.props.className, styles.icon)
71
+ className: cn(icon.props.className, styles.icon),
72
+ 'data-render-all-sizes': true
72
73
  }) : null;
73
74
  const actualHighlighted = highlighted || activeItemRef === thisRef && isKeyboardNavigating;
74
75
 
package/lib/public-api.p.css CHANGED
@@ -103,14 +103,17 @@
103
103
  --_rs-typography-text-auto-offset:16px;
104
104
  --_rs-typography-ul-list-li-padding-left:22px;
105
105
  --_rs-typography-ol-list-li-padding-left:26px;
106
- --_rs-typography-list-li-margin-top-from-text:16px;
106
+ --_rs-typography-list-li-margin-top-from-text:var(
107
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
108
+ 16px
109
+ );
107
110
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
111
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
112
  --_rs-typography-link-border-bottom-width-from-text:1px;
110
113
  }
111
114
  @media screen and (max-width: 640px){
112
115
  & [data-rs-internal="menu__menu-item"]{
113
- --_rs-typography-list-li-margin-top-from-text:12px;
116
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
114
117
  }
115
118
  }
116
119
  & [data-rs-internal="menu__group-header"]{
@@ -180,14 +183,17 @@
180
183
  --_rs-typography-text-auto-offset:32px;
181
184
  --_rs-typography-ul-list-li-padding-left:26px;
182
185
  --_rs-typography-ol-list-li-padding-left:32px;
183
- --_rs-typography-list-li-margin-top-from-text:24px;
186
+ --_rs-typography-list-li-margin-top-from-text:var(
187
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
188
+ 24px
189
+ );
184
190
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
185
191
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
186
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
193
  }
188
194
  @media screen and (max-width: 640px){
189
195
  & [data-rs-internal="menu__menu-item"]{
190
- --_rs-typography-list-li-margin-top-from-text:16px;
196
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
191
197
  }
192
198
  }
193
199
  & [data-rs-internal="menu__group-header"]{
@@ -355,14 +361,17 @@
355
361
  --_rs-typography-text-auto-offset:16px;
356
362
  --_rs-typography-ul-list-li-padding-left:22px;
357
363
  --_rs-typography-ol-list-li-padding-left:26px;
358
- --_rs-typography-list-li-margin-top-from-text:16px;
364
+ --_rs-typography-list-li-margin-top-from-text:var(
365
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
366
+ 16px
367
+ );
359
368
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
360
369
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
361
370
  --_rs-typography-link-border-bottom-width-from-text:1px;
362
371
  }
363
372
  @media screen and (max-width: 640px){
364
373
  &[class]{
365
- --_rs-typography-list-li-margin-top-from-text:12px;
374
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
366
375
  }
367
376
  }
368
377
  }
@@ -399,14 +408,17 @@
399
408
  --_rs-typography-text-auto-offset:32px;
400
409
  --_rs-typography-ul-list-li-padding-left:26px;
401
410
  --_rs-typography-ol-list-li-padding-left:32px;
402
- --_rs-typography-list-li-margin-top-from-text:24px;
411
+ --_rs-typography-list-li-margin-top-from-text:var(
412
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
413
+ 24px
414
+ );
403
415
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
404
416
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
405
417
  --_rs-typography-link-border-bottom-width-from-text:1px;
406
418
  }
407
419
  @media screen and (max-width: 640px){
408
420
  &[class]{
409
- --_rs-typography-list-li-margin-top-from-text:16px;
421
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
410
422
  }
411
423
  }
412
424
  }
package/lib/public-api.pcss CHANGED
@@ -103,14 +103,17 @@
103
103
  --_rs-typography-text-auto-offset:16px;
104
104
  --_rs-typography-ul-list-li-padding-left:22px;
105
105
  --_rs-typography-ol-list-li-padding-left:26px;
106
- --_rs-typography-list-li-margin-top-from-text:16px;
106
+ --_rs-typography-list-li-margin-top-from-text:var(
107
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
108
+ 16px
109
+ );
107
110
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
111
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
112
  --_rs-typography-link-border-bottom-width-from-text:1px;
110
113
  }
111
114
  @media screen and (max-width: 640px){
112
115
  & [data-rs-internal="menu__menu-item"]{
113
- --_rs-typography-list-li-margin-top-from-text:12px;
116
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
114
117
  }
115
118
  }
116
119
  & [data-rs-internal="menu__group-header"]{
@@ -180,14 +183,17 @@
180
183
  --_rs-typography-text-auto-offset:32px;
181
184
  --_rs-typography-ul-list-li-padding-left:26px;
182
185
  --_rs-typography-ol-list-li-padding-left:32px;
183
- --_rs-typography-list-li-margin-top-from-text:24px;
186
+ --_rs-typography-list-li-margin-top-from-text:var(
187
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
188
+ 24px
189
+ );
184
190
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
185
191
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
186
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
193
  }
188
194
  @media screen and (max-width: 640px){
189
195
  & [data-rs-internal="menu__menu-item"]{
190
- --_rs-typography-list-li-margin-top-from-text:16px;
196
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
191
197
  }
192
198
  }
193
199
  & [data-rs-internal="menu__group-header"]{
@@ -355,14 +361,17 @@
355
361
  --_rs-typography-text-auto-offset:16px;
356
362
  --_rs-typography-ul-list-li-padding-left:22px;
357
363
  --_rs-typography-ol-list-li-padding-left:26px;
358
- --_rs-typography-list-li-margin-top-from-text:16px;
364
+ --_rs-typography-list-li-margin-top-from-text:var(
365
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
366
+ 16px
367
+ );
359
368
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
360
369
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
361
370
  --_rs-typography-link-border-bottom-width-from-text:1px;
362
371
  }
363
372
  @media screen and (max-width: 640px){
364
373
  &[class]{
365
- --_rs-typography-list-li-margin-top-from-text:12px;
374
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
366
375
  }
367
376
  }
368
377
  }
@@ -399,14 +408,17 @@
399
408
  --_rs-typography-text-auto-offset:32px;
400
409
  --_rs-typography-ul-list-li-padding-left:26px;
401
410
  --_rs-typography-ol-list-li-padding-left:32px;
402
- --_rs-typography-list-li-margin-top-from-text:24px;
411
+ --_rs-typography-list-li-margin-top-from-text:var(
412
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
413
+ 24px
414
+ );
403
415
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
404
416
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
405
417
  --_rs-typography-link-border-bottom-width-from-text:1px;
406
418
  }
407
419
  @media screen and (max-width: 640px){
408
420
  &[class]{
409
- --_rs-typography-list-li-margin-top-from-text:16px;
421
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
410
422
  }
411
423
  }
412
424
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.10.13-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
3
+ "version": "0.10.13-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-7e73b1a0.47+7e73b1a0",
28
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-1bfaa24e.55+1bfaa24e",
29
29
  "@rescui/postcss-preset-library": "0.2.2",
30
30
  "@rescui/scripts": "0.3.5",
31
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
31
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
32
32
  "@rescui/visual-regression": "0.1.2",
33
33
  "postcss": "^8.3.0"
34
34
  },
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "7e73b1a086335930a7a71b61e7d6c150a187d045"
40
+ "gitHead": "1bfaa24e81b1a94b625304e660d29d1b3eb3d71d"
41
41
  }