@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

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 (189) hide show
  1. package/CHANGELOG.md +6 -3
  2. package/dist/_component-variables-labs.sass +1 -4
  3. package/dist/_component-variables.sass +3 -0
  4. package/dist/json/attributes.json +26 -26
  5. package/dist/json/importMap-labs.json +20 -52
  6. package/dist/json/importMap.json +56 -24
  7. package/dist/json/web-types.json +30 -30
  8. package/dist/vuetify-labs.css +725 -724
  9. package/dist/vuetify-labs.d.ts +41344 -36620
  10. package/dist/vuetify-labs.esm.js +5358 -5336
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +5357 -5335
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.css +385 -13
  15. package/dist/vuetify.d.ts +19744 -12997
  16. package/dist/vuetify.esm.js +735 -145
  17. package/dist/vuetify.esm.js.map +1 -1
  18. package/dist/vuetify.js +734 -144
  19. package/dist/vuetify.js.map +1 -1
  20. package/dist/vuetify.min.css +2 -2
  21. package/dist/vuetify.min.js +808 -779
  22. package/dist/vuetify.min.js.map +1 -1
  23. package/lib/components/VAlert/index.d.mts +114 -106
  24. package/lib/components/VApp/index.d.mts +24 -47
  25. package/lib/components/VAppBar/index.d.mts +219 -175
  26. package/lib/components/VAutocomplete/VAutocomplete.mjs +13 -10
  27. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  28. package/lib/components/VAutocomplete/index.d.mts +1203 -551
  29. package/lib/components/VAvatar/index.d.mts +45 -53
  30. package/lib/components/VBadge/index.d.mts +66 -58
  31. package/lib/components/VBanner/index.d.mts +106 -146
  32. package/lib/components/VBottomNavigation/index.d.mts +72 -63
  33. package/lib/{labs → components}/VBottomSheet/VBottomSheet.mjs +1 -1
  34. package/lib/components/VBottomSheet/VBottomSheet.mjs.map +1 -0
  35. package/lib/{labs → components}/VBottomSheet/index.d.mts +153 -83
  36. package/lib/components/VBottomSheet/index.mjs.map +1 -0
  37. package/lib/components/VBreadcrumbs/index.d.mts +89 -147
  38. package/lib/components/VBtn/index.d.mts +107 -66
  39. package/lib/components/VBtnGroup/index.d.mts +38 -51
  40. package/lib/components/VBtnToggle/index.d.mts +53 -55
  41. package/lib/components/VCard/index.d.mts +238 -298
  42. package/lib/components/VCarousel/index.d.mts +251 -131
  43. package/lib/components/VCheckbox/index.d.mts +259 -146
  44. package/lib/components/VChip/index.d.mts +157 -76
  45. package/lib/components/VChipGroup/index.d.mts +76 -55
  46. package/lib/components/VCode/index.d.mts +21 -46
  47. package/lib/components/VColorPicker/index.d.mts +112 -61
  48. package/lib/components/VCombobox/VCombobox.mjs +13 -10
  49. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  50. package/lib/components/VCombobox/index.d.mts +1203 -551
  51. package/lib/components/VCounter/index.d.mts +45 -57
  52. package/lib/components/VDefaultsProvider/index.d.mts +24 -49
  53. package/lib/components/VDialog/index.d.mts +583 -329
  54. package/lib/components/VDivider/index.d.mts +30 -49
  55. package/lib/components/VExpansionPanel/index.d.mts +188 -212
  56. package/lib/components/VField/index.d.mts +88 -105
  57. package/lib/components/VFileInput/index.d.mts +472 -287
  58. package/lib/components/VFooter/index.d.mts +42 -52
  59. package/lib/components/VForm/index.d.mts +149 -51
  60. package/lib/components/VGrid/index.d.mts +146 -196
  61. package/lib/components/VHover/index.d.mts +37 -49
  62. package/lib/components/VIcon/index.d.mts +79 -234
  63. package/lib/components/VImg/index.d.mts +80 -61
  64. package/lib/components/VInput/index.d.mts +90 -66
  65. package/lib/components/VItemGroup/index.d.mts +115 -99
  66. package/lib/components/VKbd/index.d.mts +21 -46
  67. package/lib/components/VLabel/index.d.mts +24 -47
  68. package/lib/components/VLayout/index.d.mts +55 -96
  69. package/lib/components/VLazy/index.d.mts +43 -50
  70. package/lib/components/VList/index.d.mts +403 -468
  71. package/lib/components/VLocaleProvider/index.d.mts +24 -46
  72. package/lib/components/VMain/index.d.mts +24 -47
  73. package/lib/components/VMenu/index.d.mts +573 -324
  74. package/lib/components/VMessages/index.d.mts +41 -49
  75. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +1 -0
  76. package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +1 -0
  77. package/lib/components/VNavigationDrawer/index.d.mts +95 -67
  78. package/lib/components/VOverlay/index.d.mts +138 -76
  79. package/lib/components/VPagination/index.d.mts +114 -73
  80. package/lib/components/VParallax/index.d.mts +31 -47
  81. package/lib/components/VProgressCircular/index.d.mts +48 -53
  82. package/lib/components/VProgressLinear/index.d.mts +84 -63
  83. package/lib/components/VRadio/index.d.mts +93 -61
  84. package/lib/components/VRadioGroup/index.d.mts +130 -77
  85. package/lib/components/VRangeSlider/index.d.mts +169 -86
  86. package/lib/components/VRating/index.d.mts +75 -62
  87. package/lib/components/VResponsive/index.d.mts +33 -47
  88. package/lib/components/VSelect/VSelect.mjs +13 -10
  89. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  90. package/lib/components/VSelect/index.d.mts +1191 -546
  91. package/lib/components/VSelectionControl/index.d.mts +48 -53
  92. package/lib/components/VSelectionControlGroup/index.d.mts +58 -57
  93. package/lib/components/VSheet/index.d.mts +37 -48
  94. package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -0
  95. package/lib/{labs → components}/VSkeletonLoader/index.d.mts +36 -51
  96. package/lib/components/VSkeletonLoader/index.mjs.map +1 -0
  97. package/lib/components/VSlideGroup/index.d.mts +106 -105
  98. package/lib/components/VSlider/index.d.mts +166 -85
  99. package/lib/components/VSnackbar/index.d.mts +572 -324
  100. package/lib/components/VStepper/VStepper.mjs +137 -98
  101. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  102. package/lib/components/VStepper/VStepper.sass +38 -198
  103. package/lib/{labs → components}/VStepper/VStepperActions.mjs +2 -2
  104. package/lib/components/VStepper/VStepperActions.mjs.map +1 -0
  105. package/lib/components/VStepper/VStepperHeader.mjs.map +1 -0
  106. package/lib/{labs → components}/VStepper/VStepperItem.mjs +2 -2
  107. package/lib/components/VStepper/VStepperItem.mjs.map +1 -0
  108. package/lib/{labs → components}/VStepper/VStepperWindow.mjs +1 -1
  109. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -0
  110. package/lib/{labs → components}/VStepper/VStepperWindowItem.mjs +1 -1
  111. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -0
  112. package/lib/components/VStepper/_variables.scss +21 -31
  113. package/lib/{labs → components}/VStepper/index.d.mts +368 -340
  114. package/lib/components/VStepper/index.mjs +6 -17
  115. package/lib/components/VStepper/index.mjs.map +1 -1
  116. package/lib/components/VSwitch/index.d.mts +168 -86
  117. package/lib/components/VSystemBar/index.d.mts +39 -51
  118. package/lib/components/VTable/index.d.mts +45 -51
  119. package/lib/components/VTabs/index.d.mts +177 -132
  120. package/lib/components/VTextField/index.d.mts +665 -470
  121. package/lib/components/VTextarea/index.d.mts +469 -297
  122. package/lib/components/VThemeProvider/index.d.mts +26 -48
  123. package/lib/components/VTimeline/index.d.mts +98 -106
  124. package/lib/components/VToolbar/index.d.mts +119 -150
  125. package/lib/components/VTooltip/index.d.mts +565 -321
  126. package/lib/components/VValidation/index.d.mts +108 -62
  127. package/lib/components/VVirtualScroll/index.d.mts +18 -46
  128. package/lib/components/VWindow/index.d.mts +130 -110
  129. package/lib/components/index.d.mts +19539 -12808
  130. package/lib/components/index.mjs +4 -2
  131. package/lib/components/index.mjs.map +1 -1
  132. package/lib/components/transitions/index.d.mts +455 -819
  133. package/lib/composables/color.mjs +2 -2
  134. package/lib/composables/color.mjs.map +1 -1
  135. package/lib/entry-bundler.mjs +1 -1
  136. package/lib/framework.mjs +1 -1
  137. package/lib/index.d.mts +22 -22
  138. package/lib/labs/VDataIterator/index.d.mts +112 -75
  139. package/lib/labs/VDataTable/index.d.mts +1456 -530
  140. package/lib/labs/VDateInput/index.d.mts +260 -157
  141. package/lib/labs/VDatePicker/index.d.mts +1100 -889
  142. package/lib/labs/VDateRangePicker/index.d.mts +207 -129
  143. package/lib/labs/VInfiniteScroll/index.d.mts +59 -54
  144. package/lib/labs/VOtpInput/index.d.mts +80 -64
  145. package/lib/labs/VPicker/index.d.mts +74 -97
  146. package/lib/labs/components.d.mts +7777 -9883
  147. package/lib/labs/components.mjs +0 -3
  148. package/lib/labs/components.mjs.map +1 -1
  149. package/lib/labs/date/adapters/vuetify.mjs +6 -3
  150. package/lib/labs/date/adapters/vuetify.mjs.map +1 -1
  151. package/lib/locale/fr.mjs +19 -19
  152. package/lib/locale/fr.mjs.map +1 -1
  153. package/lib/util/colorUtils.mjs +3 -0
  154. package/lib/util/colorUtils.mjs.map +1 -1
  155. package/lib/util/helpers.mjs +8 -1
  156. package/lib/util/helpers.mjs.map +1 -1
  157. package/package.json +1 -1
  158. package/lib/components/VStepper/VStepperContent.mjs +0 -114
  159. package/lib/components/VStepper/VStepperContent.mjs.map +0 -1
  160. package/lib/components/VStepper/VStepperStep.mjs +0 -134
  161. package/lib/components/VStepper/VStepperStep.mjs.map +0 -1
  162. package/lib/labs/VBottomSheet/VBottomSheet.mjs.map +0 -1
  163. package/lib/labs/VBottomSheet/index.mjs.map +0 -1
  164. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +0 -1
  165. package/lib/labs/VSkeletonLoader/index.mjs.map +0 -1
  166. package/lib/labs/VStepper/VStepper.mjs +0 -149
  167. package/lib/labs/VStepper/VStepper.mjs.map +0 -1
  168. package/lib/labs/VStepper/VStepper.sass +0 -53
  169. package/lib/labs/VStepper/VStepperActions.mjs.map +0 -1
  170. package/lib/labs/VStepper/VStepperHeader.mjs.map +0 -1
  171. package/lib/labs/VStepper/VStepperItem.mjs.map +0 -1
  172. package/lib/labs/VStepper/VStepperWindow.mjs.map +0 -1
  173. package/lib/labs/VStepper/VStepperWindowItem.mjs.map +0 -1
  174. package/lib/labs/VStepper/_variables.scss +0 -27
  175. package/lib/labs/VStepper/index.mjs +0 -7
  176. package/lib/labs/VStepper/index.mjs.map +0 -1
  177. /package/lib/{labs → components}/VBottomSheet/VBottomSheet.css +0 -0
  178. /package/lib/{labs → components}/VBottomSheet/VBottomSheet.sass +0 -0
  179. /package/lib/{labs → components}/VBottomSheet/_variables.scss +0 -0
  180. /package/lib/{labs → components}/VBottomSheet/index.mjs +0 -0
  181. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.css +0 -0
  182. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.mjs +0 -0
  183. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.sass +0 -0
  184. /package/lib/{labs → components}/VSkeletonLoader/_variables.scss +0 -0
  185. /package/lib/{labs → components}/VSkeletonLoader/index.mjs +0 -0
  186. /package/lib/{labs → components}/VStepper/VStepper.css +0 -0
  187. /package/lib/{labs → components}/VStepper/VStepperHeader.mjs +0 -0
  188. /package/lib/{labs → components}/VStepper/VStepperItem.css +0 -0
  189. /package/lib/{labs → components}/VStepper/VStepperItem.sass +0 -0
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-alpha.1-dev.2023-10-21
2
+ * Vuetify v3.4.0-alpha.1-dev.2023-10-26
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16981,186 +16981,6 @@ html.overflow-y-hidden {
16981
16981
  font-weight: normal;
16982
16982
  padding: 0.2em 0.4rem;
16983
16983
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16984
- }.bottom-sheet-transition-enter-from {
16985
- transform: translateY(100%);
16986
- }
16987
- .bottom-sheet-transition-leave-to {
16988
- transform: translateY(100%);
16989
- }
16990
-
16991
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
16992
- align-self: flex-end;
16993
- border-radius: 0;
16994
- flex: 0 1 auto;
16995
- left: 0;
16996
- right: 0;
16997
- margin-inline: 0;
16998
- margin-bottom: 0;
16999
- transition-duration: 0.2s;
17000
- width: 100%;
17001
- max-width: 100%;
17002
- overflow: visible;
17003
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17004
- }
17005
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17006
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17007
- border-radius: 0;
17008
- }
17009
- .v-bottom-sheet.v-bottom-sheet--inset {
17010
- max-width: none;
17011
- }
17012
- @media (min-width: 600px) {
17013
- .v-bottom-sheet.v-bottom-sheet--inset {
17014
- max-width: 70%;
17015
- }
17016
- }.v-data-table {
17017
- width: 100%;
17018
- }
17019
-
17020
- .v-data-table__table {
17021
- width: 100%;
17022
- border-collapse: separate;
17023
- border-spacing: 0;
17024
- }
17025
-
17026
- .v-data-table__tr--focus {
17027
- border: 1px dotted black;
17028
- }
17029
- .v-data-table__tr--clickable {
17030
- cursor: pointer;
17031
- }
17032
-
17033
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
17034
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
17035
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
17036
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
17037
- text-align: end;
17038
- }
17039
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17040
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
17041
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17042
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
17043
- flex-direction: row-reverse;
17044
- }
17045
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
17046
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
17047
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
17048
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
17049
- text-align: center;
17050
- }
17051
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17052
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
17053
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17054
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
17055
- justify-content: center;
17056
- }
17057
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
17058
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
17059
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
17060
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
17061
- padding: 0 8px;
17062
- }
17063
- .v-data-table .v-table__wrapper > table > thead > tr > th,
17064
- .v-data-table .v-table__wrapper > table tbody > tr > th {
17065
- align-items: center;
17066
- }
17067
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
17068
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
17069
- cursor: pointer;
17070
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17071
- }
17072
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
17073
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
17074
- opacity: 0;
17075
- }
17076
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
17077
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
17078
- opacity: 0.5;
17079
- }
17080
-
17081
- .v-data-table-column--fixed {
17082
- position: sticky;
17083
- z-index: 2;
17084
- left: 0;
17085
- }
17086
-
17087
- .v-data-table-column--last-fixed {
17088
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
17089
- }
17090
-
17091
- .v-data-table-group-header-row td {
17092
- background: lightgrey;
17093
- }
17094
- .v-data-table-group-header-row td > span {
17095
- padding-left: 5px;
17096
- }
17097
-
17098
- .v-data-table--loading .v-data-table__td {
17099
- opacity: 0.3;
17100
- }
17101
-
17102
- .v-data-table-group-header-row__column {
17103
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
17104
- }
17105
-
17106
- .v-data-table-header__content {
17107
- display: flex;
17108
- align-items: center;
17109
- }
17110
-
17111
- .v-data-table-header__sort-badge {
17112
- display: inline-flex;
17113
- justify-content: center;
17114
- align-items: center;
17115
- font-size: 0.875rem;
17116
- padding: 4px;
17117
- border-radius: 50%;
17118
- background: rgba(var(--v-border-color), var(--v-border-opacity));
17119
- min-width: 20px;
17120
- min-height: 20px;
17121
- width: 20px;
17122
- height: 20px;
17123
- }
17124
-
17125
- .v-data-table-progress > th {
17126
- border: none !important;
17127
- height: auto !important;
17128
- padding: 0 !important;
17129
- }
17130
-
17131
- .v-data-table-rows-loading,
17132
- .v-data-table-rows-no-data {
17133
- text-align: center;
17134
- }.v-data-table-footer {
17135
- display: flex;
17136
- align-items: center;
17137
- flex-wrap: wrap;
17138
- padding: 0 8px;
17139
- justify-content: flex-end;
17140
- }
17141
-
17142
- .v-data-table-footer__items-per-page {
17143
- padding-inline-end: 24px;
17144
- display: flex;
17145
- align-items: center;
17146
- justify-content: space-between;
17147
- }
17148
- .v-data-table-footer__items-per-page > span {
17149
- padding-inline-end: 24px;
17150
- }
17151
-
17152
- .v-data-table-footer__info {
17153
- display: flex;
17154
- padding-inline-end: 24px;
17155
- }
17156
-
17157
- .v-data-table-footer__pagination {
17158
- display: flex;
17159
- align-items: center;
17160
- }
17161
-
17162
- .v-data-table-footer__page {
17163
- padding: 0 8px;
17164
16984
  }.v-date-card {
17165
16985
  padding-bottom: 8px;
17166
16986
  }
@@ -17439,449 +17259,258 @@ html.overflow-y-hidden {
17439
17259
  display: flex;
17440
17260
  justify-content: center;
17441
17261
  padding: 8px;
17442
- }.v-otp-input {
17443
- border-radius: 4px;
17444
- align-items: center;
17445
- display: flex;
17446
- justify-content: center;
17447
- padding: 0.5rem 0;
17448
- position: relative;
17449
- }
17450
- .v-otp-input .v-field {
17451
- height: 100%;
17262
+ }.v-data-table {
17263
+ width: 100%;
17452
17264
  }
17453
17265
 
17454
- .v-otp-input__divider {
17455
- margin: 0 8px;
17266
+ .v-data-table__table {
17267
+ width: 100%;
17268
+ border-collapse: separate;
17269
+ border-spacing: 0;
17456
17270
  }
17457
17271
 
17458
- .v-otp-input__content {
17459
- align-items: center;
17460
- display: flex;
17461
- gap: 0.5rem;
17462
- height: 64px;
17463
- padding: 0.5rem;
17464
- justify-content: center;
17465
- max-width: 320px;
17466
- position: relative;
17467
- border-radius: inherit;
17272
+ .v-data-table__tr--focus {
17273
+ border: 1px dotted black;
17468
17274
  }
17469
- .v-otp-input--divided .v-otp-input__content {
17470
- max-width: 360px;
17275
+ .v-data-table__tr--clickable {
17276
+ cursor: pointer;
17471
17277
  }
17472
17278
 
17473
- .v-otp-input__field {
17474
- color: inherit;
17475
- font-size: 1.25rem;
17476
- height: 100%;
17477
- outline: none;
17279
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
17280
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
17281
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
17282
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
17283
+ text-align: end;
17284
+ }
17285
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17286
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
17287
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17288
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
17289
+ flex-direction: row-reverse;
17290
+ }
17291
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
17292
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
17293
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
17294
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
17478
17295
  text-align: center;
17479
- width: 100%;
17480
17296
  }
17481
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
17482
- -webkit-appearance: none;
17483
- margin: 0;
17297
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17298
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
17299
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17300
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
17301
+ justify-content: center;
17484
17302
  }
17485
- .v-otp-input__field[type=number] {
17486
- -moz-appearance: textfield;
17303
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
17304
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
17305
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
17306
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
17307
+ padding: 0 8px;
17487
17308
  }
17488
-
17489
- .v-otp-input__loader {
17309
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
17310
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
17490
17311
  align-items: center;
17491
- display: flex;
17492
- height: 100%;
17493
- justify-content: center;
17494
- width: 100%;
17495
- }.v-picker.v-sheet {
17496
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17497
- border-radius: 4px;
17498
- display: grid;
17499
- grid-auto-rows: min-content;
17500
- grid-template-areas: "title" "header" "body";
17501
- overflow: hidden;
17502
17312
  }
17503
- .v-picker.v-sheet.v-picker--with-actions {
17504
- grid-template-areas: "title" "header" "body" "actions";
17313
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
17314
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
17315
+ cursor: pointer;
17316
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17505
17317
  }
17506
-
17507
- .v-picker__body {
17508
- grid-area: body;
17318
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
17319
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
17320
+ opacity: 0;
17321
+ }
17322
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
17323
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
17324
+ opacity: 0.5;
17509
17325
  }
17510
17326
 
17511
- .v-picker__header {
17512
- grid-area: header;
17327
+ .v-data-table-column--fixed {
17328
+ position: sticky;
17329
+ z-index: 2;
17330
+ left: 0;
17513
17331
  }
17514
17332
 
17515
- .v-picker__actions {
17516
- grid-area: actions;
17517
- padding: 0 12px 12px 12px;
17518
- display: flex;
17519
- align-items: center;
17520
- justify-content: flex-end;
17333
+ .v-data-table-column--last-fixed {
17334
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
17521
17335
  }
17522
- .v-picker__actions .v-btn {
17523
- min-width: 48px;
17336
+
17337
+ .v-data-table-group-header-row td {
17338
+ background: lightgrey;
17524
17339
  }
17525
- .v-picker__actions .v-btn:not(:last-child) {
17526
- margin-inline-end: 8px;
17340
+ .v-data-table-group-header-row td > span {
17341
+ padding-left: 5px;
17527
17342
  }
17528
17343
 
17529
- .v-picker--landscape {
17530
- grid-template-areas: "title" "header body" "header body";
17344
+ .v-data-table--loading .v-data-table__td {
17345
+ opacity: 0.3;
17531
17346
  }
17532
17347
 
17533
- .v-picker--landscape.v-picker--with-actions {
17534
- grid-template-areas: "title" "header body" "header actions";
17348
+ .v-data-table-group-header-row__column {
17349
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
17535
17350
  }
17536
17351
 
17537
- .v-picker-title {
17538
- text-transform: uppercase;
17539
- font-size: 0.75rem;
17540
- grid-area: title;
17541
- padding-inline: 24px 12px;
17542
- padding-top: 16px;
17543
- padding-bottom: 16px;
17544
- font-weight: 600;
17545
- letter-spacing: 0.1666666667em;
17546
- }.v-skeleton-loader {
17547
- align-items: center;
17548
- background: rgb(var(--v-theme-surface));
17549
- border-radius: 4px;
17352
+ .v-data-table-header__content {
17550
17353
  display: flex;
17551
- flex-wrap: wrap;
17552
- position: relative;
17553
- vertical-align: top;
17554
- }
17555
- .v-skeleton-loader__actions {
17556
- justify-content: end;
17557
- }
17558
- .v-skeleton-loader .v-skeleton-loader__ossein {
17559
- height: 100%;
17560
- }
17561
- .v-skeleton-loader .v-skeleton-loader__avatar,
17562
- .v-skeleton-loader .v-skeleton-loader__button,
17563
- .v-skeleton-loader .v-skeleton-loader__chip,
17564
- .v-skeleton-loader .v-skeleton-loader__divider,
17565
- .v-skeleton-loader .v-skeleton-loader__heading,
17566
- .v-skeleton-loader .v-skeleton-loader__image,
17567
- .v-skeleton-loader .v-skeleton-loader__ossein,
17568
- .v-skeleton-loader .v-skeleton-loader__text {
17569
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
17570
- }
17571
- .v-skeleton-loader .v-skeleton-loader__list-item,
17572
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
17573
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
17574
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
17575
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
17576
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
17577
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
17578
- border-radius: 4px;
17579
- }
17580
- .v-skeleton-loader__bone {
17581
17354
  align-items: center;
17582
- border-radius: inherit;
17583
- display: flex;
17584
- flex: 1 1 100%;
17585
- flex-wrap: wrap;
17586
- overflow: hidden;
17587
- position: relative;
17588
- }
17589
- .v-skeleton-loader__bone::after {
17590
- content: "";
17591
- position: absolute;
17592
- top: 0;
17593
- left: 0;
17594
- width: 100%;
17595
- height: 100%;
17596
- animation: loading 1.5s infinite;
17597
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
17598
- transform: translateX(-100%);
17599
- z-index: 1;
17600
17355
  }
17601
- .v-skeleton-loader__avatar {
17356
+
17357
+ .v-data-table-header__sort-badge {
17358
+ display: inline-flex;
17359
+ justify-content: center;
17360
+ align-items: center;
17361
+ font-size: 0.875rem;
17362
+ padding: 4px;
17602
17363
  border-radius: 50%;
17603
- flex: 0 1 auto;
17604
- margin: 8px 16px;
17605
- max-height: 48px;
17606
- min-height: 48px;
17607
- height: 48px;
17608
- max-width: 48px;
17609
- min-width: 48px;
17610
- width: 48px;
17611
- }
17612
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
17613
- flex: 1 1 auto;
17614
- margin-inline-start: 0;
17615
- }
17616
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17617
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17618
- margin-inline-start: 0;
17619
- }
17620
- .v-skeleton-loader__button {
17621
- border-radius: 4px;
17622
- height: 36px;
17623
- margin: 16px;
17624
- max-width: 64px;
17625
- }
17626
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
17627
- flex: 1 1 auto;
17628
- margin-inline-start: 0;
17629
- }
17630
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17631
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17632
- margin-inline-start: 0;
17633
- }
17634
- .v-skeleton-loader__chip {
17635
- border-radius: 16px;
17636
- margin: 16px;
17637
- height: 32px;
17638
- max-width: 96px;
17639
- }
17640
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
17641
- flex: 1 1 auto;
17642
- margin-inline-start: 0;
17643
- }
17644
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17645
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17646
- margin-inline-start: 0;
17647
- }
17648
- .v-skeleton-loader__date-picker {
17649
- border-radius: inherit;
17650
- }
17651
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
17652
- max-width: 88px;
17653
- width: 20%;
17364
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
17365
+ min-width: 20px;
17366
+ min-height: 20px;
17367
+ width: 20px;
17368
+ height: 20px;
17654
17369
  }
17655
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
17656
- max-width: 256px;
17657
- width: 40%;
17370
+
17371
+ .v-data-table-progress > th {
17372
+ border: none !important;
17373
+ height: auto !important;
17374
+ padding: 0 !important;
17658
17375
  }
17659
- .v-skeleton-loader__date-picker-days {
17376
+
17377
+ .v-data-table-rows-loading,
17378
+ .v-data-table-rows-no-data {
17379
+ text-align: center;
17380
+ }.v-data-table-footer {
17381
+ display: flex;
17382
+ align-items: center;
17660
17383
  flex-wrap: wrap;
17661
- margin: 16px;
17662
- }
17663
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
17664
- border-radius: 4px;
17665
- margin: 4px;
17666
- max-width: 100%;
17667
- }
17668
- .v-skeleton-loader__date-picker-options {
17669
- flex-wrap: nowrap;
17670
- }
17671
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
17672
- flex: 1 1 auto;
17673
- }
17674
- .v-skeleton-loader__divider {
17675
- border-radius: 1px;
17676
- height: 2px;
17677
- }
17678
- .v-skeleton-loader__heading {
17679
- border-radius: 12px;
17680
- margin: 16px;
17681
- height: 24px;
17682
- }
17683
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
17684
- margin-top: -16px;
17685
- }
17686
- .v-skeleton-loader__image {
17687
- height: 150px;
17688
- border-radius: 0;
17689
- }
17690
- .v-skeleton-loader__card .v-skeleton-loader__image {
17691
- border-radius: 0;
17692
- }
17693
- .v-skeleton-loader__list-item {
17694
- margin: 16px;
17695
- }
17696
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
17697
- margin: 0;
17384
+ padding: 0 8px;
17385
+ justify-content: flex-end;
17698
17386
  }
17699
- .v-skeleton-loader__table-thead {
17387
+
17388
+ .v-data-table-footer__items-per-page {
17389
+ padding-inline-end: 24px;
17390
+ display: flex;
17391
+ align-items: center;
17700
17392
  justify-content: space-between;
17701
17393
  }
17702
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
17703
- margin-top: 16px;
17704
- max-width: 16px;
17705
- }
17706
- .v-skeleton-loader__table-tfoot {
17707
- flex-wrap: nowrap;
17708
- }
17709
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
17710
- margin-top: 16px;
17711
- }
17712
- .v-skeleton-loader__table-row {
17713
- align-items: baseline;
17714
- margin: 0 8px;
17715
- justify-content: space-evenly;
17716
- flex-wrap: nowrap;
17717
- }
17718
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
17719
- margin-inline: 8px;
17720
- }
17721
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
17722
- margin: 0 16px;
17394
+ .v-data-table-footer__items-per-page > span {
17395
+ padding-inline-end: 24px;
17723
17396
  }
17724
- .v-skeleton-loader__table-cell {
17725
- align-items: center;
17397
+
17398
+ .v-data-table-footer__info {
17726
17399
  display: flex;
17727
- height: 48px;
17728
- width: 88px;
17729
- }
17730
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
17731
- margin-bottom: 0;
17732
- }
17733
- .v-skeleton-loader__subtitle {
17734
- max-width: 70%;
17735
- }
17736
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
17737
- height: 16px;
17738
- border-radius: 8px;
17739
- }
17740
- .v-skeleton-loader__text {
17741
- border-radius: 6px;
17742
- margin: 16px;
17743
- height: 12px;
17744
- }
17745
- .v-skeleton-loader__text + .v-skeleton-loader__text {
17746
- margin-top: -8px;
17747
- max-width: 50%;
17748
- }
17749
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
17750
- max-width: 70%;
17751
- }
17752
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
17753
- display: none;
17754
- }
17755
- .v-skeleton-loader--is-loading {
17756
- overflow: hidden;
17757
- }
17758
- .v-skeleton-loader--tile {
17759
- border-radius: 0;
17760
- }
17761
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
17762
- border-radius: 0;
17400
+ padding-inline-end: 24px;
17763
17401
  }
17764
17402
 
17765
- @keyframes loading {
17766
- 100% {
17767
- transform: translateX(100%);
17768
- }
17769
- }.v-stepper.v-sheet {
17770
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17771
- border-radius: 4px;
17772
- overflow: hidden;
17773
- }
17774
- .v-stepper.v-sheet.v-stepper--flat {
17775
- 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));
17403
+ .v-data-table-footer__pagination {
17404
+ display: flex;
17405
+ align-items: center;
17776
17406
  }
17777
17407
 
17778
- .v-stepper-header {
17779
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17408
+ .v-data-table-footer__page {
17409
+ padding: 0 8px;
17410
+ }.v-otp-input {
17411
+ border-radius: 4px;
17780
17412
  align-items: center;
17781
17413
  display: flex;
17414
+ justify-content: center;
17415
+ padding: 0.5rem 0;
17782
17416
  position: relative;
17783
- overflow-x: auto;
17784
- justify-content: space-between;
17785
- z-index: 1;
17786
- }
17787
- .v-stepper-header .v-divider {
17788
- margin: 0 -16px;
17789
- }
17790
- .v-stepper-header .v-divider:last-child {
17791
- margin-inline-end: 0;
17792
- }
17793
- .v-stepper-header .v-divider:first-child {
17794
- margin-inline-start: 0;
17795
- }
17796
- .v-stepper--alt-labels .v-stepper-header {
17797
- height: auto;
17798
17417
  }
17799
- .v-stepper--alt-labels .v-stepper-header .v-divider {
17800
- align-self: flex-start;
17801
- margin: 35px -67px 0;
17418
+ .v-otp-input .v-field {
17419
+ height: 100%;
17802
17420
  }
17803
17421
 
17804
- .v-stepper-window {
17805
- margin: 1.5rem;
17422
+ .v-otp-input__divider {
17423
+ margin: 0 8px;
17806
17424
  }
17807
17425
 
17808
- .v-stepper-actions {
17809
- display: flex;
17426
+ .v-otp-input__content {
17810
17427
  align-items: center;
17811
- justify-content: space-between;
17812
- padding: 1rem;
17813
- }
17814
- .v-stepper .v-stepper-actions {
17815
- padding: 0 1.5rem 1rem;
17428
+ display: flex;
17429
+ gap: 0.5rem;
17430
+ height: 64px;
17431
+ padding: 0.5rem;
17432
+ justify-content: center;
17433
+ max-width: 320px;
17434
+ position: relative;
17435
+ border-radius: inherit;
17816
17436
  }
17817
- .v-stepper-window-item .v-stepper-actions {
17818
- padding: 1.5rem 0 0;
17819
- }.v-stepper-item {
17820
- align-items: center;
17821
- align-self: stretch;
17822
- display: inline-flex;
17823
- flex: none;
17824
- opacity: var(--v-medium-emphasis-opacity);
17825
- padding: 1.5rem;
17826
- transition-duration: 0.2s;
17827
- transition-property: opacity;
17828
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17437
+ .v-otp-input--divided .v-otp-input__content {
17438
+ max-width: 360px;
17829
17439
  }
17830
- .v-stepper-item--selected {
17831
- opacity: 1;
17440
+
17441
+ .v-otp-input__field {
17442
+ color: inherit;
17443
+ font-size: 1.25rem;
17444
+ height: 100%;
17445
+ outline: none;
17446
+ text-align: center;
17447
+ width: 100%;
17832
17448
  }
17833
- .v-stepper-item--error {
17834
- color: rgb(var(--v-theme-error));
17449
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
17450
+ -webkit-appearance: none;
17451
+ margin: 0;
17835
17452
  }
17836
- .v-stepper-item--disabled {
17837
- opacity: var(--v-medium-emphasis-opacity);
17838
- pointer-events: none;
17453
+ .v-otp-input__field[type=number] {
17454
+ -moz-appearance: textfield;
17839
17455
  }
17840
- .v-stepper--alt-labels .v-stepper-item {
17841
- flex-direction: column;
17842
- justify-content: flex-start;
17456
+
17457
+ .v-otp-input__loader {
17843
17458
  align-items: center;
17844
- flex-basis: 175px;
17459
+ display: flex;
17460
+ height: 100%;
17461
+ justify-content: center;
17462
+ width: 100%;
17463
+ }.v-picker.v-sheet {
17464
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17465
+ border-radius: 4px;
17466
+ display: grid;
17467
+ grid-auto-rows: min-content;
17468
+ grid-template-areas: "title" "header" "body";
17469
+ overflow: hidden;
17470
+ }
17471
+ .v-picker.v-sheet.v-picker--with-actions {
17472
+ grid-template-areas: "title" "header" "body" "actions";
17845
17473
  }
17846
17474
 
17847
- .v-stepper-item__avatar.v-avatar {
17848
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
17849
- color: rgb(var(--v-theme-on-surface-variant));
17850
- font-size: 0.75rem;
17851
- margin-inline-end: 8px;
17475
+ .v-picker__body {
17476
+ grid-area: body;
17852
17477
  }
17853
- .v-stepper-item__avatar.v-avatar .v-icon {
17854
- font-size: 0.875rem;
17478
+
17479
+ .v-picker__header {
17480
+ grid-area: header;
17855
17481
  }
17856
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
17857
- background: rgb(var(--v-theme-surface-variant));
17482
+
17483
+ .v-picker__actions {
17484
+ grid-area: actions;
17485
+ padding: 0 12px 12px 12px;
17486
+ display: flex;
17487
+ align-items: center;
17488
+ justify-content: flex-end;
17858
17489
  }
17859
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
17860
- background: rgb(var(--v-theme-error));
17490
+ .v-picker__actions .v-btn {
17491
+ min-width: 48px;
17861
17492
  }
17862
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
17863
- margin-bottom: 16px;
17864
- margin-inline-end: 0;
17493
+ .v-picker__actions .v-btn:not(:last-child) {
17494
+ margin-inline-end: 8px;
17865
17495
  }
17866
17496
 
17867
- .v-stepper-item__title {
17868
- line-height: 1;
17497
+ .v-picker--landscape {
17498
+ grid-template-areas: "title" "header body" "header body";
17869
17499
  }
17870
- .v-stepper--mobile .v-stepper-item__title {
17871
- display: none;
17500
+
17501
+ .v-picker--landscape.v-picker--with-actions {
17502
+ grid-template-areas: "title" "header body" "header actions";
17872
17503
  }
17873
17504
 
17874
- .v-stepper-item__subtitle {
17505
+ .v-picker-title {
17506
+ text-transform: uppercase;
17875
17507
  font-size: 0.75rem;
17876
- text-align: left;
17877
- line-height: 1;
17878
- opacity: var(--v-medium-emphasis-opacity);
17879
- }
17880
- .v-stepper--alt-labels .v-stepper-item__subtitle {
17881
- text-align: center;
17882
- }
17883
- .v-stepper--mobile .v-stepper-item__subtitle {
17884
- display: none;
17508
+ grid-area: title;
17509
+ padding-inline: 24px 12px;
17510
+ padding-top: 16px;
17511
+ padding-bottom: 16px;
17512
+ font-weight: 600;
17513
+ letter-spacing: 0.1666666667em;
17885
17514
  }.v-application {
17886
17515
  display: flex;
17887
17516
  background: rgb(var(--v-theme-background));
@@ -17898,18 +17527,87 @@ html.overflow-y-hidden {
17898
17527
  min-height: 100vh;
17899
17528
  min-height: 100dvh;
17900
17529
  position: relative;
17901
- }.v-app-bar {
17902
- display: flex;
17530
+ }.v-autocomplete .v-field .v-text-field__prefix,
17531
+ .v-autocomplete .v-field .v-text-field__suffix,
17532
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17533
+ cursor: text;
17903
17534
  }
17904
- .v-app-bar.v-toolbar {
17905
- background: rgb(var(--v-theme-surface));
17906
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17535
+ .v-autocomplete .v-field .v-field__input > input {
17536
+ flex: 1 1;
17907
17537
  }
17908
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17538
+ .v-autocomplete .v-field input {
17539
+ min-width: 64px;
17540
+ }
17541
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17542
+ min-width: 0;
17543
+ }
17544
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17545
+ margin-inline-end: 2px;
17546
+ }
17547
+ .v-autocomplete .v-autocomplete__selection-text {
17548
+ overflow: hidden;
17549
+ text-overflow: ellipsis;
17550
+ white-space: nowrap;
17551
+ }
17552
+
17553
+ .v-autocomplete__content {
17554
+ overflow: hidden;
17909
17555
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17556
+ border-radius: 4px;
17910
17557
  }
17911
- .v-app-bar:not(.v-toolbar--absolute) {
17912
- padding-inline-end: var(--v-scrollbar-offset);
17558
+ .v-autocomplete__mask {
17559
+ background: rgb(var(--v-theme-on-surface-variant));
17560
+ }
17561
+ .v-autocomplete__selection {
17562
+ display: inline-flex;
17563
+ align-items: center;
17564
+ height: 1.5rem;
17565
+ letter-spacing: inherit;
17566
+ line-height: inherit;
17567
+ max-width: calc(100% - 2px);
17568
+ }
17569
+ .v-autocomplete__selection:first-child {
17570
+ margin-inline-start: 0;
17571
+ }
17572
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17573
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17574
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17575
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17576
+ top: 0px;
17577
+ }
17578
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17579
+ opacity: var(--v-medium-emphasis-opacity);
17580
+ }
17581
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17582
+ opacity: 1;
17583
+ }
17584
+ .v-autocomplete--selecting-index .v-field__input > input {
17585
+ caret-color: transparent;
17586
+ }
17587
+ .v-autocomplete--single.v-text-field input {
17588
+ flex: 1 1;
17589
+ position: absolute;
17590
+ left: 0;
17591
+ right: 0;
17592
+ width: 100%;
17593
+ padding-inline: inherit;
17594
+ }
17595
+ .v-autocomplete--single .v-field--active input {
17596
+ transition: none;
17597
+ }
17598
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17599
+ opacity: 0;
17600
+ }
17601
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17602
+ opacity: 0;
17603
+ }
17604
+ .v-autocomplete__menu-icon {
17605
+ margin-inline-start: 4px;
17606
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17607
+ }
17608
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17609
+ opacity: var(--v-high-emphasis-opacity);
17610
+ transform: rotate(180deg);
17913
17611
  }.v-alert {
17914
17612
  display: grid;
17915
17613
  flex: 1 1;
@@ -18120,87 +17818,6 @@ html.overflow-y-hidden {
18120
17818
  text-transform: none;
18121
17819
  word-break: normal;
18122
17820
  word-wrap: break-word;
18123
- }.v-autocomplete .v-field .v-text-field__prefix,
18124
- .v-autocomplete .v-field .v-text-field__suffix,
18125
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18126
- cursor: text;
18127
- }
18128
- .v-autocomplete .v-field .v-field__input > input {
18129
- flex: 1 1;
18130
- }
18131
- .v-autocomplete .v-field input {
18132
- min-width: 64px;
18133
- }
18134
- .v-autocomplete .v-field:not(.v-field--focused) input {
18135
- min-width: 0;
18136
- }
18137
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18138
- margin-inline-end: 2px;
18139
- }
18140
- .v-autocomplete .v-autocomplete__selection-text {
18141
- overflow: hidden;
18142
- text-overflow: ellipsis;
18143
- white-space: nowrap;
18144
- }
18145
-
18146
- .v-autocomplete__content {
18147
- overflow: hidden;
18148
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18149
- border-radius: 4px;
18150
- }
18151
- .v-autocomplete__mask {
18152
- background: rgb(var(--v-theme-on-surface-variant));
18153
- }
18154
- .v-autocomplete__selection {
18155
- display: inline-flex;
18156
- align-items: center;
18157
- height: 1.5rem;
18158
- letter-spacing: inherit;
18159
- line-height: inherit;
18160
- max-width: calc(100% - 2px);
18161
- }
18162
- .v-autocomplete__selection:first-child {
18163
- margin-inline-start: 0;
18164
- }
18165
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18166
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18167
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18168
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18169
- top: 0px;
18170
- }
18171
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18172
- opacity: var(--v-medium-emphasis-opacity);
18173
- }
18174
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18175
- opacity: 1;
18176
- }
18177
- .v-autocomplete--selecting-index .v-field__input > input {
18178
- caret-color: transparent;
18179
- }
18180
- .v-autocomplete--single.v-text-field input {
18181
- flex: 1 1;
18182
- position: absolute;
18183
- left: 0;
18184
- right: 0;
18185
- width: 100%;
18186
- padding-inline: inherit;
18187
- }
18188
- .v-autocomplete--single .v-field--active input {
18189
- transition: none;
18190
- }
18191
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18192
- opacity: 0;
18193
- }
18194
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
18195
- opacity: 0;
18196
- }
18197
- .v-autocomplete__menu-icon {
18198
- margin-inline-start: 4px;
18199
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18200
- }
18201
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18202
- opacity: var(--v-high-emphasis-opacity);
18203
- transform: rotate(180deg);
18204
17821
  }.v-avatar {
18205
17822
  flex: none;
18206
17823
  align-items: center;
@@ -18571,6 +18188,38 @@ html.overflow-y-hidden {
18571
18188
  }
18572
18189
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18573
18190
  transform: translateY(0.5rem);
18191
+ }.bottom-sheet-transition-enter-from {
18192
+ transform: translateY(100%);
18193
+ }
18194
+ .bottom-sheet-transition-leave-to {
18195
+ transform: translateY(100%);
18196
+ }
18197
+
18198
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18199
+ align-self: flex-end;
18200
+ border-radius: 0;
18201
+ flex: 0 1 auto;
18202
+ left: 0;
18203
+ right: 0;
18204
+ margin-inline: 0;
18205
+ margin-bottom: 0;
18206
+ transition-duration: 0.2s;
18207
+ width: 100%;
18208
+ max-width: 100%;
18209
+ overflow: visible;
18210
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18211
+ }
18212
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18213
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18214
+ border-radius: 0;
18215
+ }
18216
+ .v-bottom-sheet.v-bottom-sheet--inset {
18217
+ max-width: none;
18218
+ }
18219
+ @media (min-width: 600px) {
18220
+ .v-bottom-sheet.v-bottom-sheet--inset {
18221
+ max-width: 70%;
18222
+ }
18574
18223
  }.v-breadcrumbs {
18575
18224
  display: flex;
18576
18225
  align-items: center;
@@ -22502,6 +22151,7 @@ textarea.v-field__input::placeholder {
22502
22151
 
22503
22152
  .v-navigation-drawer__prepend,
22504
22153
  .v-navigation-drawer__append {
22154
+ flex: none;
22505
22155
  overflow: hidden;
22506
22156
  }.v-overlay-container {
22507
22157
  contain: layout;
@@ -23130,102 +22780,325 @@ html.v-overlay-scroll-blocked {
23130
22780
  .v-selection-control--density-comfortable {
23131
22781
  --v-selection-control-size: 36px;
23132
22782
  }
23133
-
23134
- .v-selection-control--density-compact {
23135
- --v-selection-control-size: 28px;
22783
+
22784
+ .v-selection-control--density-compact {
22785
+ --v-selection-control-size: 28px;
22786
+ }
22787
+
22788
+ .v-selection-control__wrapper {
22789
+ width: var(--v-selection-control-size);
22790
+ height: var(--v-selection-control-size);
22791
+ display: inline-flex;
22792
+ align-items: center;
22793
+ position: relative;
22794
+ justify-content: center;
22795
+ flex: none;
22796
+ }
22797
+
22798
+ .v-selection-control__input {
22799
+ width: var(--v-selection-control-size);
22800
+ height: var(--v-selection-control-size);
22801
+ align-items: center;
22802
+ display: flex;
22803
+ flex: none;
22804
+ justify-content: center;
22805
+ position: relative;
22806
+ border-radius: 50%;
22807
+ }
22808
+ .v-selection-control__input input {
22809
+ cursor: pointer;
22810
+ position: absolute;
22811
+ left: 0;
22812
+ top: 0;
22813
+ width: 100%;
22814
+ height: 100%;
22815
+ opacity: 0;
22816
+ }
22817
+ .v-selection-control__input::before {
22818
+ content: "";
22819
+ position: absolute;
22820
+ top: 0;
22821
+ left: 0;
22822
+ width: 100%;
22823
+ height: 100%;
22824
+ border-radius: 100%;
22825
+ background-color: currentColor;
22826
+ opacity: 0;
22827
+ pointer-events: none;
22828
+ }
22829
+ .v-selection-control__input:hover::before {
22830
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22831
+ }
22832
+ .v-selection-control__input > .v-icon {
22833
+ opacity: var(--v-medium-emphasis-opacity);
22834
+ }
22835
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
22836
+ opacity: 1;
22837
+ }
22838
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22839
+ color: rgb(var(--v-theme-error));
22840
+ }
22841
+ .v-selection-control--focus-visible .v-selection-control__input::before {
22842
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22843
+ }.v-selection-control-group {
22844
+ grid-area: control;
22845
+ display: flex;
22846
+ flex-direction: column;
22847
+ }
22848
+ .v-selection-control-group--inline {
22849
+ flex-direction: row;
22850
+ flex-wrap: wrap;
22851
+ }.v-sheet {
22852
+ display: block;
22853
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22854
+ border-style: solid;
22855
+ border-width: 0;
22856
+ 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));
22857
+ border-radius: 0;
22858
+ background: rgb(var(--v-theme-surface));
22859
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22860
+ }
22861
+ .v-sheet--border {
22862
+ border-width: thin;
22863
+ box-shadow: none;
22864
+ }
22865
+ .v-sheet--absolute {
22866
+ position: absolute;
22867
+ }
22868
+ .v-sheet--fixed {
22869
+ position: fixed;
22870
+ }
22871
+ .v-sheet--relative {
22872
+ position: relative;
22873
+ }
22874
+ .v-sheet--sticky {
22875
+ position: sticky;
22876
+ }
22877
+ .v-sheet--rounded {
22878
+ border-radius: 4px;
22879
+ }.v-skeleton-loader {
22880
+ align-items: center;
22881
+ background: rgb(var(--v-theme-surface));
22882
+ border-radius: 4px;
22883
+ display: flex;
22884
+ flex-wrap: wrap;
22885
+ position: relative;
22886
+ vertical-align: top;
22887
+ }
22888
+ .v-skeleton-loader__actions {
22889
+ justify-content: end;
22890
+ }
22891
+ .v-skeleton-loader .v-skeleton-loader__ossein {
22892
+ height: 100%;
22893
+ }
22894
+ .v-skeleton-loader .v-skeleton-loader__avatar,
22895
+ .v-skeleton-loader .v-skeleton-loader__button,
22896
+ .v-skeleton-loader .v-skeleton-loader__chip,
22897
+ .v-skeleton-loader .v-skeleton-loader__divider,
22898
+ .v-skeleton-loader .v-skeleton-loader__heading,
22899
+ .v-skeleton-loader .v-skeleton-loader__image,
22900
+ .v-skeleton-loader .v-skeleton-loader__ossein,
22901
+ .v-skeleton-loader .v-skeleton-loader__text {
22902
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
22903
+ }
22904
+ .v-skeleton-loader .v-skeleton-loader__list-item,
22905
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
22906
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
22907
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
22908
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
22909
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
22910
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
22911
+ border-radius: 4px;
22912
+ }
22913
+ .v-skeleton-loader__bone {
22914
+ align-items: center;
22915
+ border-radius: inherit;
22916
+ display: flex;
22917
+ flex: 1 1 100%;
22918
+ flex-wrap: wrap;
22919
+ overflow: hidden;
22920
+ position: relative;
22921
+ }
22922
+ .v-skeleton-loader__bone::after {
22923
+ content: "";
22924
+ position: absolute;
22925
+ top: 0;
22926
+ left: 0;
22927
+ width: 100%;
22928
+ height: 100%;
22929
+ animation: loading 1.5s infinite;
22930
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
22931
+ transform: translateX(-100%);
22932
+ z-index: 1;
22933
+ }
22934
+ .v-skeleton-loader__avatar {
22935
+ border-radius: 50%;
22936
+ flex: 0 1 auto;
22937
+ margin: 8px 16px;
22938
+ max-height: 48px;
22939
+ min-height: 48px;
22940
+ height: 48px;
22941
+ max-width: 48px;
22942
+ min-width: 48px;
22943
+ width: 48px;
22944
+ }
22945
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
22946
+ flex: 1 1 auto;
22947
+ margin-inline-start: 0;
22948
+ }
22949
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22950
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22951
+ margin-inline-start: 0;
22952
+ }
22953
+ .v-skeleton-loader__button {
22954
+ border-radius: 4px;
22955
+ height: 36px;
22956
+ margin: 16px;
22957
+ max-width: 64px;
22958
+ }
22959
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
22960
+ flex: 1 1 auto;
22961
+ margin-inline-start: 0;
22962
+ }
22963
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22964
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22965
+ margin-inline-start: 0;
22966
+ }
22967
+ .v-skeleton-loader__chip {
22968
+ border-radius: 16px;
22969
+ margin: 16px;
22970
+ height: 32px;
22971
+ max-width: 96px;
22972
+ }
22973
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
22974
+ flex: 1 1 auto;
22975
+ margin-inline-start: 0;
22976
+ }
22977
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22978
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22979
+ margin-inline-start: 0;
22980
+ }
22981
+ .v-skeleton-loader__date-picker {
22982
+ border-radius: inherit;
22983
+ }
22984
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
22985
+ max-width: 88px;
22986
+ width: 20%;
22987
+ }
22988
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
22989
+ max-width: 256px;
22990
+ width: 40%;
22991
+ }
22992
+ .v-skeleton-loader__date-picker-days {
22993
+ flex-wrap: wrap;
22994
+ margin: 16px;
22995
+ }
22996
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
22997
+ border-radius: 4px;
22998
+ margin: 4px;
22999
+ max-width: 100%;
23000
+ }
23001
+ .v-skeleton-loader__date-picker-options {
23002
+ flex-wrap: nowrap;
23003
+ }
23004
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23005
+ flex: 1 1 auto;
23006
+ }
23007
+ .v-skeleton-loader__divider {
23008
+ border-radius: 1px;
23009
+ height: 2px;
23010
+ }
23011
+ .v-skeleton-loader__heading {
23012
+ border-radius: 12px;
23013
+ margin: 16px;
23014
+ height: 24px;
23015
+ }
23016
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23017
+ margin-top: -16px;
23018
+ }
23019
+ .v-skeleton-loader__image {
23020
+ height: 150px;
23021
+ border-radius: 0;
23022
+ }
23023
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23024
+ border-radius: 0;
23025
+ }
23026
+ .v-skeleton-loader__list-item {
23027
+ margin: 16px;
23028
+ }
23029
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23030
+ margin: 0;
23031
+ }
23032
+ .v-skeleton-loader__table-thead {
23033
+ justify-content: space-between;
23034
+ }
23035
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23036
+ margin-top: 16px;
23037
+ max-width: 16px;
23038
+ }
23039
+ .v-skeleton-loader__table-tfoot {
23040
+ flex-wrap: nowrap;
23136
23041
  }
23137
-
23138
- .v-selection-control__wrapper {
23139
- width: var(--v-selection-control-size);
23140
- height: var(--v-selection-control-size);
23141
- display: inline-flex;
23142
- align-items: center;
23143
- position: relative;
23144
- justify-content: center;
23145
- flex: none;
23042
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23043
+ margin-top: 16px;
23146
23044
  }
23147
-
23148
- .v-selection-control__input {
23149
- width: var(--v-selection-control-size);
23150
- height: var(--v-selection-control-size);
23151
- align-items: center;
23152
- display: flex;
23153
- flex: none;
23154
- justify-content: center;
23155
- position: relative;
23156
- border-radius: 50%;
23045
+ .v-skeleton-loader__table-row {
23046
+ align-items: baseline;
23047
+ margin: 0 8px;
23048
+ justify-content: space-evenly;
23049
+ flex-wrap: nowrap;
23157
23050
  }
23158
- .v-selection-control__input input {
23159
- cursor: pointer;
23160
- position: absolute;
23161
- left: 0;
23162
- top: 0;
23163
- width: 100%;
23164
- height: 100%;
23165
- opacity: 0;
23051
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23052
+ margin-inline: 8px;
23166
23053
  }
23167
- .v-selection-control__input::before {
23168
- content: "";
23169
- position: absolute;
23170
- top: 0;
23171
- left: 0;
23172
- width: 100%;
23173
- height: 100%;
23174
- border-radius: 100%;
23175
- background-color: currentColor;
23176
- opacity: 0;
23177
- pointer-events: none;
23054
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23055
+ margin: 0 16px;
23178
23056
  }
23179
- .v-selection-control__input:hover::before {
23180
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23057
+ .v-skeleton-loader__table-cell {
23058
+ align-items: center;
23059
+ display: flex;
23060
+ height: 48px;
23061
+ width: 88px;
23181
23062
  }
23182
- .v-selection-control__input > .v-icon {
23183
- opacity: var(--v-medium-emphasis-opacity);
23063
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23064
+ margin-bottom: 0;
23184
23065
  }
23185
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23186
- opacity: 1;
23066
+ .v-skeleton-loader__subtitle {
23067
+ max-width: 70%;
23187
23068
  }
23188
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23189
- color: rgb(var(--v-theme-error));
23069
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23070
+ height: 16px;
23071
+ border-radius: 8px;
23190
23072
  }
23191
- .v-selection-control--focus-visible .v-selection-control__input::before {
23192
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23193
- }.v-selection-control-group {
23194
- grid-area: control;
23195
- display: flex;
23196
- flex-direction: column;
23073
+ .v-skeleton-loader__text {
23074
+ border-radius: 6px;
23075
+ margin: 16px;
23076
+ height: 12px;
23197
23077
  }
23198
- .v-selection-control-group--inline {
23199
- flex-direction: row;
23200
- flex-wrap: wrap;
23201
- }.v-sheet {
23202
- display: block;
23203
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23204
- border-style: solid;
23205
- border-width: 0;
23206
- 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));
23207
- border-radius: 0;
23208
- background: rgb(var(--v-theme-surface));
23209
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23078
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23079
+ margin-top: -8px;
23080
+ max-width: 50%;
23210
23081
  }
23211
- .v-sheet--border {
23212
- border-width: thin;
23213
- box-shadow: none;
23082
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23083
+ max-width: 70%;
23214
23084
  }
23215
- .v-sheet--absolute {
23216
- position: absolute;
23085
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23086
+ display: none;
23217
23087
  }
23218
- .v-sheet--fixed {
23219
- position: fixed;
23088
+ .v-skeleton-loader--is-loading {
23089
+ overflow: hidden;
23220
23090
  }
23221
- .v-sheet--relative {
23222
- position: relative;
23091
+ .v-skeleton-loader--tile {
23092
+ border-radius: 0;
23223
23093
  }
23224
- .v-sheet--sticky {
23225
- position: sticky;
23094
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23095
+ border-radius: 0;
23226
23096
  }
23227
- .v-sheet--rounded {
23228
- border-radius: 4px;
23097
+
23098
+ @keyframes loading {
23099
+ 100% {
23100
+ transform: translateX(100%);
23101
+ }
23229
23102
  }.v-slide-group {
23230
23103
  display: flex;
23231
23104
  overflow: hidden;
@@ -23387,6 +23260,122 @@ html.v-overlay-scroll-blocked {
23387
23260
  }
23388
23261
  .v-snackbar-transition-leave-to {
23389
23262
  opacity: 0;
23263
+ }.v-stepper.v-sheet {
23264
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23265
+ border-radius: 4px;
23266
+ overflow: hidden;
23267
+ }
23268
+ .v-stepper.v-sheet.v-stepper--flat {
23269
+ 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));
23270
+ }
23271
+
23272
+ .v-stepper-header {
23273
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23274
+ align-items: center;
23275
+ display: flex;
23276
+ position: relative;
23277
+ overflow-x: auto;
23278
+ justify-content: space-between;
23279
+ z-index: 1;
23280
+ }
23281
+ .v-stepper-header .v-divider {
23282
+ margin: 0 -16px;
23283
+ }
23284
+ .v-stepper-header .v-divider:last-child {
23285
+ margin-inline-end: 0;
23286
+ }
23287
+ .v-stepper-header .v-divider:first-child {
23288
+ margin-inline-start: 0;
23289
+ }
23290
+ .v-stepper--alt-labels .v-stepper-header {
23291
+ height: auto;
23292
+ }
23293
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23294
+ align-self: flex-start;
23295
+ margin: 35px -67px 0;
23296
+ }
23297
+
23298
+ .v-stepper-window {
23299
+ margin: 1.5rem;
23300
+ }
23301
+
23302
+ .v-stepper-actions {
23303
+ display: flex;
23304
+ align-items: center;
23305
+ justify-content: space-between;
23306
+ padding: 1rem;
23307
+ }
23308
+ .v-stepper .v-stepper-actions {
23309
+ padding: 0 1.5rem 1rem;
23310
+ }
23311
+ .v-stepper-window-item .v-stepper-actions {
23312
+ padding: 1.5rem 0 0;
23313
+ }.v-stepper-item {
23314
+ align-items: center;
23315
+ align-self: stretch;
23316
+ display: inline-flex;
23317
+ flex: none;
23318
+ opacity: var(--v-medium-emphasis-opacity);
23319
+ padding: 1.5rem;
23320
+ transition-duration: 0.2s;
23321
+ transition-property: opacity;
23322
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23323
+ }
23324
+ .v-stepper-item--selected {
23325
+ opacity: 1;
23326
+ }
23327
+ .v-stepper-item--error {
23328
+ color: rgb(var(--v-theme-error));
23329
+ }
23330
+ .v-stepper-item--disabled {
23331
+ opacity: var(--v-medium-emphasis-opacity);
23332
+ pointer-events: none;
23333
+ }
23334
+ .v-stepper--alt-labels .v-stepper-item {
23335
+ flex-direction: column;
23336
+ justify-content: flex-start;
23337
+ align-items: center;
23338
+ flex-basis: 175px;
23339
+ }
23340
+
23341
+ .v-stepper-item__avatar.v-avatar {
23342
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23343
+ color: rgb(var(--v-theme-on-surface-variant));
23344
+ font-size: 0.75rem;
23345
+ margin-inline-end: 8px;
23346
+ }
23347
+ .v-stepper-item__avatar.v-avatar .v-icon {
23348
+ font-size: 0.875rem;
23349
+ }
23350
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23351
+ background: rgb(var(--v-theme-surface-variant));
23352
+ }
23353
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23354
+ background: rgb(var(--v-theme-error));
23355
+ }
23356
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23357
+ margin-bottom: 16px;
23358
+ margin-inline-end: 0;
23359
+ }
23360
+
23361
+ .v-stepper-item__title {
23362
+ line-height: 1;
23363
+ }
23364
+ .v-stepper--mobile .v-stepper-item__title {
23365
+ display: none;
23366
+ }
23367
+
23368
+ .v-stepper-item__subtitle {
23369
+ font-size: 0.75rem;
23370
+ text-align: left;
23371
+ line-height: 1;
23372
+ opacity: var(--v-medium-emphasis-opacity);
23373
+ }
23374
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23375
+ text-align: center;
23376
+ }
23377
+ .v-stepper--mobile .v-stepper-item__subtitle {
23378
+ display: none;
23390
23379
  }.v-switch .v-label {
23391
23380
  padding-inline-start: 10px;
23392
23381
  }
@@ -24498,6 +24487,18 @@ html.v-overlay-scroll-blocked {
24498
24487
  }
24499
24488
  .v-window-y-reverse-transition-leave-to {
24500
24489
  transform: translateY(100%);
24490
+ }.v-app-bar {
24491
+ display: flex;
24492
+ }
24493
+ .v-app-bar.v-toolbar {
24494
+ background: rgb(var(--v-theme-surface));
24495
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24496
+ }
24497
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
24498
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
24499
+ }
24500
+ .v-app-bar:not(.v-toolbar--absolute) {
24501
+ padding-inline-end: var(--v-scrollbar-offset);
24501
24502
  }.v-color-picker-canvas {
24502
24503
  display: flex;
24503
24504
  position: relative;