@omnia/runtime 8.0.21-vnext → 8.0.23-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.
@@ -471,6 +471,10 @@
471
471
  padding-top: 16px;
472
472
  padding-bottom: 16px;
473
473
  }
474
+ .v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
475
+ .v-list-item--density-default.v-list-item--three-line .v-list-item__append {
476
+ padding-top: 8px;
477
+ }
474
478
  .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
475
479
  padding-inline-start: 16px;
476
480
  padding-inline-end: 16px;
@@ -500,6 +504,10 @@
500
504
  padding-top: 12px;
501
505
  padding-bottom: 12px;
502
506
  }
507
+ .v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
508
+ .v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
509
+ padding-top: 6px;
510
+ }
503
511
  .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
504
512
  padding-inline-start: 16px;
505
513
  padding-inline-end: 16px;
@@ -529,6 +537,10 @@
529
537
  padding-top: 8px;
530
538
  padding-bottom: 8px;
531
539
  }
540
+ .v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
541
+ .v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
542
+ padding-top: 4px;
543
+ }
532
544
  .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
533
545
  padding-inline-start: 16px;
534
546
  padding-inline-end: 16px;
@@ -810,6 +822,7 @@
810
822
  .v-toolbar__prepend,
811
823
  .v-toolbar__append {
812
824
  align-items: center;
825
+ align-self: stretch;
813
826
  display: flex;
814
827
  }
815
828
 
@@ -852,6 +865,7 @@
852
865
  .v-toolbar-items {
853
866
  display: flex;
854
867
  height: inherit;
868
+ align-self: stretch;
855
869
  }
856
870
  .v-toolbar-items > .v-btn {
857
871
  border-radius: 0;
@@ -120,6 +120,230 @@
120
120
  }
121
121
 
122
122
 
123
+ .v-skeleton-loader {
124
+ align-items: center;
125
+ background: rgb(var(--v-theme-surface));
126
+ border-radius: 4px;
127
+ display: flex;
128
+ flex-wrap: wrap;
129
+ position: relative;
130
+ vertical-align: top;
131
+ }
132
+ .v-skeleton-loader__actions {
133
+ justify-content: end;
134
+ }
135
+ .v-skeleton-loader .v-skeleton-loader__avatar,
136
+ .v-skeleton-loader .v-skeleton-loader__button,
137
+ .v-skeleton-loader .v-skeleton-loader__chip,
138
+ .v-skeleton-loader .v-skeleton-loader__divider,
139
+ .v-skeleton-loader .v-skeleton-loader__heading,
140
+ .v-skeleton-loader .v-skeleton-loader__image,
141
+ .v-skeleton-loader .v-skeleton-loader__text {
142
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
143
+ }
144
+ .v-skeleton-loader .v-skeleton-loader__list-item,
145
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
146
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
147
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
148
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
149
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
150
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
151
+ border-radius: 4px;
152
+ }
153
+ .v-skeleton-loader__bone {
154
+ align-items: center;
155
+ border-radius: inherit;
156
+ display: flex;
157
+ flex: 1 1 100%;
158
+ flex-wrap: wrap;
159
+ overflow: hidden;
160
+ position: relative;
161
+ }
162
+ .v-skeleton-loader__bone::after {
163
+ content: "";
164
+ position: absolute;
165
+ top: 0;
166
+ left: 0;
167
+ width: 100%;
168
+ height: 100%;
169
+ animation: loading 1.5s infinite;
170
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
171
+ transform: translateX(-100%);
172
+ z-index: 1;
173
+ }
174
+ .v-skeleton-loader__avatar {
175
+ border-radius: 50%;
176
+ flex: 0 1 auto;
177
+ margin: 8px 16px;
178
+ max-height: 48px;
179
+ min-height: 48px;
180
+ height: 48px;
181
+ max-width: 48px;
182
+ min-width: 48px;
183
+ width: 48px;
184
+ }
185
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
186
+ flex: 1 1 auto;
187
+ margin-inline-start: 0;
188
+ }
189
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
190
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
191
+ margin-inline-start: 0;
192
+ }
193
+ .v-skeleton-loader__button {
194
+ border-radius: 4px;
195
+ height: 36px;
196
+ margin: 16px;
197
+ max-width: 64px;
198
+ }
199
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
200
+ flex: 1 1 auto;
201
+ margin-inline-start: 0;
202
+ }
203
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
204
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
205
+ margin-inline-start: 0;
206
+ }
207
+ .v-skeleton-loader__chip {
208
+ border-radius: 16px;
209
+ margin: 16px;
210
+ height: 32px;
211
+ max-width: 96px;
212
+ }
213
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
214
+ flex: 1 1 auto;
215
+ margin-inline-start: 0;
216
+ }
217
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
218
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
219
+ margin-inline-start: 0;
220
+ }
221
+ .v-skeleton-loader__date-picker {
222
+ border-radius: inherit;
223
+ }
224
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
225
+ max-width: 88px;
226
+ width: 20%;
227
+ }
228
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
229
+ max-width: 256px;
230
+ width: 40%;
231
+ }
232
+ .v-skeleton-loader__date-picker-days {
233
+ flex-wrap: wrap;
234
+ margin: 16px;
235
+ }
236
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
237
+ border-radius: 4px;
238
+ margin: 4px;
239
+ max-width: 100%;
240
+ }
241
+ .v-skeleton-loader__date-picker-options {
242
+ flex-wrap: nowrap;
243
+ }
244
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
245
+ flex: 1 1 auto;
246
+ }
247
+ .v-skeleton-loader__divider {
248
+ border-radius: 1px;
249
+ height: 2px;
250
+ }
251
+ .v-skeleton-loader__heading {
252
+ border-radius: 12px;
253
+ margin: 16px;
254
+ height: 24px;
255
+ }
256
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
257
+ margin-top: -16px;
258
+ }
259
+ .v-skeleton-loader__image {
260
+ height: 150px;
261
+ border-radius: 0;
262
+ }
263
+ .v-skeleton-loader__card .v-skeleton-loader__image {
264
+ border-radius: 0;
265
+ }
266
+ .v-skeleton-loader__list-item {
267
+ margin: 16px;
268
+ }
269
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
270
+ margin: 0;
271
+ }
272
+ .v-skeleton-loader__table-thead {
273
+ justify-content: space-between;
274
+ }
275
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
276
+ margin-top: 16px;
277
+ max-width: 16px;
278
+ }
279
+ .v-skeleton-loader__table-tfoot {
280
+ flex-wrap: nowrap;
281
+ }
282
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
283
+ margin-top: 16px;
284
+ }
285
+ .v-skeleton-loader__table-row {
286
+ align-items: baseline;
287
+ margin: 0 8px;
288
+ justify-content: space-evenly;
289
+ flex-wrap: nowrap;
290
+ }
291
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
292
+ margin-inline-start: 8px;
293
+ margin-inline-end: 8px;
294
+ }
295
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
296
+ margin: 0 16px;
297
+ }
298
+ .v-skeleton-loader__table-cell {
299
+ align-items: center;
300
+ display: flex;
301
+ height: 48px;
302
+ width: 88px;
303
+ }
304
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
305
+ margin-bottom: 0;
306
+ }
307
+ .v-skeleton-loader__subtitle {
308
+ max-width: 70%;
309
+ }
310
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
311
+ height: 16px;
312
+ border-radius: 8px;
313
+ }
314
+ .v-skeleton-loader__text {
315
+ border-radius: 6px;
316
+ margin: 16px;
317
+ height: 12px;
318
+ }
319
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
320
+ margin-top: -8px;
321
+ max-width: 50%;
322
+ }
323
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
324
+ max-width: 70%;
325
+ }
326
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
327
+ display: none;
328
+ }
329
+ .v-skeleton-loader--is-loading {
330
+ overflow: hidden;
331
+ }
332
+ .v-skeleton-loader--tile {
333
+ border-radius: 0;
334
+ }
335
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
336
+ border-radius: 0;
337
+ }
338
+
339
+ @keyframes loading {
340
+ 100% {
341
+ transform: translateX(100%);
342
+ }
343
+ }
344
+ .v-locale-provider {
345
+ display: contents;
346
+ }
123
347
  .v-application {
124
348
  display: flex;
125
349
  background: rgb(var(--v-theme-background));
@@ -1691,6 +1915,9 @@
1691
1915
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1692
1916
  width: 100%;
1693
1917
  }
1918
+ .v-progress-linear--rounded {
1919
+ border-radius: 9999px;
1920
+ }
1694
1921
 
1695
1922
  .v-progress-linear__background {
1696
1923
  background: currentColor;
@@ -1795,7 +2022,7 @@
1795
2022
  }
1796
2023
 
1797
2024
  .v-progress-linear--rounded {
1798
- border-radius: 4px;
2025
+ border-radius: 9999px;
1799
2026
  }
1800
2027
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
1801
2028
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
@@ -1804,7 +2031,7 @@
1804
2031
 
1805
2032
  .v-progress-linear--striped .v-progress-linear__determinate {
1806
2033
  animation: progress-linear-stripes 1s infinite linear;
1807
- background-image: linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0deg, 0%, 100%, 0.25) 0, hsla(0deg, 0%, 100%, 0.25) 75%, transparent 0, transparent);
2034
+ background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
1808
2035
  background-repeat: repeat;
1809
2036
  background-size: var(--v-progress-linear-height);
1810
2037
  }
@@ -1819,7 +2046,7 @@
1819
2046
  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
1820
2047
  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
1821
2048
  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
1822
- border-radius: 4px;
2049
+ border-radius: 9999px;
1823
2050
  }
1824
2051
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
1825
2052
  border-top-left-radius: 0;
@@ -1997,10 +2224,12 @@
1997
2224
  transition: all 0.2s ease-in-out;
1998
2225
  }
1999
2226
  .v-progress-circular--indeterminate .v-progress-circular__overlay {
2000
- animation: progress-circular-dash 1.4s ease-in-out infinite;
2227
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
2001
2228
  stroke-dasharray: 25, 200;
2002
2229
  stroke-dashoffset: 0;
2003
2230
  stroke-linecap: round;
2231
+ transform-origin: center center;
2232
+ transform: rotate(-90deg);
2004
2233
  }
2005
2234
 
2006
2235
  .v-progress-circular--disable-shrink > svg {
@@ -2394,7 +2623,7 @@ html.v-overlay-scroll-blocked {
2394
2623
  .v-table .v-table__wrapper > table > tfoot > tr > th {
2395
2624
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2396
2625
  }
2397
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
2626
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover td {
2398
2627
  background: rgba(var(--v-border-color), var(--v-hover-opacity));
2399
2628
  }
2400
2629
  .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
@@ -16,6 +16,10 @@
16
16
  background-color: rgb(var(--v-theme-error));
17
17
  }
18
18
 
19
+ .v-selection-control--dirty .v-switch__thumb {
20
+ color: currentColor;
21
+ }
22
+
19
23
  .v-switch__track {
20
24
  border-radius: 8px;
21
25
  height: 14px;