@omnia/runtime 8.0.29-vnext → 8.0.30-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 (80) hide show
  1. package/dist/bundles/omfx.monacoeditor_dd2a06c1-85a6-4fd9-a542-1cc9d34ed98e.css +2263 -2051
  2. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +30 -29
  3. package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css +29 -0
  4. package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css +1 -0
  5. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +4 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +9 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +22 -26
  8. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +64 -19
  9. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +5 -14
  10. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +319 -0
  11. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +15 -6
  12. package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css +0 -4
  13. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +15 -25
  14. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +6 -1
  15. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +2320 -1938
  16. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +37 -20
  17. package/dist/bundles/omnia.fx.ux.vuetify.stepper_3104db5f-e983-4e06-925e-9b5375276512.css +110 -0
  18. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +32 -20
  19. package/dist/bundles/omnia.fx.ux.vuetify.textarea_19c78eb2-a849-4859-a12a-e6f84649d816.css +4 -7
  20. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +23 -1
  21. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +31 -25
  22. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +0 -1
  23. package/dist/bundles/omnia.vendor.prod_aaf89b2d-5ea8-4b79-946a-8c1e89f713a3.css +27388 -15890
  24. package/dist/bundles/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.css +27388 -15890
  25. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +186 -0
  26. package/dist/fonts/fa-brands-400_0601cf57e567a5aa17eb20224da792b4.ttf +0 -0
  27. package/dist/fonts/fa-brands-400_e24fcc1b7ece401606b1ce88f377554a.woff2 +0 -0
  28. package/dist/fonts/fa-duotone-900_ca0b8a6f1b508d2ecca815c8bda5c209.woff2 +0 -0
  29. package/dist/fonts/fa-duotone-900_da904eb8d1a121a111b78f542bd1f652.ttf +0 -0
  30. package/dist/fonts/fa-light-300_2006c9ff100617e95eb87e3c3fb223f6.ttf +0 -0
  31. package/dist/fonts/fa-light-300_441b578192c1b1e771cfce263d87bcb1.woff2 +0 -0
  32. package/dist/fonts/fa-regular-400_ba0c0a7588d6b4fc8fb79da558071726.ttf +0 -0
  33. package/dist/fonts/fa-regular-400_e4bb547bebf70ca2cb4948560f59302a.woff2 +0 -0
  34. package/dist/fonts/fa-solid-900_2f8c37423114769918ded8b5ec9ef160.woff2 +0 -0
  35. package/dist/fonts/fa-solid-900_6fa0a8232f0352e4c0f8207a83d5378b.ttf +0 -0
  36. package/dist/fonts/fa-thin-100_4bda47dd5caf66e70f60620e66ec926c.woff2 +0 -0
  37. package/dist/fonts/fa-thin-100_881316d6d7081aee5419e49909fef37f.ttf +0 -0
  38. package/dist/fonts/fa-v4compatibility_166bb44555a94706e528636bcfb85bea.ttf +0 -0
  39. package/dist/fonts/fa-v4compatibility_2575bf69211b13c08444913854491fc6.woff2 +0 -0
  40. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.editor.en-us.json +1 -0
  41. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -0
  42. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -0
  43. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -0
  44. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -0
  45. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -0
  46. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_servicemanifest.json +1 -1
  47. package/package.json +5 -5
  48. package/dist/bundles/omfx.markdown.renderer_c8b990d0-1ddc-45ab-930b-4409fc406435.css +0 -488
  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
@@ -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
  }