@rescui/menu 0.10.7 → 0.10.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.css +39 -39
  2. package/lib/index.p.module.css.js +26 -26
  3. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_1l3f4db_8{
1
+ ._themeLight_1j8t23g_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1l3f4db_11{
4
+ ._themeDark_1j8t23g_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1l3f4db_15{
7
+ ._sizeS_1j8t23g_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_1l3f4db_18{
44
+ ._sizeM_1j8t23g_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;
@@ -79,11 +79,11 @@
79
79
  --_rs-typography-link-border-bottom-width-from-text:1px;
80
80
  }
81
81
  @media screen and (max-width: 640px){
82
- ._sizeM_1l3f4db_18{
82
+ ._sizeM_1j8t23g_18{
83
83
  --_rs-typography-list-li-margin-top-from-text:12px;
84
84
  }
85
85
  }
86
- ._sizeL_1l3f4db_21{
86
+ ._sizeL_1j8t23g_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;
@@ -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_1l3f4db_21{
124
+ ._sizeL_1j8t23g_21{
125
125
  --_rs-typography-list-li-margin-top-from-text:16px;
126
126
  }
127
127
  }
128
- ._modeClassic_1l3f4db_25{
128
+ ._modeClassic_1j8t23g_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_1l3f4db_28{
142
+ ._modeRock_1j8t23g_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_1l3f4db_31{
156
+ ._modeClear_1j8t23g_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_1l3f4db_35{
169
+ ._iconPlacementLeft_1j8t23g_35{
170
170
  --_rs-menu-mi-flex-direction:row;
171
171
  --_rs-menu-mi-justify-content:initial;
172
172
  }
173
- ._iconPlacementRight_1l3f4db_39{
173
+ ._iconPlacementRight_1j8t23g_39{
174
174
  --_rs-menu-mi-flex-direction:row-reverse;
175
175
  --_rs-menu-mi-justify-content:space-between;
176
176
  }
177
- ._wrapper_1l3f4db_43{
177
+ ._wrapper_1j8t23g_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_1l3f4db_43{
187
+ ._wrapper_1j8t23g_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_1l3f4db_43{
196
+ ._wrapper_1j8t23g_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,7 +201,7 @@
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_1l3f4db_43 {
204
+ ._wrapper_1j8t23g_43 {
205
205
 
206
206
  display:-webkit-box;
207
207
 
@@ -209,7 +209,7 @@
209
209
 
210
210
  display:flex;
211
211
  }
212
- ._menuItem_1l3f4db_50{
212
+ ._menuItem_1j8t23g_50{
213
213
  letter-spacing:var(
214
214
  --rs-text-base-letter-spacing,
215
215
  var(--_rs-typography-letter-spacing)
@@ -262,54 +262,54 @@
262
262
  -webkit-font-smoothing:inherit;
263
263
  -moz-osx-font-smoothing:inherit;
264
264
  }
265
- ._menuItem_1l3f4db_50:focus{
265
+ ._menuItem_1j8t23g_50:focus{
266
266
  outline:none;
267
267
  }
268
- ._keyboardNavigationDisabled_1l3f4db_85 ._menuItem_1l3f4db_50:focus[data-focus-method='key']{
268
+ ._keyboardNavigationDisabled_1j8t23g_85 ._menuItem_1j8t23g_50:focus[data-focus-method='key']{
269
269
  -webkit-box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
270
270
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
271
271
  }
272
- ._menuItem_1l3f4db_50:active{
272
+ ._menuItem_1j8t23g_50:active{
273
273
  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));
274
274
  background:var(--_rs-menu-mi-active-background);
275
275
  }
276
- ._menuItem_1l3f4db_50._selected_1l3f4db_99{
276
+ ._menuItem_1j8t23g_50._selected_1j8t23g_99{
277
277
  color:var(--_rs-menu-mi-selected-color);
278
278
  background:var(--_rs-menu-mi-selected-background);
279
279
  }
280
- ._menuItem_1l3f4db_50._highlighted_1l3f4db_106,
281
- ._menuItem_1l3f4db_50:not(._disableCursor_1l3f4db_107):hover{
280
+ ._menuItem_1j8t23g_50._highlighted_1j8t23g_106,
281
+ ._menuItem_1j8t23g_50:not(._disableCursor_1j8t23g_107):hover{
282
282
  color:var(--_rs-menu-mi-hover-color);
283
283
  background:var(--_rs-menu-mi-hover-background);
284
284
  }
285
- ._menuItem_1l3f4db_50._highlighted_1l3f4db_106._selected_1l3f4db_99,
286
- ._menuItem_1l3f4db_50._selected_1l3f4db_99:not(._disableCursor_1l3f4db_107):hover{
285
+ ._menuItem_1j8t23g_50._highlighted_1j8t23g_106._selected_1j8t23g_99,
286
+ ._menuItem_1j8t23g_50._selected_1j8t23g_99:not(._disableCursor_1j8t23g_107):hover{
287
287
  color:var(--_rs-menu-mi-selected-hover-color);
288
288
  background-color:var(--_rs-menu-mi-selected-hover-background);
289
289
  }
290
- ._menuItem_1l3f4db_50._disabled_1l3f4db_120{
290
+ ._menuItem_1j8t23g_50._disabled_1j8t23g_120{
291
291
  pointer-events:none;
292
292
 
293
293
  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);
294
294
  }
295
- ._disableCursor_1l3f4db_107{
295
+ ._disableCursor_1j8t23g_107{
296
296
  pointer-events:none;
297
297
  }
298
- ._content_1l3f4db_131{
298
+ ._content_1j8t23g_131{
299
299
  -webkit-box-flex:1;
300
300
  -ms-flex-positive:1;
301
301
  flex-grow:1;
302
302
 
303
303
  font-size:inherit;
304
304
  }
305
- ._icon_1l3f4db_35{
305
+ ._icon_1j8t23g_35{
306
306
  -webkit-box-flex:0;
307
307
  -ms-flex:0 0;
308
308
  flex:0 0;
309
309
  -ms-flex-preferred-size:auto;
310
310
  flex-basis:auto;
311
311
  }
312
- ._divider_1l3f4db_144{
312
+ ._divider_1j8t23g_144{
313
313
  -ms-flex-negative:0;
314
314
  flex-shrink:0;
315
315
 
@@ -321,13 +321,13 @@
321
321
 
322
322
  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);
323
323
  }
324
- ._groupHeaderThemeLight_1l3f4db_158{
324
+ ._groupHeaderThemeLight_1j8t23g_158{
325
325
  --rs-theme-dark:0;
326
326
  }
327
- ._groupHeaderThemeDark_1l3f4db_161{
327
+ ._groupHeaderThemeDark_1j8t23g_161{
328
328
  --rs-theme-dark:1;
329
329
  }
330
- ._groupHeaderSizeL_1l3f4db_165{
330
+ ._groupHeaderSizeL_1j8t23g_165{
331
331
  --_rs-menu-gh-vertical-padding:12px;
332
332
  --_rs-menu-gh-horizontal-padding:16px;
333
333
  --_rs-typography-letter-spacing:normal;
@@ -360,7 +360,7 @@
360
360
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
361
361
  --_rs-typography-link-border-bottom-width-from-text:2px;
362
362
  }
363
- ._groupHeaderSizeM_1l3f4db_168{
363
+ ._groupHeaderSizeM_1j8t23g_168{
364
364
  --_rs-menu-gh-vertical-padding:8px;
365
365
  --_rs-menu-gh-horizontal-padding:16px;
366
366
  --_rs-typography-letter-spacing:normal;
@@ -393,7 +393,7 @@
393
393
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
394
394
  --_rs-typography-link-border-bottom-width-from-text:2px;
395
395
  }
396
- ._groupHeaderSizeS_1l3f4db_171{
396
+ ._groupHeaderSizeS_1j8t23g_171{
397
397
  --_rs-menu-gh-vertical-padding:6px;
398
398
  --_rs-menu-gh-horizontal-padding:8px;
399
399
  --_rs-typography-letter-spacing:normal;
@@ -426,7 +426,7 @@
426
426
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
427
427
  --_rs-typography-link-border-bottom-width-from-text:2px;
428
428
  }
429
- ._groupHeader_1l3f4db_158{
429
+ ._groupHeader_1j8t23g_158{
430
430
  --_rs-theme-dark:var(
431
431
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
432
432
  var(--rs-theme-dark, 0)
@@ -436,7 +436,7 @@
436
436
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
437
437
  }
438
438
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
439
- ._groupHeader_1l3f4db_158{
439
+ ._groupHeader_1j8t23g_158{
440
440
  --_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)));
441
441
  --_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)));
442
442
  --_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)));
@@ -445,7 +445,7 @@
445
445
  }
446
446
  }
447
447
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
448
- ._groupHeader_1l3f4db_158{
448
+ ._groupHeader_1j8t23g_158{
449
449
  --_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);
450
450
  --_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));
451
451
  --_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));
@@ -453,7 +453,7 @@
453
453
  --_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));
454
454
  }
455
455
  }
456
- ._groupHeader_1l3f4db_158 {
456
+ ._groupHeader_1j8t23g_158 {
457
457
  letter-spacing:var(
458
458
  --rs-text-base-letter-spacing,
459
459
  var(--_rs-typography-letter-spacing)
package/lib/index.p.module.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1l3f4db_8",
3
- "themeDark": "_themeDark_1l3f4db_11",
4
- "sizeS": "_sizeS_1l3f4db_15",
5
- "sizeM": "_sizeM_1l3f4db_18",
6
- "sizeL": "_sizeL_1l3f4db_21",
7
- "modeClassic": "_modeClassic_1l3f4db_25",
8
- "modeRock": "_modeRock_1l3f4db_28",
9
- "modeClear": "_modeClear_1l3f4db_31",
10
- "iconPlacementLeft": "_iconPlacementLeft_1l3f4db_35",
11
- "iconPlacementRight": "_iconPlacementRight_1l3f4db_39",
12
- "wrapper": "_wrapper_1l3f4db_43",
13
- "menuItem": "_menuItem_1l3f4db_50",
14
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1l3f4db_85",
15
- "selected": "_selected_1l3f4db_99",
16
- "highlighted": "_highlighted_1l3f4db_106",
17
- "disableCursor": "_disableCursor_1l3f4db_107",
18
- "disabled": "_disabled_1l3f4db_120",
19
- "content": "_content_1l3f4db_131",
20
- "icon": "_icon_1l3f4db_35",
21
- "divider": "_divider_1l3f4db_144",
22
- "groupHeaderThemeLight": "_groupHeaderThemeLight_1l3f4db_158",
23
- "groupHeaderThemeDark": "_groupHeaderThemeDark_1l3f4db_161",
24
- "groupHeaderSizeL": "_groupHeaderSizeL_1l3f4db_165",
25
- "groupHeaderSizeM": "_groupHeaderSizeM_1l3f4db_168",
26
- "groupHeaderSizeS": "_groupHeaderSizeS_1l3f4db_171",
27
- "groupHeader": "_groupHeader_1l3f4db_158"
2
+ "themeLight": "_themeLight_1j8t23g_8",
3
+ "themeDark": "_themeDark_1j8t23g_11",
4
+ "sizeS": "_sizeS_1j8t23g_15",
5
+ "sizeM": "_sizeM_1j8t23g_18",
6
+ "sizeL": "_sizeL_1j8t23g_21",
7
+ "modeClassic": "_modeClassic_1j8t23g_25",
8
+ "modeRock": "_modeRock_1j8t23g_28",
9
+ "modeClear": "_modeClear_1j8t23g_31",
10
+ "iconPlacementLeft": "_iconPlacementLeft_1j8t23g_35",
11
+ "iconPlacementRight": "_iconPlacementRight_1j8t23g_39",
12
+ "wrapper": "_wrapper_1j8t23g_43",
13
+ "menuItem": "_menuItem_1j8t23g_50",
14
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1j8t23g_85",
15
+ "selected": "_selected_1j8t23g_99",
16
+ "highlighted": "_highlighted_1j8t23g_106",
17
+ "disableCursor": "_disableCursor_1j8t23g_107",
18
+ "disabled": "_disabled_1j8t23g_120",
19
+ "content": "_content_1j8t23g_131",
20
+ "icon": "_icon_1j8t23g_35",
21
+ "divider": "_divider_1j8t23g_144",
22
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_1j8t23g_158",
23
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_1j8t23g_161",
24
+ "groupHeaderSizeL": "_groupHeaderSizeL_1j8t23g_165",
25
+ "groupHeaderSizeM": "_groupHeaderSizeM_1j8t23g_168",
26
+ "groupHeaderSizeS": "_groupHeaderSizeS_1j8t23g_171",
27
+ "groupHeader": "_groupHeader_1j8t23g_158"
28
28
  };
29
29
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.10.7",
3
+ "version": "0.10.8",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -28,7 +28,7 @@
28
28
  "@rescui/colors": "^0.2.5",
29
29
  "@rescui/postcss-preset-library": "^0.2.2",
30
30
  "@rescui/scripts": "^0.3.4",
31
- "@rescui/typography": "^0.18.1",
31
+ "@rescui/typography": "^0.18.2",
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": "3de71c679695fe3ca490baeaa24ab2331eb2e3a8"
40
+ "gitHead": "dd4daa4d090de538f8e90608cc39027ea8018603"
41
41
  }