@omnia/runtime 8.0.31-vnext → 8.0.33-vnext

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 (17) hide show
  1. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +24 -13
  2. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +9 -0
  3. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +16 -10
  4. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +24 -1
  5. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +1 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css +0 -4
  7. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +15 -9
  8. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +292 -41
  9. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +5 -4
  10. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +3 -3
  11. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +9 -1
  12. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -0
  13. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -0
  14. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -1
  15. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -1
  16. package/package.json +5 -5
  17. /package/dist/localizations/{bb000000-0000-bbbb-0000-0000000000bb_localized.loc.en-us.json → bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json} +0 -0
@@ -15,14 +15,13 @@
15
15
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
16
16
  cursor: text;
17
17
  }
18
+ .v-autocomplete .v-field--variant-outlined {
19
+ --autocomplete-chips-margin-bottom: 2px;
20
+ }
18
21
  .v-autocomplete .v-field .v-field__input > input {
19
22
  align-self: flex-start;
20
23
  flex: 1 1;
21
24
  }
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);
25
- }
26
25
  .v-autocomplete .v-field:not(.v-field--focused) input {
27
26
  min-width: 0;
28
27
  }
@@ -49,17 +48,25 @@
49
48
  line-height: inherit;
50
49
  max-width: 100%;
51
50
  }
52
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
53
- opacity: var(--v-high-emphasis-opacity);
54
- transform: rotate(180deg);
51
+ .v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
52
+ min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
55
53
  }
56
- .v-autocomplete--chips .v-autocomplete__selection {
54
+ .v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
57
55
  margin-top: 2px;
58
56
  margin-bottom: var(--autocomplete-chips-margin-bottom);
59
57
  }
60
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
58
+ .v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
61
59
  margin-inline-start: 0;
62
60
  }
61
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
62
+ opacity: var(--v-medium-emphasis-opacity);
63
+ }
64
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
65
+ opacity: 1;
66
+ }
67
+ .v-autocomplete--selecting-index .v-field__input > input {
68
+ caret-color: transparent;
69
+ }
63
70
  .v-autocomplete--single.v-text-field input {
64
71
  flex: 1 1;
65
72
  position: absolute;
@@ -75,11 +82,15 @@
75
82
  .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
76
83
  opacity: 0;
77
84
  }
78
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
85
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
79
86
  opacity: 0;
80
87
  }
81
- .v-autocomplete--selection-slot.v-text-field input {
82
- position: relative;
83
- padding-inline-start: 0;
88
+ .v-autocomplete__menu-icon {
89
+ margin-inline-start: 4px;
90
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
91
+ }
92
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
93
+ opacity: var(--v-high-emphasis-opacity);
94
+ transform: rotate(180deg);
84
95
  }
85
96
 
@@ -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,
@@ -15,14 +15,13 @@
15
15
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
16
16
  cursor: text;
17
17
  }
18
+ .v-combobox .v-field--variant-outlined {
19
+ --combobox-chips-margin-bottom: 2px;
20
+ }
18
21
  .v-combobox .v-field .v-field__input > input {
19
22
  align-self: flex-start;
20
23
  flex: 1 1;
21
24
  }
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);
25
- }
26
25
  .v-combobox .v-field:not(.v-field--focused) input {
27
26
  min-width: 0;
28
27
  }
@@ -49,15 +48,14 @@
49
48
  line-height: inherit;
50
49
  max-width: 100%;
51
50
  }
52
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
53
- opacity: var(--v-high-emphasis-opacity);
54
- transform: rotate(180deg);
51
+ .v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
52
+ min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
55
53
  }
56
- .v-combobox--chips .v-combobox__selection {
54
+ .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
57
55
  margin-top: 2px;
58
56
  margin-bottom: var(--combobox-chips-margin-bottom);
59
57
  }
60
- .v-combobox--chips .v-combobox__selection:first-child {
58
+ .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
61
59
  margin-inline-start: 0;
62
60
  }
63
61
  .v-combobox--selecting-index .v-combobox__selection {
@@ -67,7 +65,7 @@
67
65
  opacity: 1;
68
66
  }
69
67
  .v-combobox--selecting-index .v-field__input > input {
70
- caret-color: transparent !important;
68
+ caret-color: transparent;
71
69
  }
72
70
  .v-combobox--single.v-text-field input {
73
71
  flex: 1 1;
@@ -87,4 +85,12 @@
87
85
  .v-combobox--single .v-field--focused .v-combobox__selection {
88
86
  opacity: 0;
89
87
  }
88
+ .v-combobox__menu-icon {
89
+ margin-inline-start: 4px;
90
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
91
+ }
92
+ .v-combobox--active-menu .v-combobox__menu-icon {
93
+ opacity: var(--v-high-emphasis-opacity);
94
+ transform: rotate(180deg);
95
+ }
90
96
 
@@ -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;
@@ -310,6 +311,24 @@
310
311
  left: 0;
311
312
  pointer-events: none;
312
313
  }
314
+ @supports selector(:focus-visible) {
315
+ .v-list-item::after {
316
+ content: "";
317
+ position: absolute;
318
+ top: 0;
319
+ left: 0;
320
+ width: 100%;
321
+ height: 100%;
322
+ pointer-events: none;
323
+ border: 2px solid currentColor;
324
+ border-radius: 4px;
325
+ opacity: 0;
326
+ transition: opacity 0.2s ease-in-out;
327
+ }
328
+ .v-list-item:focus-visible::after {
329
+ opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
330
+ }
331
+ }
313
332
  .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
314
333
  opacity: var(--v-medium-emphasis-opacity);
315
334
  }
@@ -716,6 +735,8 @@
716
735
 
717
736
  .v-navigation-drawer__scrim {
718
737
  position: absolute;
738
+ top: 0;
739
+ left: 0;
719
740
  width: 100%;
720
741
  height: 100%;
721
742
  background: black;
@@ -747,7 +768,7 @@
747
768
  overflow: hidden;
748
769
  position: relative;
749
770
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
750
- transition-property: height, width, transform, max-width, left, right, top, bottom;
771
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
751
772
  width: 100%;
752
773
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
753
774
  border-style: solid;
@@ -817,6 +838,8 @@
817
838
  width: 100%;
818
839
  height: 100%;
819
840
  display: flex;
841
+ opacity: var(--v-toolbar-image-opacity, 1);
842
+ transition-property: opacity;
820
843
  }
821
844
 
822
845
  .v-toolbar__prepend,
@@ -129,6 +129,7 @@
129
129
  z-index: 1;
130
130
  }
131
131
 
132
+ .v-data-table-rows-loading,
132
133
  .v-data-table-rows-no-data {
133
134
  text-align: center;
134
135
  }
@@ -36,10 +36,6 @@
36
36
  .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
37
37
  transform: scale(1.25);
38
38
  }
39
- .v-rating__item--focused .v-btn__overlay {
40
- display: block;
41
- opacity: var(--v-hover-opacity);
42
- }
43
39
  .v-rating__item--half {
44
40
  overflow: hidden;
45
41
  position: absolute;
@@ -15,6 +15,9 @@
15
15
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
16
16
  cursor: pointer;
17
17
  }
18
+ .v-select .v-field--variant-outlined {
19
+ --select-chips-margin-bottom: 2px;
20
+ }
18
21
  .v-select .v-field .v-field__input > input {
19
22
  align-self: flex-start;
20
23
  opacity: 1;
@@ -24,10 +27,6 @@
24
27
  transition: none;
25
28
  pointer-events: none;
26
29
  }
27
- .v-select .v-field .v-field__append-inner > .v-icon {
28
- margin-inline-start: 4px;
29
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
30
- }
31
30
  .v-select .v-field--dirty .v-select__selection {
32
31
  margin-inline-end: 2px;
33
32
  }
@@ -47,18 +46,25 @@
47
46
  line-height: inherit;
48
47
  max-width: 100%;
49
48
  }
50
- .v-select--active-menu .v-field__append-inner > .v-icon {
51
- opacity: var(--v-high-emphasis-opacity);
52
- transform: rotate(180deg);
49
+ .v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
50
+ min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
53
51
  }
54
- .v-select--chips .v-select__selection {
52
+ .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
55
53
  margin-top: 2px;
56
54
  margin-bottom: var(--select-chips-margin-bottom);
57
55
  }
58
- .v-select--chips .v-select__selection:first-child {
56
+ .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
59
57
  margin-inline-start: 0;
60
58
  }
61
59
  .v-select--selected .v-field .v-field__input > input {
62
60
  opacity: 0;
63
61
  }
62
+ .v-select__menu-icon {
63
+ margin-inline-start: 4px;
64
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
65
+ }
66
+ .v-select--active-menu .v-select__menu-icon {
67
+ opacity: var(--v-high-emphasis-opacity);
68
+ transform: rotate(180deg);
69
+ }
64
70