@omnia/runtime 8.0.25-vnext → 8.0.26-dev

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 (81) hide show
  1. package/dist/bundles/omfx.markdown.editor_744b3f31-e00c-4815-b63e-caf638ad7a7a.css +2072 -0
  2. package/dist/bundles/omfx.monacoeditor_dd2a06c1-85a6-4fd9-a542-1cc9d34ed98e.css +2263 -2051
  3. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +30 -29
  4. package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css +29 -0
  5. package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css +1 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +4 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +9 -0
  8. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +22 -26
  9. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +64 -19
  10. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +5 -14
  11. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +319 -0
  12. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +15 -6
  13. package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css +0 -4
  14. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +15 -25
  15. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +6 -1
  16. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +2320 -1938
  17. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +37 -20
  18. package/dist/bundles/omnia.fx.ux.vuetify.stepper_3104db5f-e983-4e06-925e-9b5375276512.css +110 -0
  19. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +32 -20
  20. package/dist/bundles/omnia.fx.ux.vuetify.textarea_19c78eb2-a849-4859-a12a-e6f84649d816.css +4 -7
  21. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +23 -1
  22. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +31 -25
  23. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +0 -1
  24. package/dist/bundles/omnia.vendor.prod_aaf89b2d-5ea8-4b79-946a-8c1e89f713a3.css +27388 -15890
  25. package/dist/bundles/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.css +27388 -15890
  26. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +186 -0
  27. package/dist/fonts/fa-brands-400_0601cf57e567a5aa17eb20224da792b4.ttf +0 -0
  28. package/dist/fonts/fa-brands-400_e24fcc1b7ece401606b1ce88f377554a.woff2 +0 -0
  29. package/dist/fonts/fa-duotone-900_ca0b8a6f1b508d2ecca815c8bda5c209.woff2 +0 -0
  30. package/dist/fonts/fa-duotone-900_da904eb8d1a121a111b78f542bd1f652.ttf +0 -0
  31. package/dist/fonts/fa-light-300_2006c9ff100617e95eb87e3c3fb223f6.ttf +0 -0
  32. package/dist/fonts/fa-light-300_441b578192c1b1e771cfce263d87bcb1.woff2 +0 -0
  33. package/dist/fonts/fa-regular-400_ba0c0a7588d6b4fc8fb79da558071726.ttf +0 -0
  34. package/dist/fonts/fa-regular-400_e4bb547bebf70ca2cb4948560f59302a.woff2 +0 -0
  35. package/dist/fonts/fa-solid-900_2f8c37423114769918ded8b5ec9ef160.woff2 +0 -0
  36. package/dist/fonts/fa-solid-900_6fa0a8232f0352e4c0f8207a83d5378b.ttf +0 -0
  37. package/dist/fonts/fa-thin-100_4bda47dd5caf66e70f60620e66ec926c.woff2 +0 -0
  38. package/dist/fonts/fa-thin-100_881316d6d7081aee5419e49909fef37f.ttf +0 -0
  39. package/dist/fonts/fa-v4compatibility_166bb44555a94706e528636bcfb85bea.ttf +0 -0
  40. package/dist/fonts/fa-v4compatibility_2575bf69211b13c08444913854491fc6.woff2 +0 -0
  41. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.editor.en-us.json +1 -0
  42. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -0
  43. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -0
  44. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -0
  45. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -0
  46. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -0
  47. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_servicemanifest.json +1 -1
  48. package/package.json +5 -5
  49. package/dist/fonts/fa-brands-400_2563b3e3a6a903e85f8a5fa88dbf538b.eot +0 -0
  50. package/dist/fonts/fa-brands-400_3533db5f6d4bb62ec2d507557e99320f.woff2 +0 -0
  51. package/dist/fonts/fa-brands-400_59167fb59d703ba519a06201490351bb.woff +0 -0
  52. package/dist/fonts/fa-brands-400_74cebd55f90c6cbc840d5c533fae4255.svg +0 -1
  53. package/dist/fonts/fa-brands-400_f891686c02d561760ea0c668c0197bf9.ttf +0 -0
  54. package/dist/fonts/fa-duotone-900_3079c0e01076f6301fa74d1f35c71fa4.svg +0 -1
  55. package/dist/fonts/fa-duotone-900_4bd9f123e62d823eba06a3a89b138958.eot +0 -0
  56. package/dist/fonts/fa-duotone-900_56c28157e969556945ee6f50d232527d.woff +0 -0
  57. package/dist/fonts/fa-duotone-900_a4a71b0d384ff8966c7aaf50c56f22c3.woff2 +0 -0
  58. package/dist/fonts/fa-duotone-900_cb751065ae9ac2915ca3667253ad20e0.ttf +0 -0
  59. package/dist/fonts/fa-light-300_102dcd2113828918d901554f9cad7f46.ttf +0 -0
  60. package/dist/fonts/fa-light-300_44931d2b26ba16405d9daac56131b844.woff +0 -0
  61. package/dist/fonts/fa-light-300_6265ad13b6a2275b7efcbae945d9d99c.woff2 +0 -0
  62. package/dist/fonts/fa-light-300_ab0ae8fbd9e02df6bb867eb623d0418a.svg +0 -1
  63. package/dist/fonts/fa-light-300_af237b233f468bc688b9a1a8359d204d.eot +0 -0
  64. package/dist/fonts/fa-regular-400_2261bb07dd3e9987ff015e83da5204dd.svg +0 -1
  65. package/dist/fonts/fa-regular-400_31e6727562147589b4d79522204fc9e5.woff2 +0 -0
  66. package/dist/fonts/fa-regular-400_6de71e8b1f2e7cc46eaf43fb9464a27f.eot +0 -0
  67. package/dist/fonts/fa-regular-400_a15a569f9274c3c067e021664a6cb504.woff +0 -0
  68. package/dist/fonts/fa-regular-400_abc4686311fc6242c96f827c7eb0282a.ttf +0 -0
  69. package/dist/fonts/fa-solid-900_302ff55483aa3a0051e38d36d84521bd.ttf +0 -0
  70. package/dist/fonts/fa-solid-900_33484065de46cbd7642f1ccfa7fb0b1c.woff +0 -0
  71. package/dist/fonts/fa-solid-900_648f6c54acb5522e1db288f64ae243e0.woff2 +0 -0
  72. package/dist/fonts/fa-solid-900_7e66c7847849e3d32d856af7bbb5ae92.svg +0 -1
  73. package/dist/fonts/fa-solid-900_abe688eccd9d8a59af1e9739bae69bbe.eot +0 -0
  74. package/dist/images/fa-brands-400.svg +0 -3496
  75. package/dist/images/fa-duotone-900.svg +0 -13908
  76. package/dist/images/fa-light-300.svg +0 -11174
  77. package/dist/images/fa-regular-400.svg +0 -10229
  78. package/dist/images/fa-solid-900.svg +0 -8736
  79. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.en-us.json +0 -1
  80. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_manifests.json +0 -1
  81. /package/dist/bundles/{omnia.libs.prismjs_200989af-08cf-4adc-a0bf-13e3109ca137.css → omfx.libs.prismjs_200989af-08cf-4adc-a0bf-13e3109ca137.css} +0 -0
@@ -1,15 +1,3 @@
1
- .v-input--density-default {
2
- --autocomplete-chips-margin-bottom: 0px;
3
- }
4
-
5
- .v-input--density-comfortable {
6
- --autocomplete-chips-margin-bottom: 2px;
7
- }
8
-
9
- .v-input--density-compact {
10
- --autocomplete-chips-margin-bottom: 4px;
11
- }
12
-
13
1
  .v-autocomplete .v-field .v-text-field__prefix,
14
2
  .v-autocomplete .v-field .v-text-field__suffix,
15
3
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -19,9 +7,8 @@
19
7
  align-self: flex-start;
20
8
  flex: 1 1;
21
9
  }
22
- .v-autocomplete .v-field .v-field__append-inner > .v-icon {
23
- margin-inline-start: 4px;
24
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
10
+ .v-autocomplete .v-field input {
11
+ min-width: 64px;
25
12
  }
26
13
  .v-autocomplete .v-field:not(.v-field--focused) input {
27
14
  min-width: 0;
@@ -29,7 +16,7 @@
29
16
  .v-autocomplete .v-field--dirty .v-autocomplete__selection {
30
17
  margin-inline-end: 2px;
31
18
  }
32
- .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
19
+ .v-autocomplete .v-autocomplete__selection-text {
33
20
  overflow: hidden;
34
21
  text-overflow: ellipsis;
35
22
  white-space: nowrap;
@@ -45,21 +32,27 @@
45
32
  }
46
33
  .v-autocomplete__selection {
47
34
  display: inline-flex;
35
+ align-items: center;
48
36
  letter-spacing: inherit;
49
37
  line-height: inherit;
50
- max-width: 100%;
51
- }
52
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
53
- opacity: var(--v-high-emphasis-opacity);
54
- transform: rotate(180deg);
38
+ max-width: 90%;
55
39
  }
56
- .v-autocomplete--chips .v-autocomplete__selection {
57
- margin-top: 2px;
58
- margin-bottom: var(--autocomplete-chips-margin-bottom);
40
+ .v-autocomplete__selection {
41
+ margin-top: var(--v-input-chips-margin-top);
42
+ margin-bottom: var(--v-input-chips-margin-bottom);
59
43
  }
60
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
44
+ .v-autocomplete__selection:first-child {
61
45
  margin-inline-start: 0;
62
46
  }
47
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
48
+ opacity: var(--v-medium-emphasis-opacity);
49
+ }
50
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
51
+ opacity: 1;
52
+ }
53
+ .v-autocomplete--selecting-index .v-field__input > input {
54
+ caret-color: transparent;
55
+ }
63
56
  .v-autocomplete--single.v-text-field input {
64
57
  flex: 1 1;
65
58
  position: absolute;
@@ -69,17 +62,25 @@
69
62
  padding-inline-start: inherit;
70
63
  padding-inline-end: inherit;
71
64
  }
65
+ .v-autocomplete--single .v-field--variant-outlined input {
66
+ top: 50%;
67
+ transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
68
+ }
72
69
  .v-autocomplete--single .v-field--active input {
73
70
  transition: none;
74
71
  }
75
72
  .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
76
73
  opacity: 0;
77
74
  }
78
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
75
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
79
76
  opacity: 0;
80
77
  }
81
- .v-autocomplete--selection-slot.v-text-field input {
82
- position: relative;
83
- padding-inline-start: 0;
78
+ .v-autocomplete__menu-icon {
79
+ margin-inline-start: 4px;
80
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
81
+ }
82
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
83
+ opacity: var(--v-high-emphasis-opacity);
84
+ transform: rotate(180deg);
84
85
  }
85
86
 
@@ -23,6 +23,9 @@
23
23
  .ProseMirror-hideselection *::-moz-selection { background: transparent; }
24
24
  .ProseMirror-hideselection { caret-color: transparent; }
25
25
 
26
+ /* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
27
+ .ProseMirror [draggable][contenteditable=false] { user-select: text }
28
+
26
29
  .ProseMirror-selectednode {
27
30
  outline: 2px solid #8cf;
28
31
  }
@@ -50,3 +53,29 @@ img.ProseMirror-separator {
50
53
  margin: 0 !important;
51
54
  }
52
55
 
56
+ .ProseMirror-gapcursor {
57
+ display: none;
58
+ pointer-events: none;
59
+ position: absolute;
60
+ }
61
+
62
+ .ProseMirror-gapcursor:after {
63
+ content: "";
64
+ display: block;
65
+ position: absolute;
66
+ top: -2px;
67
+ width: 20px;
68
+ border-top: 1px solid black;
69
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
70
+ }
71
+
72
+ @keyframes ProseMirror-cursor-blink {
73
+ to {
74
+ visibility: hidden;
75
+ }
76
+ }
77
+
78
+ .ProseMirror-focused .ProseMirror-gapcursor {
79
+ display: block;
80
+ }
81
+
@@ -48,6 +48,7 @@
48
48
  flex-grow: 1;
49
49
  }
50
50
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
51
+ transition: inherit;
51
52
  opacity: 0;
52
53
  }
53
54
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
@@ -39,6 +39,10 @@
39
39
  opacity: var(--v-disabled-opacity);
40
40
  pointer-events: none;
41
41
  }
42
+ .v-breadcrumbs-item--link {
43
+ color: inherit;
44
+ text-decoration: none;
45
+ }
42
46
  .v-breadcrumbs-item--link:hover {
43
47
  text-decoration: underline;
44
48
  }
@@ -4,6 +4,7 @@
4
4
  display: inline-flex;
5
5
  font-weight: 400;
6
6
  max-width: 100%;
7
+ min-width: 0;
7
8
  overflow: hidden;
8
9
  position: relative;
9
10
  text-decoration: none;
@@ -349,6 +350,14 @@
349
350
  border-radius: 4px;
350
351
  }
351
352
 
353
+ .v-chip__content {
354
+ align-items: center;
355
+ display: inline-flex;
356
+ }
357
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
358
+ overflow: hidden;
359
+ }
360
+
352
361
  .v-chip__filter,
353
362
  .v-chip__prepend,
354
363
  .v-chip__append,
@@ -1,15 +1,3 @@
1
- .v-input--density-default {
2
- --combobox-chips-margin-bottom: 0px;
3
- }
4
-
5
- .v-input--density-comfortable {
6
- --combobox-chips-margin-bottom: 2px;
7
- }
8
-
9
- .v-input--density-compact {
10
- --combobox-chips-margin-bottom: 4px;
11
- }
12
-
13
1
  .v-combobox .v-field .v-text-field__prefix,
14
2
  .v-combobox .v-field .v-text-field__suffix,
15
3
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19,9 +7,8 @@
19
7
  align-self: flex-start;
20
8
  flex: 1 1;
21
9
  }
22
- .v-combobox .v-field .v-field__append-inner > .v-icon {
23
- margin-inline-start: 4px;
24
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
10
+ .v-combobox .v-field input {
11
+ min-width: 64px;
25
12
  }
26
13
  .v-combobox .v-field:not(.v-field--focused) input {
27
14
  min-width: 0;
@@ -29,7 +16,7 @@
29
16
  .v-combobox .v-field--dirty .v-combobox__selection {
30
17
  margin-inline-end: 2px;
31
18
  }
32
- .v-combobox .v-field--single-line .v-combobox__selection-text {
19
+ .v-combobox .v-combobox__selection-text {
33
20
  overflow: hidden;
34
21
  text-overflow: ellipsis;
35
22
  white-space: nowrap;
@@ -45,19 +32,16 @@
45
32
  }
46
33
  .v-combobox__selection {
47
34
  display: inline-flex;
35
+ align-items: center;
48
36
  letter-spacing: inherit;
49
37
  line-height: inherit;
50
- max-width: 100%;
38
+ max-width: 90%;
51
39
  }
52
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
53
- opacity: var(--v-high-emphasis-opacity);
54
- transform: rotate(180deg);
55
- }
56
- .v-combobox--chips .v-combobox__selection {
57
- margin-top: 2px;
58
- margin-bottom: var(--combobox-chips-margin-bottom);
40
+ .v-combobox__selection {
41
+ margin-top: var(--v-input-chips-margin-top);
42
+ margin-bottom: var(--v-input-chips-margin-bottom);
59
43
  }
60
- .v-combobox--chips .v-combobox__selection:first-child {
44
+ .v-combobox__selection:first-child {
61
45
  margin-inline-start: 0;
62
46
  }
63
47
  .v-combobox--selecting-index .v-combobox__selection {
@@ -67,7 +51,7 @@
67
51
  opacity: 1;
68
52
  }
69
53
  .v-combobox--selecting-index .v-field__input > input {
70
- caret-color: transparent !important;
54
+ caret-color: transparent;
71
55
  }
72
56
  .v-combobox--single.v-text-field input {
73
57
  flex: 1 1;
@@ -78,6 +62,10 @@
78
62
  padding-inline-start: inherit;
79
63
  padding-inline-end: inherit;
80
64
  }
65
+ .v-combobox--single .v-field--variant-outlined input {
66
+ top: 50%;
67
+ transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
68
+ }
81
69
  .v-combobox--single .v-field--active input {
82
70
  transition: none;
83
71
  }
@@ -87,4 +75,12 @@
87
75
  .v-combobox--single .v-field--focused .v-combobox__selection {
88
76
  opacity: 0;
89
77
  }
78
+ .v-combobox__menu-icon {
79
+ margin-inline-start: 4px;
80
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
81
+ }
82
+ .v-combobox--active-menu .v-combobox__menu-icon {
83
+ opacity: var(--v-high-emphasis-opacity);
84
+ transform: rotate(180deg);
85
+ }
90
86
 
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  .v-tooltip > .v-overlay__content {
102
- background: rgba(var(--v-theme-surface-variant), 0.7);
102
+ background: rgb(var(--v-theme-surface-variant));
103
103
  color: rgb(var(--v-theme-on-surface-variant));
104
104
  border-radius: 4px;
105
105
  font-size: 0.875rem;
@@ -125,6 +125,7 @@
125
125
  overflow: auto;
126
126
  padding: 8px 0;
127
127
  position: relative;
128
+ outline: none;
128
129
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
129
130
  border-style: solid;
130
131
  border-width: 0;
@@ -145,9 +146,6 @@
145
146
  padding-inline-start: 8px;
146
147
  padding-inline-end: 8px;
147
148
  }
148
- .v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar {
149
- --v-avatar-height: 24px;
150
- }
151
149
  .v-list--rounded {
152
150
  border-radius: 4px;
153
151
  }
@@ -230,7 +228,7 @@
230
228
  display: grid;
231
229
  flex: none;
232
230
  grid-template-areas: "prepend content append";
233
- grid-template-columns: max-content auto max-content;
231
+ grid-template-columns: max-content 1fr auto;
234
232
  outline: none;
235
233
  max-width: 100%;
236
234
  padding: 4px 16px;
@@ -310,10 +308,32 @@
310
308
  left: 0;
311
309
  pointer-events: none;
312
310
  }
313
- .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
311
+ @supports selector(:focus-visible) {
312
+ .v-list-item::after {
313
+ content: "";
314
+ position: absolute;
315
+ top: 0;
316
+ left: 0;
317
+ width: 100%;
318
+ height: 100%;
319
+ pointer-events: none;
320
+ border: 2px solid currentColor;
321
+ border-radius: 4px;
322
+ opacity: 0;
323
+ transition: opacity 0.2s ease-in-out;
324
+ }
325
+ .v-list-item:focus-visible::after {
326
+ opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
327
+ }
328
+ }
329
+ .v-list-item__prepend > .v-badge .v-icon,
330
+ .v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
331
+ .v-list-item__append > .v-icon {
314
332
  opacity: var(--v-medium-emphasis-opacity);
315
333
  }
334
+ .v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
316
335
  .v-list-item--active .v-list-item__prepend > .v-icon,
336
+ .v-list-item--active .v-list-item__append > .v-badge .v-icon,
317
337
  .v-list-item--active .v-list-item__append > .v-icon {
318
338
  opacity: 1;
319
339
  }
@@ -328,6 +348,9 @@
328
348
  .v-list-item--link {
329
349
  cursor: pointer;
330
350
  }
351
+ .v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
352
+ --v-avatar-height: 24px;
353
+ }
331
354
 
332
355
  .v-list-item__prepend {
333
356
  align-items: center;
@@ -335,11 +358,13 @@
335
358
  display: flex;
336
359
  grid-area: prepend;
337
360
  }
338
- .v-list-item__prepend > .v-avatar {
339
- margin-inline-end: 16px;
361
+ .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
362
+ .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
363
+ .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
364
+ width: 32px;
340
365
  }
341
- .v-list-item__prepend > .v-icon {
342
- margin-inline-end: 32px;
366
+ .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
367
+ width: 16px;
343
368
  }
344
369
  .v-list-item--three-line .v-list-item__prepend {
345
370
  align-self: start;
@@ -350,12 +375,22 @@
350
375
  display: flex;
351
376
  align-items: center;
352
377
  grid-area: append;
378
+ overflow: hidden;
353
379
  }
354
- .v-list-item__append > .v-avatar {
355
- margin-inline-start: 16px;
380
+ .v-list-item__append .v-list-item__spacer {
381
+ order: -1;
382
+ transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
356
383
  }
357
- .v-list-item__append > .v-icon {
358
- margin-inline-start: 32px;
384
+ .v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item__append .v-list-item__spacer, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item__append .v-list-item__spacer {
385
+ width: 0;
386
+ }
387
+ .v-list-item__append > .v-badge ~ .v-list-item__spacer,
388
+ .v-list-item__append > .v-icon ~ .v-list-item__spacer,
389
+ .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
390
+ width: 32px;
391
+ }
392
+ .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
393
+ width: 16px;
359
394
  }
360
395
  .v-list-item--three-line .v-list-item__append {
361
396
  align-self: start;
@@ -615,6 +650,9 @@
615
650
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
616
651
  opacity: 0;
617
652
  }
653
+ .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
654
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
655
+ }
618
656
 
619
657
  .v-menu > .v-overlay__content {
620
658
  display: flex;
@@ -642,7 +680,6 @@
642
680
  transition-duration: 0.2s;
643
681
  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
644
682
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
645
- will-change: transform;
646
683
  position: absolute;
647
684
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
648
685
  border-style: solid;
@@ -716,6 +753,8 @@
716
753
 
717
754
  .v-navigation-drawer__scrim {
718
755
  position: absolute;
756
+ top: 0;
757
+ left: 0;
719
758
  width: 100%;
720
759
  height: 100%;
721
760
  background: black;
@@ -747,7 +786,7 @@
747
786
  overflow: hidden;
748
787
  position: relative;
749
788
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
750
- transition-property: height, width, transform, max-width, left, right, top, bottom;
789
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
751
790
  width: 100%;
752
791
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
753
792
  border-style: solid;
@@ -771,12 +810,14 @@
771
810
  .v-toolbar--collapse .v-toolbar-title {
772
811
  display: none;
773
812
  }
774
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
813
+ .v-locale--is-ltr.v-toolbar--collapse, .v-locale--is-ltr .v-toolbar--collapse {
775
814
  border-bottom-right-radius: 24px;
776
815
  }
777
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
816
+
817
+ .v-locale--is-rtl.v-toolbar--collapse, .v-locale--is-rtl .v-toolbar--collapse {
778
818
  border-bottom-left-radius: 24px;
779
819
  }
820
+
780
821
  .v-toolbar--flat {
781
822
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
782
823
  }
@@ -817,6 +858,8 @@
817
858
  width: 100%;
818
859
  height: 100%;
819
860
  display: flex;
861
+ opacity: var(--v-toolbar-image-opacity, 1);
862
+ transition-property: opacity;
820
863
  }
821
864
 
822
865
  .v-toolbar__prepend,
@@ -1227,6 +1270,7 @@
1227
1270
 
1228
1271
  .v-tabs.v-slide-group--vertical {
1229
1272
  height: auto;
1273
+ flex: none;
1230
1274
  --v-tabs-height: 48px;
1231
1275
  }
1232
1276
 
@@ -1268,6 +1312,7 @@
1268
1312
  }
1269
1313
  .v-tab.v-tab {
1270
1314
  --v-btn-height: var(--v-tabs-height);
1315
+ border-radius: 0;
1271
1316
  min-width: 90px;
1272
1317
  }
1273
1318
  .v-slide-group--horizontal .v-tab {
@@ -1593,7 +1638,7 @@
1593
1638
  position: absolute;
1594
1639
  right: 0;
1595
1640
  top: 0;
1596
- transform: scale(1.2);
1641
+ transform: scale(1.05);
1597
1642
  }
1598
1643
  .v-badge--dot .v-badge__badge {
1599
1644
  border-radius: 4.5px;
@@ -90,12 +90,6 @@
90
90
  opacity: 0.3;
91
91
  }
92
92
 
93
- .v-data-table__progress th {
94
- position: relative;
95
- border: none !important;
96
- height: auto !important;
97
- }
98
-
99
93
  .v-data-table-group-header-row__column {
100
94
  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
101
95
  }
@@ -119,16 +113,13 @@
119
113
  height: 20px;
120
114
  }
121
115
 
122
- .v-data-table-headers__loader {
123
- bottom: auto;
124
- top: 0;
125
- left: 0;
126
- position: absolute;
127
- right: 0;
128
- width: 100%;
129
- z-index: 1;
116
+ .v-data-table-progress > th {
117
+ border: none !important;
118
+ height: auto !important;
119
+ padding: 0 !important;
130
120
  }
131
121
 
122
+ .v-data-table-rows-loading,
132
123
  .v-data-table-rows-no-data {
133
124
  text-align: center;
134
125
  }