@rescui/menu 0.10.11 → 0.10.12

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 (5) hide show
  1. package/lib/index.css +45 -45
  2. package/lib/index.p.module.css.js +26 -26
  3. package/lib/public-api.p.css +12 -12
  4. package/lib/public-api.pcss +12 -12
  5. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,14 +1,14 @@
1
- ._themeLight_v352yq_8{
1
+ ._themeLight_7gfrnd_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_v352yq_11{
4
+ ._themeDark_7gfrnd_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_v352yq_15{
7
+ ._sizeS_7gfrnd_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;
11
- --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
12
12
  --_rs-typography-text-transform:initial;
13
13
  --_rs-typography-font-variant-numeric:initial;
14
14
  --_rs-typography-font-family:var(
@@ -41,11 +41,11 @@
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_v352yq_18{
44
+ ._sizeM_7gfrnd_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;
48
- --_rs-typography-letter-spacing:0.0015em;
48
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
49
49
  --_rs-typography-text-transform:initial;
50
50
  --_rs-typography-font-variant-numeric:initial;
51
51
  --_rs-typography-font-family:var(
@@ -79,15 +79,15 @@
79
79
  --_rs-typography-link-border-bottom-width-from-text:1px;
80
80
  }
81
81
  @media screen and (max-width: 640px){
82
- ._sizeM_v352yq_18{
82
+ ._sizeM_7gfrnd_18{
83
83
  --_rs-typography-list-li-margin-top-from-text:12px;
84
84
  }
85
85
  }
86
- ._sizeL_v352yq_21{
86
+ ._sizeL_7gfrnd_21{
87
87
  --_rs-menu-mi-icon-offset:16px;
88
88
  --_rs-menu-mi-vertical-padding:12px;
89
89
  --_rs-menu-mi-horizontal-padding:16px;
90
- --_rs-typography-letter-spacing:normal;
90
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
91
91
  --_rs-typography-text-transform:initial;
92
92
  --_rs-typography-font-variant-numeric:initial;
93
93
  --_rs-typography-font-family:var(
@@ -121,11 +121,11 @@
121
121
  --_rs-typography-link-border-bottom-width-from-text:1px;
122
122
  }
123
123
  @media screen and (max-width: 640px){
124
- ._sizeL_v352yq_21{
124
+ ._sizeL_7gfrnd_21{
125
125
  --_rs-typography-list-li-margin-top-from-text:16px;
126
126
  }
127
127
  }
128
- ._modeClassic_v352yq_25{
128
+ ._modeClassic_7gfrnd_25{
129
129
  --_rs-menu-mi-horizontal-padding-with-mode:var(
130
130
  --_rs-menu-mi-horizontal-padding
131
131
  );
@@ -139,7 +139,7 @@
139
139
  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
140
  );
141
141
  }
142
- ._modeRock_v352yq_28{
142
+ ._modeRock_7gfrnd_28{
143
143
  --_rs-menu-mi-horizontal-padding-with-mode:var(
144
144
  --_rs-menu-mi-horizontal-padding
145
145
  );
@@ -153,7 +153,7 @@
153
153
  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
154
  );
155
155
  }
156
- ._modeClear_v352yq_31{
156
+ ._modeClear_7gfrnd_31{
157
157
  --_rs-menu-mi-horizontal-padding-with-mode:0;
158
158
  --_rs-menu-mi-active-background:none;
159
159
  --_rs-menu-mi-selected-color:var(--_rs-color-primary);
@@ -166,15 +166,15 @@
166
166
  0.1
167
167
  );
168
168
  }
169
- ._iconPlacementLeft_v352yq_35{
169
+ ._iconPlacementLeft_7gfrnd_35{
170
170
  --_rs-menu-mi-flex-direction:row;
171
171
  --_rs-menu-mi-justify-content:initial;
172
172
  }
173
- ._iconPlacementRight_v352yq_39{
173
+ ._iconPlacementRight_7gfrnd_39{
174
174
  --_rs-menu-mi-flex-direction:row-reverse;
175
175
  --_rs-menu-mi-justify-content:space-between;
176
176
  }
177
- ._wrapper_v352yq_43{
177
+ ._wrapper_7gfrnd_43{
178
178
  --_rs-theme-dark:var(
179
179
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
180
180
  var(--rs-theme-dark, 0)
@@ -184,7 +184,7 @@
184
184
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
185
185
  }
186
186
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
187
- ._wrapper_v352yq_43{
187
+ ._wrapper_7gfrnd_43{
188
188
  --_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
189
  --_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
190
  --_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 +193,7 @@
193
193
  }
194
194
  }
195
195
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
196
- ._wrapper_v352yq_43{
196
+ ._wrapper_7gfrnd_43{
197
197
  --_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
198
  --_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
199
  --_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 +201,11 @@
201
201
  --_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
202
  }
203
203
  }
204
- ._wrapper_v352yq_43 {
204
+ ._wrapper_7gfrnd_43 {
205
205
 
206
206
  display:flex;
207
207
  }
208
- ._menuItem_v352yq_50{
208
+ ._menuItem_7gfrnd_50{
209
209
  letter-spacing:var(
210
210
  --rs-text-base-letter-spacing,
211
211
  var(--_rs-typography-letter-spacing)
@@ -246,48 +246,48 @@
246
246
  -webkit-font-smoothing:inherit;
247
247
  -moz-osx-font-smoothing:inherit;
248
248
  }
249
- ._menuItem_v352yq_50:focus{
249
+ ._menuItem_7gfrnd_50:focus{
250
250
  outline:none;
251
251
  }
252
- ._keyboardNavigationDisabled_v352yq_85 ._menuItem_v352yq_50:focus[data-focus-method='key']{
252
+ ._keyboardNavigationDisabled_7gfrnd_85 ._menuItem_7gfrnd_50:focus[data-focus-method='key']{
253
253
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
254
254
  }
255
- ._menuItem_v352yq_50:active{
255
+ ._menuItem_7gfrnd_50:active{
256
256
  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
257
  background:var(--_rs-menu-mi-active-background);
258
258
  }
259
- ._menuItem_v352yq_50._selected_v352yq_99{
259
+ ._menuItem_7gfrnd_50._selected_7gfrnd_99{
260
260
  color:var(--_rs-menu-mi-selected-color);
261
261
  background:var(--_rs-menu-mi-selected-background);
262
262
  }
263
- ._menuItem_v352yq_50._highlighted_v352yq_106,
264
- ._menuItem_v352yq_50:not(._disableCursor_v352yq_107):hover{
263
+ ._menuItem_7gfrnd_50._highlighted_7gfrnd_106,
264
+ ._menuItem_7gfrnd_50:not(._disableCursor_7gfrnd_107):hover{
265
265
  color:var(--_rs-menu-mi-hover-color);
266
266
  background:var(--_rs-menu-mi-hover-background);
267
267
  }
268
- ._menuItem_v352yq_50._highlighted_v352yq_106._selected_v352yq_99,
269
- ._menuItem_v352yq_50._selected_v352yq_99:not(._disableCursor_v352yq_107):hover{
268
+ ._menuItem_7gfrnd_50._highlighted_7gfrnd_106._selected_7gfrnd_99,
269
+ ._menuItem_7gfrnd_50._selected_7gfrnd_99:not(._disableCursor_7gfrnd_107):hover{
270
270
  color:var(--_rs-menu-mi-selected-hover-color);
271
271
  background-color:var(--_rs-menu-mi-selected-hover-background);
272
272
  }
273
- ._menuItem_v352yq_50._disabled_v352yq_120{
273
+ ._menuItem_7gfrnd_50._disabled_7gfrnd_120{
274
274
  pointer-events:none;
275
275
 
276
276
  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
277
  }
278
- ._disableCursor_v352yq_107{
278
+ ._disableCursor_7gfrnd_107{
279
279
  pointer-events:none;
280
280
  }
281
- ._content_v352yq_131{
281
+ ._content_7gfrnd_131{
282
282
  flex-grow:1;
283
283
 
284
284
  font-size:inherit;
285
285
  }
286
- ._icon_v352yq_35{
286
+ ._icon_7gfrnd_35{
287
287
  flex:0 0;
288
288
  flex-basis:auto;
289
289
  }
290
- ._divider_v352yq_144{
290
+ ._divider_7gfrnd_144{
291
291
  flex-shrink:0;
292
292
 
293
293
  width:100%;
@@ -298,16 +298,16 @@
298
298
 
299
299
  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
300
  }
301
- ._groupHeaderThemeLight_v352yq_158{
301
+ ._groupHeaderThemeLight_7gfrnd_158{
302
302
  --rs-theme-dark:0;
303
303
  }
304
- ._groupHeaderThemeDark_v352yq_161{
304
+ ._groupHeaderThemeDark_7gfrnd_161{
305
305
  --rs-theme-dark:1;
306
306
  }
307
- ._groupHeaderSizeL_v352yq_165{
307
+ ._groupHeaderSizeL_7gfrnd_165{
308
308
  --_rs-menu-gh-vertical-padding:12px;
309
309
  --_rs-menu-gh-horizontal-padding:16px;
310
- --_rs-typography-letter-spacing:normal;
310
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
311
311
  --_rs-typography-text-transform:initial;
312
312
  --_rs-typography-font-variant-numeric:initial;
313
313
  --_rs-typography-font-family:var(
@@ -337,10 +337,10 @@
337
337
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
338
338
  --_rs-typography-link-border-bottom-width-from-text:2px;
339
339
  }
340
- ._groupHeaderSizeM_v352yq_168{
340
+ ._groupHeaderSizeM_7gfrnd_168{
341
341
  --_rs-menu-gh-vertical-padding:8px;
342
342
  --_rs-menu-gh-horizontal-padding:16px;
343
- --_rs-typography-letter-spacing:normal;
343
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
344
344
  --_rs-typography-text-transform:initial;
345
345
  --_rs-typography-font-variant-numeric:initial;
346
346
  --_rs-typography-font-family:var(
@@ -370,10 +370,10 @@
370
370
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
371
371
  --_rs-typography-link-border-bottom-width-from-text:2px;
372
372
  }
373
- ._groupHeaderSizeS_v352yq_171{
373
+ ._groupHeaderSizeS_7gfrnd_171{
374
374
  --_rs-menu-gh-vertical-padding:6px;
375
375
  --_rs-menu-gh-horizontal-padding:8px;
376
- --_rs-typography-letter-spacing:normal;
376
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
377
377
  --_rs-typography-text-transform:initial;
378
378
  --_rs-typography-font-variant-numeric:initial;
379
379
  --_rs-typography-font-family:var(
@@ -403,7 +403,7 @@
403
403
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
404
404
  --_rs-typography-link-border-bottom-width-from-text:2px;
405
405
  }
406
- ._groupHeader_v352yq_158{
406
+ ._groupHeader_7gfrnd_158{
407
407
  --_rs-theme-dark:var(
408
408
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
409
409
  var(--rs-theme-dark, 0)
@@ -413,7 +413,7 @@
413
413
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
414
414
  }
415
415
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
416
- ._groupHeader_v352yq_158{
416
+ ._groupHeader_7gfrnd_158{
417
417
  --_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
418
  --_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
419
  --_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 +422,7 @@
422
422
  }
423
423
  }
424
424
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
425
- ._groupHeader_v352yq_158{
425
+ ._groupHeader_7gfrnd_158{
426
426
  --_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
427
  --_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
428
  --_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 +430,7 @@
430
430
  --_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
431
  }
432
432
  }
433
- ._groupHeader_v352yq_158 {
433
+ ._groupHeader_7gfrnd_158 {
434
434
  letter-spacing:var(
435
435
  --rs-text-base-letter-spacing,
436
436
  var(--_rs-typography-letter-spacing)
package/lib/index.p.module.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_v352yq_8",
3
- "themeDark": "_themeDark_v352yq_11",
4
- "sizeS": "_sizeS_v352yq_15",
5
- "sizeM": "_sizeM_v352yq_18",
6
- "sizeL": "_sizeL_v352yq_21",
7
- "modeClassic": "_modeClassic_v352yq_25",
8
- "modeRock": "_modeRock_v352yq_28",
9
- "modeClear": "_modeClear_v352yq_31",
10
- "iconPlacementLeft": "_iconPlacementLeft_v352yq_35",
11
- "iconPlacementRight": "_iconPlacementRight_v352yq_39",
12
- "wrapper": "_wrapper_v352yq_43",
13
- "menuItem": "_menuItem_v352yq_50",
14
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_v352yq_85",
15
- "selected": "_selected_v352yq_99",
16
- "highlighted": "_highlighted_v352yq_106",
17
- "disableCursor": "_disableCursor_v352yq_107",
18
- "disabled": "_disabled_v352yq_120",
19
- "content": "_content_v352yq_131",
20
- "icon": "_icon_v352yq_35",
21
- "divider": "_divider_v352yq_144",
22
- "groupHeaderThemeLight": "_groupHeaderThemeLight_v352yq_158",
23
- "groupHeaderThemeDark": "_groupHeaderThemeDark_v352yq_161",
24
- "groupHeaderSizeL": "_groupHeaderSizeL_v352yq_165",
25
- "groupHeaderSizeM": "_groupHeaderSizeM_v352yq_168",
26
- "groupHeaderSizeS": "_groupHeaderSizeS_v352yq_171",
27
- "groupHeader": "_groupHeader_v352yq_158"
2
+ "themeLight": "_themeLight_7gfrnd_8",
3
+ "themeDark": "_themeDark_7gfrnd_11",
4
+ "sizeS": "_sizeS_7gfrnd_15",
5
+ "sizeM": "_sizeM_7gfrnd_18",
6
+ "sizeL": "_sizeL_7gfrnd_21",
7
+ "modeClassic": "_modeClassic_7gfrnd_25",
8
+ "modeRock": "_modeRock_7gfrnd_28",
9
+ "modeClear": "_modeClear_7gfrnd_31",
10
+ "iconPlacementLeft": "_iconPlacementLeft_7gfrnd_35",
11
+ "iconPlacementRight": "_iconPlacementRight_7gfrnd_39",
12
+ "wrapper": "_wrapper_7gfrnd_43",
13
+ "menuItem": "_menuItem_7gfrnd_50",
14
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_7gfrnd_85",
15
+ "selected": "_selected_7gfrnd_99",
16
+ "highlighted": "_highlighted_7gfrnd_106",
17
+ "disableCursor": "_disableCursor_7gfrnd_107",
18
+ "disabled": "_disabled_7gfrnd_120",
19
+ "content": "_content_7gfrnd_131",
20
+ "icon": "_icon_7gfrnd_35",
21
+ "divider": "_divider_7gfrnd_144",
22
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_7gfrnd_158",
23
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_7gfrnd_161",
24
+ "groupHeaderSizeL": "_groupHeaderSizeL_7gfrnd_165",
25
+ "groupHeaderSizeM": "_groupHeaderSizeM_7gfrnd_168",
26
+ "groupHeaderSizeS": "_groupHeaderSizeS_7gfrnd_171",
27
+ "groupHeader": "_groupHeader_7gfrnd_158"
28
28
  };
29
29
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --_rs-menu-mi-icon-offset:8px;
4
4
  --_rs-menu-mi-vertical-padding:6px;
5
5
  --_rs-menu-mi-horizontal-padding:8px;
6
- --_rs-typography-letter-spacing:0.0045em;
6
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
7
7
  --_rs-typography-text-transform:initial;
8
8
  --_rs-typography-font-variant-numeric:initial;
9
9
  --_rs-typography-font-family:var(
@@ -39,7 +39,7 @@
39
39
  & [data-rs-internal="menu__group-header"]{
40
40
  --_rs-menu-gh-vertical-padding:6px;
41
41
  --_rs-menu-gh-horizontal-padding:8px;
42
- --_rs-typography-letter-spacing:normal;
42
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
43
43
  --_rs-typography-text-transform:initial;
44
44
  --_rs-typography-font-variant-numeric:initial;
45
45
  --_rs-typography-font-family:var(
@@ -75,7 +75,7 @@
75
75
  --_rs-menu-mi-icon-offset:8px;
76
76
  --_rs-menu-mi-vertical-padding:8px;
77
77
  --_rs-menu-mi-horizontal-padding:16px;
78
- --_rs-typography-letter-spacing:0.0015em;
78
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
79
79
  --_rs-typography-text-transform:initial;
80
80
  --_rs-typography-font-variant-numeric:initial;
81
81
  --_rs-typography-font-family:var(
@@ -116,7 +116,7 @@
116
116
  & [data-rs-internal="menu__group-header"]{
117
117
  --_rs-menu-gh-vertical-padding:8px;
118
118
  --_rs-menu-gh-horizontal-padding:16px;
119
- --_rs-typography-letter-spacing:normal;
119
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
120
120
  --_rs-typography-text-transform:initial;
121
121
  --_rs-typography-font-variant-numeric:initial;
122
122
  --_rs-typography-font-family:var(
@@ -152,7 +152,7 @@
152
152
  --_rs-menu-mi-icon-offset:16px;
153
153
  --_rs-menu-mi-vertical-padding:12px;
154
154
  --_rs-menu-mi-horizontal-padding:16px;
155
- --_rs-typography-letter-spacing:normal;
155
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
156
156
  --_rs-typography-text-transform:initial;
157
157
  --_rs-typography-font-variant-numeric:initial;
158
158
  --_rs-typography-font-family:var(
@@ -193,7 +193,7 @@
193
193
  & [data-rs-internal="menu__group-header"]{
194
194
  --_rs-menu-gh-vertical-padding:12px;
195
195
  --_rs-menu-gh-horizontal-padding:16px;
196
- --_rs-typography-letter-spacing:normal;
196
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
197
197
  --_rs-typography-text-transform:initial;
198
198
  --_rs-typography-font-variant-numeric:initial;
199
199
  --_rs-typography-font-family:var(
@@ -288,7 +288,7 @@
288
288
  --_rs-menu-mi-icon-offset:8px;
289
289
  --_rs-menu-mi-vertical-padding:6px;
290
290
  --_rs-menu-mi-horizontal-padding:8px;
291
- --_rs-typography-letter-spacing:0.0045em;
291
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
292
292
  --_rs-typography-text-transform:initial;
293
293
  --_rs-typography-font-variant-numeric:initial;
294
294
  --_rs-typography-font-family:var(
@@ -327,7 +327,7 @@
327
327
  --_rs-menu-mi-icon-offset:8px;
328
328
  --_rs-menu-mi-vertical-padding:8px;
329
329
  --_rs-menu-mi-horizontal-padding:16px;
330
- --_rs-typography-letter-spacing:0.0015em;
330
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
331
331
  --_rs-typography-text-transform:initial;
332
332
  --_rs-typography-font-variant-numeric:initial;
333
333
  --_rs-typography-font-family:var(
@@ -371,7 +371,7 @@
371
371
  --_rs-menu-mi-icon-offset:16px;
372
372
  --_rs-menu-mi-vertical-padding:12px;
373
373
  --_rs-menu-mi-horizontal-padding:16px;
374
- --_rs-typography-letter-spacing:normal;
374
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
375
375
  --_rs-typography-text-transform:initial;
376
376
  --_rs-typography-font-variant-numeric:initial;
377
377
  --_rs-typography-font-family:var(
@@ -473,7 +473,7 @@
473
473
  &[class]{
474
474
  --_rs-menu-gh-vertical-padding:6px;
475
475
  --_rs-menu-gh-horizontal-padding:8px;
476
- --_rs-typography-letter-spacing:normal;
476
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
477
477
  --_rs-typography-text-transform:initial;
478
478
  --_rs-typography-font-variant-numeric:initial;
479
479
  --_rs-typography-font-family:var(
@@ -508,7 +508,7 @@
508
508
  &[class]{
509
509
  --_rs-menu-gh-vertical-padding:8px;
510
510
  --_rs-menu-gh-horizontal-padding:16px;
511
- --_rs-typography-letter-spacing:normal;
511
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
512
512
  --_rs-typography-text-transform:initial;
513
513
  --_rs-typography-font-variant-numeric:initial;
514
514
  --_rs-typography-font-family:var(
@@ -543,7 +543,7 @@
543
543
  &[class]{
544
544
  --_rs-menu-gh-vertical-padding:12px;
545
545
  --_rs-menu-gh-horizontal-padding:16px;
546
- --_rs-typography-letter-spacing:normal;
546
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
547
547
  --_rs-typography-text-transform:initial;
548
548
  --_rs-typography-font-variant-numeric:initial;
549
549
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -3,7 +3,7 @@
3
3
  --_rs-menu-mi-icon-offset:8px;
4
4
  --_rs-menu-mi-vertical-padding:6px;
5
5
  --_rs-menu-mi-horizontal-padding:8px;
6
- --_rs-typography-letter-spacing:0.0045em;
6
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
7
7
  --_rs-typography-text-transform:initial;
8
8
  --_rs-typography-font-variant-numeric:initial;
9
9
  --_rs-typography-font-family:var(
@@ -39,7 +39,7 @@
39
39
  & [data-rs-internal="menu__group-header"]{
40
40
  --_rs-menu-gh-vertical-padding:6px;
41
41
  --_rs-menu-gh-horizontal-padding:8px;
42
- --_rs-typography-letter-spacing:normal;
42
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
43
43
  --_rs-typography-text-transform:initial;
44
44
  --_rs-typography-font-variant-numeric:initial;
45
45
  --_rs-typography-font-family:var(
@@ -75,7 +75,7 @@
75
75
  --_rs-menu-mi-icon-offset:8px;
76
76
  --_rs-menu-mi-vertical-padding:8px;
77
77
  --_rs-menu-mi-horizontal-padding:16px;
78
- --_rs-typography-letter-spacing:0.0015em;
78
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
79
79
  --_rs-typography-text-transform:initial;
80
80
  --_rs-typography-font-variant-numeric:initial;
81
81
  --_rs-typography-font-family:var(
@@ -116,7 +116,7 @@
116
116
  & [data-rs-internal="menu__group-header"]{
117
117
  --_rs-menu-gh-vertical-padding:8px;
118
118
  --_rs-menu-gh-horizontal-padding:16px;
119
- --_rs-typography-letter-spacing:normal;
119
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
120
120
  --_rs-typography-text-transform:initial;
121
121
  --_rs-typography-font-variant-numeric:initial;
122
122
  --_rs-typography-font-family:var(
@@ -152,7 +152,7 @@
152
152
  --_rs-menu-mi-icon-offset:16px;
153
153
  --_rs-menu-mi-vertical-padding:12px;
154
154
  --_rs-menu-mi-horizontal-padding:16px;
155
- --_rs-typography-letter-spacing:normal;
155
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
156
156
  --_rs-typography-text-transform:initial;
157
157
  --_rs-typography-font-variant-numeric:initial;
158
158
  --_rs-typography-font-family:var(
@@ -193,7 +193,7 @@
193
193
  & [data-rs-internal="menu__group-header"]{
194
194
  --_rs-menu-gh-vertical-padding:12px;
195
195
  --_rs-menu-gh-horizontal-padding:16px;
196
- --_rs-typography-letter-spacing:normal;
196
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
197
197
  --_rs-typography-text-transform:initial;
198
198
  --_rs-typography-font-variant-numeric:initial;
199
199
  --_rs-typography-font-family:var(
@@ -288,7 +288,7 @@
288
288
  --_rs-menu-mi-icon-offset:8px;
289
289
  --_rs-menu-mi-vertical-padding:6px;
290
290
  --_rs-menu-mi-horizontal-padding:8px;
291
- --_rs-typography-letter-spacing:0.0045em;
291
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
292
292
  --_rs-typography-text-transform:initial;
293
293
  --_rs-typography-font-variant-numeric:initial;
294
294
  --_rs-typography-font-family:var(
@@ -327,7 +327,7 @@
327
327
  --_rs-menu-mi-icon-offset:8px;
328
328
  --_rs-menu-mi-vertical-padding:8px;
329
329
  --_rs-menu-mi-horizontal-padding:16px;
330
- --_rs-typography-letter-spacing:0.0015em;
330
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
331
331
  --_rs-typography-text-transform:initial;
332
332
  --_rs-typography-font-variant-numeric:initial;
333
333
  --_rs-typography-font-family:var(
@@ -371,7 +371,7 @@
371
371
  --_rs-menu-mi-icon-offset:16px;
372
372
  --_rs-menu-mi-vertical-padding:12px;
373
373
  --_rs-menu-mi-horizontal-padding:16px;
374
- --_rs-typography-letter-spacing:normal;
374
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
375
375
  --_rs-typography-text-transform:initial;
376
376
  --_rs-typography-font-variant-numeric:initial;
377
377
  --_rs-typography-font-family:var(
@@ -473,7 +473,7 @@
473
473
  &[class]{
474
474
  --_rs-menu-gh-vertical-padding:6px;
475
475
  --_rs-menu-gh-horizontal-padding:8px;
476
- --_rs-typography-letter-spacing:normal;
476
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
477
477
  --_rs-typography-text-transform:initial;
478
478
  --_rs-typography-font-variant-numeric:initial;
479
479
  --_rs-typography-font-family:var(
@@ -508,7 +508,7 @@
508
508
  &[class]{
509
509
  --_rs-menu-gh-vertical-padding:8px;
510
510
  --_rs-menu-gh-horizontal-padding:16px;
511
- --_rs-typography-letter-spacing:normal;
511
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
512
512
  --_rs-typography-text-transform:initial;
513
513
  --_rs-typography-font-variant-numeric:initial;
514
514
  --_rs-typography-font-family:var(
@@ -543,7 +543,7 @@
543
543
  &[class]{
544
544
  --_rs-menu-gh-vertical-padding:12px;
545
545
  --_rs-menu-gh-horizontal-padding:16px;
546
- --_rs-typography-letter-spacing:normal;
546
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
547
547
  --_rs-typography-text-transform:initial;
548
548
  --_rs-typography-font-variant-numeric:initial;
549
549
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.10.11",
3
+ "version": "0.10.12",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,7 +27,7 @@
27
27
  "@rescui/colors": "^0.2.6",
28
28
  "@rescui/postcss-preset-library": "^0.2.2",
29
29
  "@rescui/scripts": "^0.3.5",
30
- "@rescui/typography": "^0.20.0",
30
+ "@rescui/typography": "^0.21.0",
31
31
  "@rescui/visual-regression": "^0.1.2",
32
32
  "postcss": "^8.3.0"
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": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
39
+ "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
40
40
  }