@omnia/runtime 8.0.51-dev → 8.0.52-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 (17) hide show
  1. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +8 -11
  2. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +1 -2
  3. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +8 -11
  4. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +33 -36
  5. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +16 -3
  6. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +50 -84
  7. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +4 -1
  8. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +0 -4
  9. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +1 -2
  10. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +1306 -510
  11. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +2 -12
  12. package/dist/bundles/omnia.fx.ux.vuetify.snackbar_1f46e84f-1223-4080-ab9f-40d1489b71e6.css +9 -0
  13. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +2 -30
  14. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +11 -46
  15. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +8 -15
  16. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -1
  17. package/package.json +5 -5
@@ -28,8 +28,7 @@
28
28
 
29
29
  .v-slider.v-input--horizontal {
30
30
  align-items: center;
31
- margin-inline-start: 8px;
32
- margin-inline-end: 8px;
31
+ margin-inline: 8px 8px;
33
32
  }
34
33
  .v-slider.v-input--horizontal > .v-input__control {
35
34
  min-height: 32px;
@@ -311,17 +310,8 @@
311
310
  .v-slider.v-input--horizontal .v-slider-thumb {
312
311
  top: 50%;
313
312
  transform: translateY(-50%);
313
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
314
314
  }
315
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb {
316
- left: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
317
- right: unset;
318
- }
319
-
320
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb {
321
- left: unset;
322
- right: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
323
- }
324
-
325
315
  .v-slider.v-input--horizontal .v-slider-thumb__label-container {
326
316
  left: calc(var(--v-slider-thumb-size) / 2);
327
317
  top: 0;
@@ -13,6 +13,7 @@
13
13
  max-width: 672px;
14
14
  min-height: 48px;
15
15
  min-width: 344px;
16
+ overflow: hidden;
16
17
  padding: 0;
17
18
  border-radius: 4px;
18
19
  }
@@ -77,6 +78,14 @@
77
78
  padding: 0 8px;
78
79
  min-width: auto;
79
80
  }
81
+ .v-snackbar__timer {
82
+ width: 100%;
83
+ position: absolute;
84
+ top: 0;
85
+ }
86
+ .v-snackbar__timer .v-progress-linear {
87
+ transition: 0.2s linear;
88
+ }
80
89
  .v-snackbar--absolute {
81
90
  position: absolute;
82
91
  z-index: 1;
@@ -23,18 +23,8 @@
23
23
  --v-field-padding-end: 0;
24
24
  }
25
25
 
26
- .v-text-field .v-field__input input {
27
- margin-top: var(--v-input-chips-margin-top);
28
- margin-bottom: var(--v-input-chips-margin-bottom);
29
- }
30
- .v-text-field input.v-field__input {
31
- min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px) - var(--v-input-chips-margin-top) - var(--v-input-chips-margin-bottom));
32
- padding-top: calc(var(--v-input-chips-margin-top) + var(--v-field-input-padding-top));
33
- padding-bottom: calc(var(--v-input-chips-margin-bottom) + var(--v-field-input-padding-bottom));
34
- }
35
26
  .v-text-field .v-input__details {
36
- padding-inline-start: 16px;
37
- padding-inline-end: 16px;
27
+ padding-inline: 16px;
38
28
  }
39
29
  .v-text-field .v-field--no-label input,
40
30
  .v-text-field .v-field--active input {
@@ -54,14 +44,10 @@
54
44
  opacity: 0;
55
45
  transition: inherit;
56
46
  white-space: nowrap;
57
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
47
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
58
48
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
59
49
  padding-bottom: var(--v-field-padding-bottom, 6px);
60
50
  }
61
- .v-text-field__prefix__text, .v-text-field__suffix__text {
62
- margin-top: var(--v-input-chips-margin-top);
63
- margin-bottom: var(--v-input-chips-margin-bottom);
64
- }
65
51
  .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
66
52
  opacity: 1;
67
53
  }
@@ -76,18 +62,4 @@
76
62
  }
77
63
 
78
64
  /* endregion */
79
- /* region MODIFIERS */
80
- .v-text-field--plain-underlined {
81
- --v-field-padding-top--plain-underlined: 6px;
82
- }
83
- .v-text-field--plain-underlined .v-input__details {
84
- padding: 0;
85
- }
86
- .v-text-field--plain-underlined .v-input__prepend,
87
- .v-text-field--plain-underlined .v-input__append {
88
- align-items: flex-start;
89
- padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
90
- }
91
-
92
- /* endregion */
93
65
 
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .v-timeline--vertical.v-timeline {
37
- grid-row-gap: 24px;
37
+ row-gap: 24px;
38
38
  height: 100%;
39
39
  }
40
40
  .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
@@ -89,15 +89,8 @@
89
89
  .v-timeline--horizontal .v-timeline-divider__before {
90
90
  height: var(--v-timeline-line-thickness);
91
91
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
92
- }
93
- .v-locale--is-ltr.v-timeline--horizontal .v-timeline-divider__before, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
94
- left: -12px;
95
- right: initial;
96
- }
97
-
98
- .v-locale--is-rtl.v-timeline--horizontal .v-timeline-divider__before, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
99
- right: -12px;
100
- left: initial;
92
+ inset-inline-start: -12px;
93
+ inset-inline-end: initial;
101
94
  }
102
95
 
103
96
  .v-timeline--vertical .v-timeline-divider__before {
@@ -113,15 +106,8 @@
113
106
  .v-timeline--horizontal .v-timeline-divider__after {
114
107
  height: var(--v-timeline-line-thickness);
115
108
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
116
- }
117
- .v-locale--is-ltr.v-timeline--horizontal .v-timeline-divider__after, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
118
- right: -12px;
119
- left: initial;
120
- }
121
-
122
- .v-locale--is-rtl.v-timeline--horizontal .v-timeline-divider__after, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after {
123
- left: -12px;
124
- right: initial;
109
+ inset-inline-end: -12px;
110
+ inset-inline-start: initial;
125
111
  }
126
112
 
127
113
  .v-timeline--vertical .v-timeline-divider__after {
@@ -137,15 +123,8 @@
137
123
 
138
124
  .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
139
125
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
140
- }
141
- .v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
142
- left: 0;
143
- right: initial;
144
- }
145
-
146
- .v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
147
- right: 0;
148
- left: initial;
126
+ inset-inline-start: 0;
127
+ inset-inline-end: initial;
149
128
  }
150
129
 
151
130
  .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
@@ -154,15 +133,8 @@
154
133
 
155
134
  .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
156
135
  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
157
- }
158
- .v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
159
- right: -12px;
160
- left: initial;
161
- }
162
-
163
- .v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
164
- left: -12px;
165
- right: initial;
136
+ inset-inline-end: -12px;
137
+ inset-inline-start: initial;
166
138
  }
167
139
 
168
140
  .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
@@ -180,15 +152,8 @@
180
152
 
181
153
  .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
182
154
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
183
- }
184
- .v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
185
- right: 0;
186
- left: initial;
187
- }
188
-
189
- .v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
190
- left: 0;
191
- right: initial;
155
+ inset-inline-end: 0;
156
+ inset-inline-start: initial;
192
157
  }
193
158
 
194
159
  .v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
@@ -78,15 +78,8 @@
78
78
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
79
79
  border-radius: 50%;
80
80
  overflow: hidden;
81
+ margin-inline-end: 24px;
81
82
  }
82
- .v-locale--is-ltr.v-color-picker-preview__dot, .v-locale--is-ltr .v-color-picker-preview__dot {
83
- margin-right: 24px;
84
- }
85
-
86
- .v-locale--is-rtl.v-color-picker-preview__dot, .v-locale--is-rtl .v-color-picker-preview__dot {
87
- margin-left: 24px;
88
- }
89
-
90
83
  .v-color-picker-preview__dot > div {
91
84
  width: 100%;
92
85
  height: 100%;
@@ -114,6 +107,11 @@
114
107
  display: flex;
115
108
  margin-bottom: 0;
116
109
  }
110
+
111
+ .v-color-picker-preview__eye-dropper {
112
+ position: relative;
113
+ margin-right: 12px;
114
+ }
117
115
  .v-color-picker-edit {
118
116
  display: flex;
119
117
  margin-top: 24px;
@@ -126,14 +124,9 @@
126
124
  justify-content: center;
127
125
  text-align: center;
128
126
  }
129
- .v-locale--is-ltr.v-color-picker-edit__input:not(:last-child), .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
130
- margin-right: 8px;
127
+ .v-color-picker-edit__input:not(:last-child) {
128
+ margin-inline-end: 8px;
131
129
  }
132
-
133
- .v-locale--is-rtl.v-color-picker-edit__input:not(:last-child), .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
134
- margin-left: 8px;
135
- }
136
-
137
130
  .v-color-picker-edit__input input {
138
131
  border-radius: 4px;
139
132
  margin-bottom: 8px;