@omnia/runtime 8.0.163-dev → 8.0.165-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.
@@ -683,25 +683,6 @@
683
683
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
684
684
  }
685
685
 
686
- .v-menu > .v-overlay__content {
687
- display: flex;
688
- flex-direction: column;
689
- border-radius: 4px;
690
- }
691
- .v-menu > .v-overlay__content > .v-card,
692
- .v-menu > .v-overlay__content > .v-sheet,
693
- .v-menu > .v-overlay__content > .v-list {
694
- background: rgb(var(--v-theme-surface));
695
- border-radius: inherit;
696
- overflow: auto;
697
- height: 100%;
698
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
699
- }
700
-
701
- .v-speed-dial__content {
702
- gap: 8px;
703
- }
704
-
705
686
  .v-navigation-drawer {
706
687
  -webkit-overflow-scrolling: touch;
707
688
  background: rgb(var(--v-theme-surface));
@@ -0,0 +1,15 @@
1
+ .v-menu > .v-overlay__content {
2
+ display: flex;
3
+ flex-direction: column;
4
+ border-radius: 4px;
5
+ }
6
+ .v-menu > .v-overlay__content > .v-card,
7
+ .v-menu > .v-overlay__content > .v-sheet,
8
+ .v-menu > .v-overlay__content > .v-list {
9
+ background: rgb(var(--v-theme-surface));
10
+ border-radius: inherit;
11
+ overflow: auto;
12
+ height: 100%;
13
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
14
+ }
15
+
@@ -67,3 +67,43 @@
67
67
 
68
68
  /* endregion */
69
69
 
70
+ .v-number-input input[type=number] {
71
+ -moz-appearance: textfield;
72
+ }
73
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
74
+ -webkit-appearance: none;
75
+ }
76
+ .v-number-input .v-field {
77
+ padding-inline-end: 0;
78
+ padding-inline-start: 0;
79
+ }
80
+ .v-number-input--inset .v-divider {
81
+ height: 55%;
82
+ width: 55%;
83
+ align-self: center;
84
+ }
85
+ .v-number-input--split .v-field__input {
86
+ text-align: center;
87
+ }
88
+ .v-number-input--stacked .v-number-input__control {
89
+ flex-direction: column-reverse;
90
+ }
91
+ .v-number-input--stacked .v-number-input__control .v-btn {
92
+ flex: 1;
93
+ }
94
+ .v-number-input--hide-input .v-field {
95
+ flex: none;
96
+ }
97
+ .v-number-input--hide-input .v-field__input {
98
+ width: 0;
99
+ padding-inline: 0;
100
+ }
101
+ .v-number-input__control {
102
+ display: flex;
103
+ height: 100%;
104
+ }
105
+ .v-number-input__control .v-btn {
106
+ background-color: transparent;
107
+ border-radius: 0;
108
+ }
109
+
@@ -120,134 +120,74 @@
120
120
  }
121
121
 
122
122
 
123
- .v-infinite-scroll--horizontal {
124
- display: flex;
125
- flex-direction: row;
126
- overflow-x: auto;
127
- }
128
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
129
- height: 100%;
130
- width: 1px;
131
- }
132
-
133
- .v-infinite-scroll--vertical {
134
- display: flex;
135
- flex-direction: column;
136
- overflow-y: auto;
137
- }
138
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
139
- height: 1px;
140
- width: 100%;
141
- }
142
-
143
- .v-infinite-scroll__side {
144
- align-items: center;
145
- display: flex;
146
- justify-content: center;
147
- padding: 8px;
148
- }
149
- .v-progress-circular {
123
+ .v-fab {
150
124
  align-items: center;
151
125
  display: inline-flex;
152
- justify-content: center;
126
+ flex: 1 1 auto;
127
+ pointer-events: none;
153
128
  position: relative;
129
+ transition-duration: 0.2s;
130
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
154
131
  vertical-align: middle;
155
132
  }
156
- .v-progress-circular > svg {
157
- width: 100%;
158
- height: 100%;
159
- margin: auto;
160
- position: absolute;
161
- top: 0;
162
- bottom: 0;
163
- left: 0;
164
- right: 0;
165
- z-index: 0;
133
+ .v-fab .v-btn {
134
+ pointer-events: auto;
166
135
  }
167
-
168
- .v-progress-circular__content {
169
- align-items: center;
136
+ .v-fab .v-btn--variant-elevated {
137
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
138
+ }
139
+ .v-fab--app, .v-fab--absolute {
170
140
  display: flex;
171
- justify-content: center;
172
141
  }
173
-
174
- .v-progress-circular__underlay {
175
- color: rgba(var(--v-border-color), var(--v-border-opacity));
176
- stroke: currentColor;
177
- z-index: 1;
142
+ .v-fab--start, .v-fab--left {
143
+ justify-content: flex-start;
178
144
  }
179
-
180
- .v-progress-circular__overlay {
181
- stroke: currentColor;
182
- transition: all 0.2s ease-in-out, stroke-width 0s;
183
- z-index: 2;
184
- }
185
-
186
- .v-progress-circular--size-x-small {
187
- height: 16px;
188
- width: 16px;
145
+ .v-fab--center {
146
+ align-items: center;
147
+ justify-content: center;
189
148
  }
190
- .v-progress-circular--size-small {
191
- height: 24px;
192
- width: 24px;
149
+ .v-fab--end, .v-fab--right {
150
+ justify-content: flex-end;
193
151
  }
194
- .v-progress-circular--size-default {
195
- height: 32px;
196
- width: 32px;
152
+ .v-fab--bottom {
153
+ align-items: flex-end;
197
154
  }
198
- .v-progress-circular--size-large {
199
- height: 48px;
200
- width: 48px;
155
+ .v-fab--top {
156
+ align-items: flex-start;
201
157
  }
202
- .v-progress-circular--size-x-large {
203
- height: 64px;
204
- width: 64px;
158
+ .v-fab--extended .v-btn {
159
+ border-radius: 9999px !important;
205
160
  }
206
161
 
207
- .v-progress-circular--indeterminate > svg {
208
- animation: progress-circular-rotate 1.4s linear infinite;
209
- transform-origin: center center;
210
- transition: all 0.2s ease-in-out;
162
+ .v-fab__container {
163
+ align-self: center;
164
+ display: inline-flex;
165
+ vertical-align: middle;
211
166
  }
212
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
213
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
214
- stroke-dasharray: 25, 200;
215
- stroke-dashoffset: 0;
216
- stroke-linecap: round;
217
- transform-origin: center center;
218
- transform: rotate(-90deg);
167
+ .v-fab--app .v-fab__container {
168
+ margin: 12px;
219
169
  }
220
-
221
- .v-progress-circular--disable-shrink > svg {
222
- animation-duration: 0.7s;
170
+ .v-fab--absolute .v-fab__container {
171
+ position: absolute;
172
+ z-index: 4;
223
173
  }
224
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
225
- animation: none;
174
+ .v-fab--offset.v-fab--top .v-fab__container {
175
+ transform: translateY(-50%);
226
176
  }
227
-
228
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
229
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
230
- animation-play-state: paused !important;
177
+ .v-fab--offset.v-fab--bottom .v-fab__container {
178
+ transform: translateY(50%);
231
179
  }
232
-
233
- @keyframes progress-circular-dash {
234
- 0% {
235
- stroke-dasharray: 1, 200;
236
- stroke-dashoffset: 0px;
237
- }
238
- 50% {
239
- stroke-dasharray: 100, 200;
240
- stroke-dashoffset: -15px;
241
- }
242
- 100% {
243
- stroke-dasharray: 100, 200;
244
- stroke-dashoffset: -124px;
245
- }
180
+ .v-fab--top .v-fab__container {
181
+ top: 0;
246
182
  }
247
- @keyframes progress-circular-rotate {
248
- 100% {
249
- transform: rotate(270deg);
250
- }
183
+ .v-fab--bottom .v-fab__container {
184
+ bottom: 0;
185
+ }
186
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
187
+ left: 0;
188
+ }
189
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
190
+ right: 0;
251
191
  }
252
192
  .v-btn {
253
193
  align-items: center;
@@ -585,6 +525,10 @@
585
525
  top: 0;
586
526
  width: 100%;
587
527
  }
528
+ .v-btn__loader > .v-progress-circular {
529
+ width: 1.5em;
530
+ height: 1.5em;
531
+ }
588
532
 
589
533
  .v-btn__content,
590
534
  .v-btn__prepend,
@@ -1023,6 +967,135 @@
1023
967
  .v-icon--end {
1024
968
  margin-inline-start: 8px;
1025
969
  }
970
+ .v-progress-circular {
971
+ align-items: center;
972
+ display: inline-flex;
973
+ justify-content: center;
974
+ position: relative;
975
+ vertical-align: middle;
976
+ }
977
+ .v-progress-circular > svg {
978
+ width: 100%;
979
+ height: 100%;
980
+ margin: auto;
981
+ position: absolute;
982
+ top: 0;
983
+ bottom: 0;
984
+ left: 0;
985
+ right: 0;
986
+ z-index: 0;
987
+ }
988
+
989
+ .v-progress-circular__content {
990
+ align-items: center;
991
+ display: flex;
992
+ justify-content: center;
993
+ }
994
+
995
+ .v-progress-circular__underlay {
996
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
997
+ stroke: currentColor;
998
+ z-index: 1;
999
+ }
1000
+
1001
+ .v-progress-circular__overlay {
1002
+ stroke: currentColor;
1003
+ transition: all 0.2s ease-in-out, stroke-width 0s;
1004
+ z-index: 2;
1005
+ }
1006
+
1007
+ .v-progress-circular--size-x-small {
1008
+ height: 16px;
1009
+ width: 16px;
1010
+ }
1011
+ .v-progress-circular--size-small {
1012
+ height: 24px;
1013
+ width: 24px;
1014
+ }
1015
+ .v-progress-circular--size-default {
1016
+ height: 32px;
1017
+ width: 32px;
1018
+ }
1019
+ .v-progress-circular--size-large {
1020
+ height: 48px;
1021
+ width: 48px;
1022
+ }
1023
+ .v-progress-circular--size-x-large {
1024
+ height: 64px;
1025
+ width: 64px;
1026
+ }
1027
+
1028
+ .v-progress-circular--indeterminate > svg {
1029
+ animation: progress-circular-rotate 1.4s linear infinite;
1030
+ transform-origin: center center;
1031
+ transition: all 0.2s ease-in-out;
1032
+ }
1033
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
1034
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
1035
+ stroke-dasharray: 25, 200;
1036
+ stroke-dashoffset: 0;
1037
+ stroke-linecap: round;
1038
+ transform-origin: center center;
1039
+ transform: rotate(-90deg);
1040
+ }
1041
+
1042
+ .v-progress-circular--disable-shrink > svg {
1043
+ animation-duration: 0.7s;
1044
+ }
1045
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
1046
+ animation: none;
1047
+ }
1048
+
1049
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
1050
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
1051
+ animation-play-state: paused !important;
1052
+ }
1053
+
1054
+ @keyframes progress-circular-dash {
1055
+ 0% {
1056
+ stroke-dasharray: 1, 200;
1057
+ stroke-dashoffset: 0px;
1058
+ }
1059
+ 50% {
1060
+ stroke-dasharray: 100, 200;
1061
+ stroke-dashoffset: -15px;
1062
+ }
1063
+ 100% {
1064
+ stroke-dasharray: 100, 200;
1065
+ stroke-dashoffset: -124px;
1066
+ }
1067
+ }
1068
+ @keyframes progress-circular-rotate {
1069
+ 100% {
1070
+ transform: rotate(270deg);
1071
+ }
1072
+ }
1073
+ .v-infinite-scroll--horizontal {
1074
+ display: flex;
1075
+ flex-direction: row;
1076
+ overflow-x: auto;
1077
+ }
1078
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
1079
+ height: 100%;
1080
+ width: 1px;
1081
+ }
1082
+
1083
+ .v-infinite-scroll--vertical {
1084
+ display: flex;
1085
+ flex-direction: column;
1086
+ overflow-y: auto;
1087
+ }
1088
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
1089
+ height: 1px;
1090
+ width: 100%;
1091
+ }
1092
+
1093
+ .v-infinite-scroll__side {
1094
+ align-items: center;
1095
+ display: flex;
1096
+ justify-content: center;
1097
+ padding: 8px;
1098
+ }
1026
1099
  .v-skeleton-loader {
1027
1100
  align-items: center;
1028
1101
  background: rgb(var(--v-theme-surface));
@@ -9562,6 +9635,12 @@ html.overflow-y-hidden {
9562
9635
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9563
9636
  }
9564
9637
 
9638
+ .border-thin {
9639
+ border-width: thin !important;
9640
+ border-style: solid !important;
9641
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9642
+ }
9643
+
9565
9644
  .border-sm {
9566
9645
  border-width: 1px !important;
9567
9646
  border-style: solid !important;
@@ -9622,6 +9701,12 @@ html.overflow-y-hidden {
9622
9701
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9623
9702
  }
9624
9703
 
9704
+ .border-t-thin {
9705
+ border-block-start-width: thin !important;
9706
+ border-block-start-style: solid !important;
9707
+ border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9708
+ }
9709
+
9625
9710
  .border-t-sm {
9626
9711
  border-block-start-width: 1px !important;
9627
9712
  border-block-start-style: solid !important;
@@ -9658,6 +9743,12 @@ html.overflow-y-hidden {
9658
9743
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9659
9744
  }
9660
9745
 
9746
+ .border-e-thin {
9747
+ border-inline-end-width: thin !important;
9748
+ border-inline-end-style: solid !important;
9749
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9750
+ }
9751
+
9661
9752
  .border-e-sm {
9662
9753
  border-inline-end-width: 1px !important;
9663
9754
  border-inline-end-style: solid !important;
@@ -9694,6 +9785,12 @@ html.overflow-y-hidden {
9694
9785
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9695
9786
  }
9696
9787
 
9788
+ .border-b-thin {
9789
+ border-block-end-width: thin !important;
9790
+ border-block-end-style: solid !important;
9791
+ border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9792
+ }
9793
+
9697
9794
  .border-b-sm {
9698
9795
  border-block-end-width: 1px !important;
9699
9796
  border-block-end-style: solid !important;
@@ -9730,6 +9827,12 @@ html.overflow-y-hidden {
9730
9827
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9731
9828
  }
9732
9829
 
9830
+ .border-s-thin {
9831
+ border-inline-start-width: thin !important;
9832
+ border-inline-start-style: solid !important;
9833
+ border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
9834
+ }
9835
+
9733
9836
  .border-s-sm {
9734
9837
  border-inline-start-width: 1px !important;
9735
9838
  border-inline-start-style: solid !important;
@@ -0,0 +1,4 @@
1
+ .v-speed-dial__content {
2
+ gap: 8px;
3
+ }
4
+