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

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 (198) hide show
  1. package/CHANGELOG.md +7 -3
  2. package/dist/_component-variables-labs.sass +1 -5
  3. package/dist/_component-variables.sass +4 -0
  4. package/dist/json/attributes.json +26 -26
  5. package/dist/json/importMap-labs.json +14 -50
  6. package/dist/json/importMap.json +98 -62
  7. package/dist/json/web-types.json +30 -30
  8. package/dist/vuetify-labs.css +695 -694
  9. package/dist/vuetify-labs.d.ts +41561 -36837
  10. package/dist/vuetify-labs.esm.js +3188 -3166
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +3187 -3165
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.css +505 -108
  15. package/dist/vuetify.d.ts +20359 -13201
  16. package/dist/vuetify.esm.js +995 -175
  17. package/dist/vuetify.esm.js.map +1 -1
  18. package/dist/vuetify.js +994 -174
  19. package/dist/vuetify.js.map +1 -1
  20. package/dist/vuetify.min.css +2 -2
  21. package/dist/vuetify.min.js +1306 -1256
  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/{labs → components}/VInfiniteScroll/VInfiniteScroll.mjs +2 -2
  65. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -0
  66. package/lib/{labs → components}/VInfiniteScroll/index.d.mts +59 -54
  67. package/lib/components/VInfiniteScroll/index.mjs.map +1 -0
  68. package/lib/components/VInput/index.d.mts +90 -66
  69. package/lib/components/VItemGroup/index.d.mts +115 -99
  70. package/lib/components/VKbd/index.d.mts +21 -46
  71. package/lib/components/VLabel/index.d.mts +24 -47
  72. package/lib/components/VLayout/index.d.mts +55 -96
  73. package/lib/components/VLazy/index.d.mts +43 -50
  74. package/lib/components/VList/index.d.mts +403 -468
  75. package/lib/components/VLocaleProvider/index.d.mts +24 -46
  76. package/lib/components/VMain/index.d.mts +24 -47
  77. package/lib/components/VMenu/index.d.mts +573 -324
  78. package/lib/components/VMessages/index.d.mts +41 -49
  79. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +1 -0
  80. package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +1 -0
  81. package/lib/components/VNavigationDrawer/index.d.mts +95 -67
  82. package/lib/components/VOverlay/index.d.mts +138 -76
  83. package/lib/components/VPagination/index.d.mts +114 -73
  84. package/lib/components/VParallax/index.d.mts +31 -47
  85. package/lib/components/VProgressCircular/index.d.mts +48 -53
  86. package/lib/components/VProgressLinear/index.d.mts +84 -63
  87. package/lib/components/VRadio/index.d.mts +93 -61
  88. package/lib/components/VRadioGroup/index.d.mts +130 -77
  89. package/lib/components/VRangeSlider/index.d.mts +169 -86
  90. package/lib/components/VRating/index.d.mts +75 -62
  91. package/lib/components/VResponsive/index.d.mts +33 -47
  92. package/lib/components/VSelect/VSelect.mjs +13 -10
  93. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  94. package/lib/components/VSelect/index.d.mts +1191 -546
  95. package/lib/components/VSelectionControl/index.d.mts +48 -53
  96. package/lib/components/VSelectionControlGroup/index.d.mts +58 -57
  97. package/lib/components/VSheet/index.d.mts +37 -48
  98. package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -0
  99. package/lib/{labs → components}/VSkeletonLoader/index.d.mts +36 -51
  100. package/lib/components/VSkeletonLoader/index.mjs.map +1 -0
  101. package/lib/components/VSlideGroup/index.d.mts +106 -105
  102. package/lib/components/VSlider/index.d.mts +166 -85
  103. package/lib/components/VSnackbar/index.d.mts +572 -324
  104. package/lib/components/VStepper/VStepper.mjs +137 -98
  105. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  106. package/lib/components/VStepper/VStepper.sass +38 -198
  107. package/lib/{labs → components}/VStepper/VStepperActions.mjs +2 -2
  108. package/lib/components/VStepper/VStepperActions.mjs.map +1 -0
  109. package/lib/components/VStepper/VStepperHeader.mjs.map +1 -0
  110. package/lib/{labs → components}/VStepper/VStepperItem.mjs +2 -2
  111. package/lib/components/VStepper/VStepperItem.mjs.map +1 -0
  112. package/lib/{labs → components}/VStepper/VStepperWindow.mjs +1 -1
  113. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -0
  114. package/lib/{labs → components}/VStepper/VStepperWindowItem.mjs +1 -1
  115. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -0
  116. package/lib/components/VStepper/_variables.scss +21 -31
  117. package/lib/{labs → components}/VStepper/index.d.mts +368 -340
  118. package/lib/components/VStepper/index.mjs +6 -17
  119. package/lib/components/VStepper/index.mjs.map +1 -1
  120. package/lib/components/VSwitch/index.d.mts +168 -86
  121. package/lib/components/VSystemBar/index.d.mts +39 -51
  122. package/lib/components/VTable/index.d.mts +45 -51
  123. package/lib/components/VTabs/index.d.mts +177 -132
  124. package/lib/components/VTextField/index.d.mts +665 -470
  125. package/lib/components/VTextarea/index.d.mts +469 -297
  126. package/lib/components/VThemeProvider/index.d.mts +26 -48
  127. package/lib/components/VTimeline/index.d.mts +98 -106
  128. package/lib/components/VToolbar/index.d.mts +119 -150
  129. package/lib/components/VTooltip/index.d.mts +565 -321
  130. package/lib/components/VValidation/index.d.mts +108 -62
  131. package/lib/components/VVirtualScroll/index.d.mts +18 -46
  132. package/lib/components/VWindow/index.d.mts +130 -110
  133. package/lib/components/index.d.mts +19973 -12833
  134. package/lib/components/index.mjs +5 -2
  135. package/lib/components/index.mjs.map +1 -1
  136. package/lib/components/transitions/index.d.mts +455 -819
  137. package/lib/composables/color.mjs +2 -2
  138. package/lib/composables/color.mjs.map +1 -1
  139. package/lib/entry-bundler.mjs +1 -1
  140. package/lib/framework.mjs +1 -1
  141. package/lib/index.d.mts +36 -36
  142. package/lib/labs/VDataIterator/index.d.mts +112 -75
  143. package/lib/labs/VDataTable/index.d.mts +1456 -530
  144. package/lib/labs/VDateInput/index.d.mts +260 -157
  145. package/lib/labs/VDatePicker/index.d.mts +1100 -889
  146. package/lib/labs/VDateRangePicker/index.d.mts +207 -129
  147. package/lib/labs/VOtpInput/index.d.mts +80 -64
  148. package/lib/labs/VPicker/index.d.mts +74 -97
  149. package/lib/labs/components.d.mts +7514 -10029
  150. package/lib/labs/components.mjs +0 -4
  151. package/lib/labs/components.mjs.map +1 -1
  152. package/lib/labs/date/adapters/vuetify.mjs +6 -3
  153. package/lib/labs/date/adapters/vuetify.mjs.map +1 -1
  154. package/lib/locale/fr.mjs +19 -19
  155. package/lib/locale/fr.mjs.map +1 -1
  156. package/lib/util/colorUtils.mjs +3 -0
  157. package/lib/util/colorUtils.mjs.map +1 -1
  158. package/lib/util/helpers.mjs +8 -1
  159. package/lib/util/helpers.mjs.map +1 -1
  160. package/package.json +1 -1
  161. package/lib/components/VStepper/VStepperContent.mjs +0 -114
  162. package/lib/components/VStepper/VStepperContent.mjs.map +0 -1
  163. package/lib/components/VStepper/VStepperStep.mjs +0 -134
  164. package/lib/components/VStepper/VStepperStep.mjs.map +0 -1
  165. package/lib/labs/VBottomSheet/VBottomSheet.mjs.map +0 -1
  166. package/lib/labs/VBottomSheet/index.mjs.map +0 -1
  167. package/lib/labs/VInfiniteScroll/VInfiniteScroll.mjs.map +0 -1
  168. package/lib/labs/VInfiniteScroll/index.mjs.map +0 -1
  169. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +0 -1
  170. package/lib/labs/VSkeletonLoader/index.mjs.map +0 -1
  171. package/lib/labs/VStepper/VStepper.mjs +0 -149
  172. package/lib/labs/VStepper/VStepper.mjs.map +0 -1
  173. package/lib/labs/VStepper/VStepper.sass +0 -53
  174. package/lib/labs/VStepper/VStepperActions.mjs.map +0 -1
  175. package/lib/labs/VStepper/VStepperHeader.mjs.map +0 -1
  176. package/lib/labs/VStepper/VStepperItem.mjs.map +0 -1
  177. package/lib/labs/VStepper/VStepperWindow.mjs.map +0 -1
  178. package/lib/labs/VStepper/VStepperWindowItem.mjs.map +0 -1
  179. package/lib/labs/VStepper/_variables.scss +0 -27
  180. package/lib/labs/VStepper/index.mjs +0 -7
  181. package/lib/labs/VStepper/index.mjs.map +0 -1
  182. /package/lib/{labs → components}/VBottomSheet/VBottomSheet.css +0 -0
  183. /package/lib/{labs → components}/VBottomSheet/VBottomSheet.sass +0 -0
  184. /package/lib/{labs → components}/VBottomSheet/_variables.scss +0 -0
  185. /package/lib/{labs → components}/VBottomSheet/index.mjs +0 -0
  186. /package/lib/{labs → components}/VInfiniteScroll/VInfiniteScroll.css +0 -0
  187. /package/lib/{labs → components}/VInfiniteScroll/VInfiniteScroll.sass +0 -0
  188. /package/lib/{labs → components}/VInfiniteScroll/_variables.scss +0 -0
  189. /package/lib/{labs → components}/VInfiniteScroll/index.mjs +0 -0
  190. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.css +0 -0
  191. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.mjs +0 -0
  192. /package/lib/{labs → components}/VSkeletonLoader/VSkeletonLoader.sass +0 -0
  193. /package/lib/{labs → components}/VSkeletonLoader/_variables.scss +0 -0
  194. /package/lib/{labs → components}/VSkeletonLoader/index.mjs +0 -0
  195. /package/lib/{labs → components}/VStepper/VStepper.css +0 -0
  196. /package/lib/{labs → components}/VStepper/VStepperHeader.mjs +0 -0
  197. /package/lib/{labs → components}/VStepper/VStepperItem.css +0 -0
  198. /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-28
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16981,38 +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
16984
  }.v-data-table {
17017
16985
  width: 100%;
17018
16986
  }
@@ -17414,31 +17382,6 @@ html.overflow-y-hidden {
17414
17382
  }
17415
17383
  .v-date-picker-years__content .v-btn {
17416
17384
  padding-inline: 8px;
17417
- }.v-infinite-scroll--horizontal {
17418
- display: flex;
17419
- flex-direction: row;
17420
- overflow-x: auto;
17421
- }
17422
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
17423
- height: 100%;
17424
- width: 1px;
17425
- }
17426
-
17427
- .v-infinite-scroll--vertical {
17428
- display: flex;
17429
- flex-direction: column;
17430
- overflow-y: auto;
17431
- }
17432
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
17433
- height: 1px;
17434
- width: 100%;
17435
- }
17436
-
17437
- .v-infinite-scroll__side {
17438
- align-items: center;
17439
- display: flex;
17440
- justify-content: center;
17441
- padding: 8px;
17442
17385
  }.v-otp-input {
17443
17386
  border-radius: 4px;
17444
17387
  align-items: center;
@@ -17543,457 +17486,118 @@ html.overflow-y-hidden {
17543
17486
  padding-bottom: 16px;
17544
17487
  font-weight: 600;
17545
17488
  letter-spacing: 0.1666666667em;
17546
- }.v-skeleton-loader {
17547
- align-items: center;
17548
- background: rgb(var(--v-theme-surface));
17549
- border-radius: 4px;
17489
+ }.v-application {
17550
17490
  display: flex;
17551
- flex-wrap: wrap;
17552
- position: relative;
17553
- vertical-align: top;
17554
- }
17555
- .v-skeleton-loader__actions {
17556
- justify-content: end;
17491
+ background: rgb(var(--v-theme-background));
17492
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17557
17493
  }
17558
- .v-skeleton-loader .v-skeleton-loader__ossein {
17559
- height: 100%;
17494
+
17495
+ .v-application__wrap {
17496
+ -webkit-backface-visibility: hidden;
17497
+ backface-visibility: hidden;
17498
+ display: flex;
17499
+ flex-direction: column;
17500
+ flex: 1 1 auto;
17501
+ max-width: 100%;
17502
+ min-height: 100vh;
17503
+ min-height: 100dvh;
17504
+ position: relative;
17505
+ }.v-app-bar {
17506
+ display: flex;
17560
17507
  }
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));
17508
+ .v-app-bar.v-toolbar {
17509
+ background: rgb(var(--v-theme-surface));
17510
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17570
17511
  }
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;
17512
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17513
+ 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));
17579
17514
  }
17580
- .v-skeleton-loader__bone {
17581
- align-items: center;
17582
- border-radius: inherit;
17583
- display: flex;
17584
- flex: 1 1 100%;
17585
- flex-wrap: wrap;
17586
- overflow: hidden;
17515
+ .v-app-bar:not(.v-toolbar--absolute) {
17516
+ padding-inline-end: var(--v-scrollbar-offset);
17517
+ }.v-alert {
17518
+ display: grid;
17519
+ flex: 1 1;
17520
+ grid-template-areas: "prepend content append close" ". content . .";
17521
+ grid-template-columns: max-content auto max-content max-content;
17587
17522
  position: relative;
17523
+ padding: 16px;
17524
+ overflow: hidden;
17525
+ --v-border-color: currentColor;
17526
+ border-radius: 4px;
17588
17527
  }
17589
- .v-skeleton-loader__bone::after {
17590
- content: "";
17528
+ .v-alert--absolute {
17591
17529
  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
17530
  }
17601
- .v-skeleton-loader__avatar {
17602
- 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;
17531
+ .v-alert--fixed {
17532
+ position: fixed;
17611
17533
  }
17612
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
17613
- flex: 1 1 auto;
17614
- margin-inline-start: 0;
17534
+ .v-alert--sticky {
17535
+ position: sticky;
17615
17536
  }
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;
17537
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17538
+ background: transparent;
17539
+ color: inherit;
17619
17540
  }
17620
- .v-skeleton-loader__button {
17621
- border-radius: 4px;
17622
- height: 36px;
17623
- margin: 16px;
17624
- max-width: 64px;
17541
+ .v-alert--variant-plain {
17542
+ opacity: 0.62;
17625
17543
  }
17626
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
17627
- flex: 1 1 auto;
17628
- margin-inline-start: 0;
17544
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17545
+ opacity: 1;
17629
17546
  }
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;
17547
+ .v-alert--variant-plain .v-alert__overlay {
17548
+ display: none;
17633
17549
  }
17634
- .v-skeleton-loader__chip {
17635
- border-radius: 16px;
17636
- margin: 16px;
17637
- height: 32px;
17638
- max-width: 96px;
17550
+ .v-alert--variant-elevated, .v-alert--variant-flat {
17551
+ background: rgb(var(--v-theme-on-surface-variant));
17552
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17639
17553
  }
17640
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
17641
- flex: 1 1 auto;
17642
- margin-inline-start: 0;
17554
+ .v-alert--variant-elevated {
17555
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17643
17556
  }
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;
17557
+ .v-alert--variant-flat {
17558
+ 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));
17647
17559
  }
17648
- .v-skeleton-loader__date-picker {
17649
- border-radius: inherit;
17560
+ .v-alert--variant-outlined {
17561
+ border: thin solid currentColor;
17650
17562
  }
17651
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
17652
- max-width: 88px;
17653
- width: 20%;
17563
+ .v-alert--variant-text .v-alert__overlay {
17564
+ background: currentColor;
17654
17565
  }
17655
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
17656
- max-width: 256px;
17657
- width: 40%;
17566
+ .v-alert--variant-tonal .v-alert__underlay {
17567
+ background: currentColor;
17568
+ opacity: var(--v-activated-opacity);
17569
+ border-radius: inherit;
17570
+ position: absolute;
17571
+ top: 0;
17572
+ right: 0;
17573
+ bottom: 0;
17574
+ left: 0;
17575
+ pointer-events: none;
17658
17576
  }
17659
- .v-skeleton-loader__date-picker-days {
17660
- flex-wrap: wrap;
17661
- margin: 16px;
17577
+ .v-alert--prominent {
17578
+ grid-template-areas: "prepend content append close" "prepend content . .";
17662
17579
  }
17663
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
17664
- border-radius: 4px;
17665
- margin: 4px;
17666
- max-width: 100%;
17580
+ .v-alert.v-alert--border {
17581
+ --v-border-opacity: 0.38;
17667
17582
  }
17668
- .v-skeleton-loader__date-picker-options {
17669
- flex-wrap: nowrap;
17583
+ .v-alert.v-alert--border.v-alert--border-start {
17584
+ padding-inline-start: 24px;
17670
17585
  }
17671
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
17672
- flex: 1 1 auto;
17586
+ .v-alert.v-alert--border.v-alert--border-end {
17587
+ padding-inline-end: 24px;
17673
17588
  }
17674
- .v-skeleton-loader__divider {
17675
- border-radius: 1px;
17676
- height: 2px;
17589
+ .v-alert--variant-plain {
17590
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
17677
17591
  }
17678
- .v-skeleton-loader__heading {
17679
- border-radius: 12px;
17680
- margin: 16px;
17681
- height: 24px;
17592
+ .v-alert--density-default {
17593
+ padding-bottom: 16px;
17594
+ padding-top: 16px;
17682
17595
  }
17683
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
17684
- margin-top: -16px;
17596
+ .v-alert--density-default.v-alert--border-top {
17597
+ padding-top: 24px;
17685
17598
  }
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;
17698
- }
17699
- .v-skeleton-loader__table-thead {
17700
- justify-content: space-between;
17701
- }
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;
17723
- }
17724
- .v-skeleton-loader__table-cell {
17725
- align-items: center;
17726
- 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;
17763
- }
17764
-
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));
17776
- }
17777
-
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));
17780
- align-items: center;
17781
- display: flex;
17782
- 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
- }
17799
- .v-stepper--alt-labels .v-stepper-header .v-divider {
17800
- align-self: flex-start;
17801
- margin: 35px -67px 0;
17802
- }
17803
-
17804
- .v-stepper-window {
17805
- margin: 1.5rem;
17806
- }
17807
-
17808
- .v-stepper-actions {
17809
- display: flex;
17810
- align-items: center;
17811
- justify-content: space-between;
17812
- padding: 1rem;
17813
- }
17814
- .v-stepper .v-stepper-actions {
17815
- padding: 0 1.5rem 1rem;
17816
- }
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);
17829
- }
17830
- .v-stepper-item--selected {
17831
- opacity: 1;
17832
- }
17833
- .v-stepper-item--error {
17834
- color: rgb(var(--v-theme-error));
17835
- }
17836
- .v-stepper-item--disabled {
17837
- opacity: var(--v-medium-emphasis-opacity);
17838
- pointer-events: none;
17839
- }
17840
- .v-stepper--alt-labels .v-stepper-item {
17841
- flex-direction: column;
17842
- justify-content: flex-start;
17843
- align-items: center;
17844
- flex-basis: 175px;
17845
- }
17846
-
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;
17852
- }
17853
- .v-stepper-item__avatar.v-avatar .v-icon {
17854
- font-size: 0.875rem;
17855
- }
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));
17858
- }
17859
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
17860
- background: rgb(var(--v-theme-error));
17861
- }
17862
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
17863
- margin-bottom: 16px;
17864
- margin-inline-end: 0;
17865
- }
17866
-
17867
- .v-stepper-item__title {
17868
- line-height: 1;
17869
- }
17870
- .v-stepper--mobile .v-stepper-item__title {
17871
- display: none;
17872
- }
17873
-
17874
- .v-stepper-item__subtitle {
17875
- 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;
17885
- }.v-application {
17886
- display: flex;
17887
- background: rgb(var(--v-theme-background));
17888
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17889
- }
17890
-
17891
- .v-application__wrap {
17892
- -webkit-backface-visibility: hidden;
17893
- backface-visibility: hidden;
17894
- display: flex;
17895
- flex-direction: column;
17896
- flex: 1 1 auto;
17897
- max-width: 100%;
17898
- min-height: 100vh;
17899
- min-height: 100dvh;
17900
- position: relative;
17901
- }.v-app-bar {
17902
- display: flex;
17903
- }
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));
17907
- }
17908
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17909
- 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));
17910
- }
17911
- .v-app-bar:not(.v-toolbar--absolute) {
17912
- padding-inline-end: var(--v-scrollbar-offset);
17913
- }.v-alert {
17914
- display: grid;
17915
- flex: 1 1;
17916
- grid-template-areas: "prepend content append close" ". content . .";
17917
- grid-template-columns: max-content auto max-content max-content;
17918
- position: relative;
17919
- padding: 16px;
17920
- overflow: hidden;
17921
- --v-border-color: currentColor;
17922
- border-radius: 4px;
17923
- }
17924
- .v-alert--absolute {
17925
- position: absolute;
17926
- }
17927
- .v-alert--fixed {
17928
- position: fixed;
17929
- }
17930
- .v-alert--sticky {
17931
- position: sticky;
17932
- }
17933
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17934
- background: transparent;
17935
- color: inherit;
17936
- }
17937
- .v-alert--variant-plain {
17938
- opacity: 0.62;
17939
- }
17940
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17941
- opacity: 1;
17942
- }
17943
- .v-alert--variant-plain .v-alert__overlay {
17944
- display: none;
17945
- }
17946
- .v-alert--variant-elevated, .v-alert--variant-flat {
17947
- background: rgb(var(--v-theme-on-surface-variant));
17948
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17949
- }
17950
- .v-alert--variant-elevated {
17951
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17952
- }
17953
- .v-alert--variant-flat {
17954
- 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));
17955
- }
17956
- .v-alert--variant-outlined {
17957
- border: thin solid currentColor;
17958
- }
17959
- .v-alert--variant-text .v-alert__overlay {
17960
- background: currentColor;
17961
- }
17962
- .v-alert--variant-tonal .v-alert__underlay {
17963
- background: currentColor;
17964
- opacity: var(--v-activated-opacity);
17965
- border-radius: inherit;
17966
- position: absolute;
17967
- top: 0;
17968
- right: 0;
17969
- bottom: 0;
17970
- left: 0;
17971
- pointer-events: none;
17972
- }
17973
- .v-alert--prominent {
17974
- grid-template-areas: "prepend content append close" "prepend content . .";
17975
- }
17976
- .v-alert.v-alert--border {
17977
- --v-border-opacity: 0.38;
17978
- }
17979
- .v-alert.v-alert--border.v-alert--border-start {
17980
- padding-inline-start: 24px;
17981
- }
17982
- .v-alert.v-alert--border.v-alert--border-end {
17983
- padding-inline-end: 24px;
17984
- }
17985
- .v-alert--variant-plain {
17986
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
17987
- }
17988
- .v-alert--density-default {
17989
- padding-bottom: 16px;
17990
- padding-top: 16px;
17991
- }
17992
- .v-alert--density-default.v-alert--border-top {
17993
- padding-top: 24px;
17994
- }
17995
- .v-alert--density-default.v-alert--border-bottom {
17996
- padding-bottom: 24px;
17599
+ .v-alert--density-default.v-alert--border-bottom {
17600
+ padding-bottom: 24px;
17997
17601
  }
17998
17602
 
17999
17603
  .v-alert--density-comfortable {
@@ -18359,6 +17963,61 @@ html.overflow-y-hidden {
18359
17963
  display: inline-flex;
18360
17964
  justify-content: center;
18361
17965
  margin: 0 4px;
17966
+ }.v-bottom-navigation {
17967
+ display: flex;
17968
+ max-width: 100%;
17969
+ overflow: hidden;
17970
+ position: absolute;
17971
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17972
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17973
+ border-style: solid;
17974
+ border-width: 0;
17975
+ border-radius: 0;
17976
+ background: rgb(var(--v-theme-surface));
17977
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17978
+ }
17979
+ .v-bottom-navigation--border {
17980
+ border-width: thin;
17981
+ box-shadow: none;
17982
+ }
17983
+ .v-bottom-navigation--active {
17984
+ 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));
17985
+ }
17986
+
17987
+ .v-bottom-navigation__content {
17988
+ display: flex;
17989
+ flex: none;
17990
+ font-size: 0.75rem;
17991
+ justify-content: center;
17992
+ transition: inherit;
17993
+ width: 100%;
17994
+ }
17995
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17996
+ font-size: inherit;
17997
+ height: 100%;
17998
+ max-width: 168px;
17999
+ min-width: 80px;
18000
+ text-transform: none;
18001
+ transition: inherit;
18002
+ width: auto;
18003
+ border-radius: 0;
18004
+ }
18005
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18006
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18007
+ transition: inherit;
18008
+ }
18009
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18010
+ font-size: 1.5rem;
18011
+ }
18012
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18013
+ flex-grow: 1;
18014
+ }
18015
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18016
+ transition: inherit;
18017
+ opacity: 0;
18018
+ }
18019
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18020
+ transform: translateY(0.5rem);
18362
18021
  }.v-banner {
18363
18022
  display: grid;
18364
18023
  flex: 1 1;
@@ -18516,61 +18175,38 @@ html.overflow-y-hidden {
18516
18175
  }
18517
18176
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18518
18177
  align-self: flex-start;
18519
- }.v-bottom-navigation {
18520
- display: flex;
18521
- max-width: 100%;
18522
- overflow: hidden;
18523
- position: absolute;
18524
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18525
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18526
- border-style: solid;
18527
- border-width: 0;
18528
- border-radius: 0;
18529
- background: rgb(var(--v-theme-surface));
18530
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18531
- }
18532
- .v-bottom-navigation--border {
18533
- border-width: thin;
18534
- box-shadow: none;
18178
+ }.bottom-sheet-transition-enter-from {
18179
+ transform: translateY(100%);
18535
18180
  }
18536
- .v-bottom-navigation--active {
18537
- 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));
18181
+ .bottom-sheet-transition-leave-to {
18182
+ transform: translateY(100%);
18538
18183
  }
18539
18184
 
18540
- .v-bottom-navigation__content {
18541
- display: flex;
18542
- flex: none;
18543
- font-size: 0.75rem;
18544
- justify-content: center;
18545
- transition: inherit;
18185
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18186
+ align-self: flex-end;
18187
+ border-radius: 0;
18188
+ flex: 0 1 auto;
18189
+ left: 0;
18190
+ right: 0;
18191
+ margin-inline: 0;
18192
+ margin-bottom: 0;
18193
+ transition-duration: 0.2s;
18546
18194
  width: 100%;
18195
+ max-width: 100%;
18196
+ overflow: visible;
18197
+ 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));
18547
18198
  }
18548
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18549
- font-size: inherit;
18550
- height: 100%;
18551
- max-width: 168px;
18552
- min-width: 80px;
18553
- text-transform: none;
18554
- transition: inherit;
18555
- width: auto;
18199
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18200
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18556
18201
  border-radius: 0;
18557
18202
  }
18558
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18559
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18560
- transition: inherit;
18561
- }
18562
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18563
- font-size: 1.5rem;
18564
- }
18565
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18566
- flex-grow: 1;
18567
- }
18568
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18569
- transition: inherit;
18570
- opacity: 0;
18203
+ .v-bottom-sheet.v-bottom-sheet--inset {
18204
+ max-width: none;
18571
18205
  }
18572
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18573
- transform: translateY(0.5rem);
18206
+ @media (min-width: 600px) {
18207
+ .v-bottom-sheet.v-bottom-sheet--inset {
18208
+ max-width: 70%;
18209
+ }
18574
18210
  }.v-breadcrumbs {
18575
18211
  display: flex;
18576
18212
  align-items: center;
@@ -19901,87 +19537,6 @@ html.overflow-y-hidden {
19901
19537
  }
19902
19538
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19903
19539
  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));
19904
- }.v-combobox .v-field .v-text-field__prefix,
19905
- .v-combobox .v-field .v-text-field__suffix,
19906
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19907
- cursor: text;
19908
- }
19909
- .v-combobox .v-field .v-field__input > input {
19910
- flex: 1 1;
19911
- }
19912
- .v-combobox .v-field input {
19913
- min-width: 64px;
19914
- }
19915
- .v-combobox .v-field:not(.v-field--focused) input {
19916
- min-width: 0;
19917
- }
19918
- .v-combobox .v-field--dirty .v-combobox__selection {
19919
- margin-inline-end: 2px;
19920
- }
19921
- .v-combobox .v-combobox__selection-text {
19922
- overflow: hidden;
19923
- text-overflow: ellipsis;
19924
- white-space: nowrap;
19925
- }
19926
-
19927
- .v-combobox__content {
19928
- overflow: hidden;
19929
- 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));
19930
- border-radius: 4px;
19931
- }
19932
- .v-combobox__mask {
19933
- background: rgb(var(--v-theme-on-surface-variant));
19934
- }
19935
- .v-combobox__selection {
19936
- display: inline-flex;
19937
- align-items: center;
19938
- height: 1.5rem;
19939
- letter-spacing: inherit;
19940
- line-height: inherit;
19941
- max-width: 90%;
19942
- }
19943
- .v-combobox__selection:first-child {
19944
- margin-inline-start: 0;
19945
- }
19946
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19947
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19948
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19949
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19950
- top: 0px;
19951
- }
19952
- .v-combobox--selecting-index .v-combobox__selection {
19953
- opacity: var(--v-medium-emphasis-opacity);
19954
- }
19955
- .v-combobox--selecting-index .v-combobox__selection--selected {
19956
- opacity: 1;
19957
- }
19958
- .v-combobox--selecting-index .v-field__input > input {
19959
- caret-color: transparent;
19960
- }
19961
- .v-combobox--single.v-text-field input {
19962
- flex: 1 1;
19963
- position: absolute;
19964
- left: 0;
19965
- right: 0;
19966
- width: 100%;
19967
- padding-inline: inherit;
19968
- }
19969
- .v-combobox--single .v-field--active input {
19970
- transition: none;
19971
- }
19972
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19973
- opacity: 0;
19974
- }
19975
- .v-combobox--single .v-field--focused .v-combobox__selection {
19976
- opacity: 0;
19977
- }
19978
- .v-combobox__menu-icon {
19979
- margin-inline-start: 4px;
19980
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19981
- }
19982
- .v-combobox--active-menu .v-combobox__menu-icon {
19983
- opacity: var(--v-high-emphasis-opacity);
19984
- transform: rotate(180deg);
19985
19540
  }.v-container {
19986
19541
  width: 100%;
19987
19542
  padding: 16px;
@@ -20654,6 +20209,87 @@ html.overflow-y-hidden {
20654
20209
  .offset-xxl-11 {
20655
20210
  margin-inline-start: 91.6666666667%;
20656
20211
  }
20212
+ }.v-combobox .v-field .v-text-field__prefix,
20213
+ .v-combobox .v-field .v-text-field__suffix,
20214
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20215
+ cursor: text;
20216
+ }
20217
+ .v-combobox .v-field .v-field__input > input {
20218
+ flex: 1 1;
20219
+ }
20220
+ .v-combobox .v-field input {
20221
+ min-width: 64px;
20222
+ }
20223
+ .v-combobox .v-field:not(.v-field--focused) input {
20224
+ min-width: 0;
20225
+ }
20226
+ .v-combobox .v-field--dirty .v-combobox__selection {
20227
+ margin-inline-end: 2px;
20228
+ }
20229
+ .v-combobox .v-combobox__selection-text {
20230
+ overflow: hidden;
20231
+ text-overflow: ellipsis;
20232
+ white-space: nowrap;
20233
+ }
20234
+
20235
+ .v-combobox__content {
20236
+ overflow: hidden;
20237
+ 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));
20238
+ border-radius: 4px;
20239
+ }
20240
+ .v-combobox__mask {
20241
+ background: rgb(var(--v-theme-on-surface-variant));
20242
+ }
20243
+ .v-combobox__selection {
20244
+ display: inline-flex;
20245
+ align-items: center;
20246
+ height: 1.5rem;
20247
+ letter-spacing: inherit;
20248
+ line-height: inherit;
20249
+ max-width: 90%;
20250
+ }
20251
+ .v-combobox__selection:first-child {
20252
+ margin-inline-start: 0;
20253
+ }
20254
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20255
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20256
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20257
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20258
+ top: 0px;
20259
+ }
20260
+ .v-combobox--selecting-index .v-combobox__selection {
20261
+ opacity: var(--v-medium-emphasis-opacity);
20262
+ }
20263
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20264
+ opacity: 1;
20265
+ }
20266
+ .v-combobox--selecting-index .v-field__input > input {
20267
+ caret-color: transparent;
20268
+ }
20269
+ .v-combobox--single.v-text-field input {
20270
+ flex: 1 1;
20271
+ position: absolute;
20272
+ left: 0;
20273
+ right: 0;
20274
+ width: 100%;
20275
+ padding-inline: inherit;
20276
+ }
20277
+ .v-combobox--single .v-field--active input {
20278
+ transition: none;
20279
+ }
20280
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20281
+ opacity: 0;
20282
+ }
20283
+ .v-combobox--single .v-field--focused .v-combobox__selection {
20284
+ opacity: 0;
20285
+ }
20286
+ .v-combobox__menu-icon {
20287
+ margin-inline-start: 4px;
20288
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20289
+ }
20290
+ .v-combobox--active-menu .v-combobox__menu-icon {
20291
+ opacity: var(--v-high-emphasis-opacity);
20292
+ transform: rotate(180deg);
20657
20293
  }.v-counter {
20658
20294
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20659
20295
  flex: 0 1 auto;
@@ -21641,6 +21277,31 @@ textarea.v-field__input::placeholder {
21641
21277
 
21642
21278
  .v-img__gradient {
21643
21279
  background-repeat: no-repeat;
21280
+ }.v-infinite-scroll--horizontal {
21281
+ display: flex;
21282
+ flex-direction: row;
21283
+ overflow-x: auto;
21284
+ }
21285
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21286
+ height: 100%;
21287
+ width: 1px;
21288
+ }
21289
+
21290
+ .v-infinite-scroll--vertical {
21291
+ display: flex;
21292
+ flex-direction: column;
21293
+ overflow-y: auto;
21294
+ }
21295
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21296
+ height: 1px;
21297
+ width: 100%;
21298
+ }
21299
+
21300
+ .v-infinite-scroll__side {
21301
+ align-items: center;
21302
+ display: flex;
21303
+ justify-content: center;
21304
+ padding: 8px;
21644
21305
  }.v-input {
21645
21306
  display: grid;
21646
21307
  flex: 1 1 auto;
@@ -22502,6 +22163,7 @@ textarea.v-field__input::placeholder {
22502
22163
 
22503
22164
  .v-navigation-drawer__prepend,
22504
22165
  .v-navigation-drawer__append {
22166
+ flex: none;
22505
22167
  overflow: hidden;
22506
22168
  }.v-overlay-container {
22507
22169
  contain: layout;
@@ -23123,109 +22785,332 @@ html.v-overlay-scroll-blocked {
23123
22785
  .v-selection-control--inline .v-label {
23124
22786
  width: auto;
23125
22787
  }
23126
- .v-selection-control--density-default {
23127
- --v-selection-control-size: 40px;
22788
+ .v-selection-control--density-default {
22789
+ --v-selection-control-size: 40px;
22790
+ }
22791
+
22792
+ .v-selection-control--density-comfortable {
22793
+ --v-selection-control-size: 36px;
22794
+ }
22795
+
22796
+ .v-selection-control--density-compact {
22797
+ --v-selection-control-size: 28px;
22798
+ }
22799
+
22800
+ .v-selection-control__wrapper {
22801
+ width: var(--v-selection-control-size);
22802
+ height: var(--v-selection-control-size);
22803
+ display: inline-flex;
22804
+ align-items: center;
22805
+ position: relative;
22806
+ justify-content: center;
22807
+ flex: none;
22808
+ }
22809
+
22810
+ .v-selection-control__input {
22811
+ width: var(--v-selection-control-size);
22812
+ height: var(--v-selection-control-size);
22813
+ align-items: center;
22814
+ display: flex;
22815
+ flex: none;
22816
+ justify-content: center;
22817
+ position: relative;
22818
+ border-radius: 50%;
22819
+ }
22820
+ .v-selection-control__input input {
22821
+ cursor: pointer;
22822
+ position: absolute;
22823
+ left: 0;
22824
+ top: 0;
22825
+ width: 100%;
22826
+ height: 100%;
22827
+ opacity: 0;
22828
+ }
22829
+ .v-selection-control__input::before {
22830
+ content: "";
22831
+ position: absolute;
22832
+ top: 0;
22833
+ left: 0;
22834
+ width: 100%;
22835
+ height: 100%;
22836
+ border-radius: 100%;
22837
+ background-color: currentColor;
22838
+ opacity: 0;
22839
+ pointer-events: none;
22840
+ }
22841
+ .v-selection-control__input:hover::before {
22842
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22843
+ }
22844
+ .v-selection-control__input > .v-icon {
22845
+ opacity: var(--v-medium-emphasis-opacity);
22846
+ }
22847
+ .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 {
22848
+ opacity: 1;
22849
+ }
22850
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22851
+ color: rgb(var(--v-theme-error));
22852
+ }
22853
+ .v-selection-control--focus-visible .v-selection-control__input::before {
22854
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22855
+ }.v-sheet {
22856
+ display: block;
22857
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22858
+ border-style: solid;
22859
+ border-width: 0;
22860
+ 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));
22861
+ border-radius: 0;
22862
+ background: rgb(var(--v-theme-surface));
22863
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22864
+ }
22865
+ .v-sheet--border {
22866
+ border-width: thin;
22867
+ box-shadow: none;
22868
+ }
22869
+ .v-sheet--absolute {
22870
+ position: absolute;
22871
+ }
22872
+ .v-sheet--fixed {
22873
+ position: fixed;
22874
+ }
22875
+ .v-sheet--relative {
22876
+ position: relative;
22877
+ }
22878
+ .v-sheet--sticky {
22879
+ position: sticky;
22880
+ }
22881
+ .v-sheet--rounded {
22882
+ border-radius: 4px;
22883
+ }.v-selection-control-group {
22884
+ grid-area: control;
22885
+ display: flex;
22886
+ flex-direction: column;
22887
+ }
22888
+ .v-selection-control-group--inline {
22889
+ flex-direction: row;
22890
+ flex-wrap: wrap;
22891
+ }.v-skeleton-loader {
22892
+ align-items: center;
22893
+ background: rgb(var(--v-theme-surface));
22894
+ border-radius: 4px;
22895
+ display: flex;
22896
+ flex-wrap: wrap;
22897
+ position: relative;
22898
+ vertical-align: top;
22899
+ }
22900
+ .v-skeleton-loader__actions {
22901
+ justify-content: end;
22902
+ }
22903
+ .v-skeleton-loader .v-skeleton-loader__ossein {
22904
+ height: 100%;
22905
+ }
22906
+ .v-skeleton-loader .v-skeleton-loader__avatar,
22907
+ .v-skeleton-loader .v-skeleton-loader__button,
22908
+ .v-skeleton-loader .v-skeleton-loader__chip,
22909
+ .v-skeleton-loader .v-skeleton-loader__divider,
22910
+ .v-skeleton-loader .v-skeleton-loader__heading,
22911
+ .v-skeleton-loader .v-skeleton-loader__image,
22912
+ .v-skeleton-loader .v-skeleton-loader__ossein,
22913
+ .v-skeleton-loader .v-skeleton-loader__text {
22914
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
22915
+ }
22916
+ .v-skeleton-loader .v-skeleton-loader__list-item,
22917
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
22918
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
22919
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
22920
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
22921
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
22922
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
22923
+ border-radius: 4px;
22924
+ }
22925
+ .v-skeleton-loader__bone {
22926
+ align-items: center;
22927
+ border-radius: inherit;
22928
+ display: flex;
22929
+ flex: 1 1 100%;
22930
+ flex-wrap: wrap;
22931
+ overflow: hidden;
22932
+ position: relative;
22933
+ }
22934
+ .v-skeleton-loader__bone::after {
22935
+ content: "";
22936
+ position: absolute;
22937
+ top: 0;
22938
+ left: 0;
22939
+ width: 100%;
22940
+ height: 100%;
22941
+ animation: loading 1.5s infinite;
22942
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
22943
+ transform: translateX(-100%);
22944
+ z-index: 1;
22945
+ }
22946
+ .v-skeleton-loader__avatar {
22947
+ border-radius: 50%;
22948
+ flex: 0 1 auto;
22949
+ margin: 8px 16px;
22950
+ max-height: 48px;
22951
+ min-height: 48px;
22952
+ height: 48px;
22953
+ max-width: 48px;
22954
+ min-width: 48px;
22955
+ width: 48px;
22956
+ }
22957
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
22958
+ flex: 1 1 auto;
22959
+ margin-inline-start: 0;
22960
+ }
22961
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22962
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22963
+ margin-inline-start: 0;
22964
+ }
22965
+ .v-skeleton-loader__button {
22966
+ border-radius: 4px;
22967
+ height: 36px;
22968
+ margin: 16px;
22969
+ max-width: 64px;
22970
+ }
22971
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
22972
+ flex: 1 1 auto;
22973
+ margin-inline-start: 0;
22974
+ }
22975
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22976
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22977
+ margin-inline-start: 0;
22978
+ }
22979
+ .v-skeleton-loader__chip {
22980
+ border-radius: 16px;
22981
+ margin: 16px;
22982
+ height: 32px;
22983
+ max-width: 96px;
22984
+ }
22985
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
22986
+ flex: 1 1 auto;
22987
+ margin-inline-start: 0;
22988
+ }
22989
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
22990
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22991
+ margin-inline-start: 0;
22992
+ }
22993
+ .v-skeleton-loader__date-picker {
22994
+ border-radius: inherit;
22995
+ }
22996
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
22997
+ max-width: 88px;
22998
+ width: 20%;
22999
+ }
23000
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23001
+ max-width: 256px;
23002
+ width: 40%;
23003
+ }
23004
+ .v-skeleton-loader__date-picker-days {
23005
+ flex-wrap: wrap;
23006
+ margin: 16px;
23007
+ }
23008
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23009
+ border-radius: 4px;
23010
+ margin: 4px;
23011
+ max-width: 100%;
23012
+ }
23013
+ .v-skeleton-loader__date-picker-options {
23014
+ flex-wrap: nowrap;
23015
+ }
23016
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23017
+ flex: 1 1 auto;
23018
+ }
23019
+ .v-skeleton-loader__divider {
23020
+ border-radius: 1px;
23021
+ height: 2px;
23022
+ }
23023
+ .v-skeleton-loader__heading {
23024
+ border-radius: 12px;
23025
+ margin: 16px;
23026
+ height: 24px;
23027
+ }
23028
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23029
+ margin-top: -16px;
23030
+ }
23031
+ .v-skeleton-loader__image {
23032
+ height: 150px;
23033
+ border-radius: 0;
23034
+ }
23035
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23036
+ border-radius: 0;
23037
+ }
23038
+ .v-skeleton-loader__list-item {
23039
+ margin: 16px;
23040
+ }
23041
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23042
+ margin: 0;
23128
23043
  }
23129
-
23130
- .v-selection-control--density-comfortable {
23131
- --v-selection-control-size: 36px;
23044
+ .v-skeleton-loader__table-thead {
23045
+ justify-content: space-between;
23132
23046
  }
23133
-
23134
- .v-selection-control--density-compact {
23135
- --v-selection-control-size: 28px;
23047
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23048
+ margin-top: 16px;
23049
+ max-width: 16px;
23136
23050
  }
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;
23051
+ .v-skeleton-loader__table-tfoot {
23052
+ flex-wrap: nowrap;
23146
23053
  }
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%;
23054
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23055
+ margin-top: 16px;
23157
23056
  }
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;
23057
+ .v-skeleton-loader__table-row {
23058
+ align-items: baseline;
23059
+ margin: 0 8px;
23060
+ justify-content: space-evenly;
23061
+ flex-wrap: nowrap;
23166
23062
  }
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;
23063
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23064
+ margin-inline: 8px;
23178
23065
  }
23179
- .v-selection-control__input:hover::before {
23180
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23066
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23067
+ margin: 0 16px;
23181
23068
  }
23182
- .v-selection-control__input > .v-icon {
23183
- opacity: var(--v-medium-emphasis-opacity);
23069
+ .v-skeleton-loader__table-cell {
23070
+ align-items: center;
23071
+ display: flex;
23072
+ height: 48px;
23073
+ width: 88px;
23184
23074
  }
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;
23075
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23076
+ margin-bottom: 0;
23187
23077
  }
23188
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23189
- color: rgb(var(--v-theme-error));
23078
+ .v-skeleton-loader__subtitle {
23079
+ max-width: 70%;
23190
23080
  }
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;
23081
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23082
+ height: 16px;
23083
+ border-radius: 8px;
23197
23084
  }
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));
23085
+ .v-skeleton-loader__text {
23086
+ border-radius: 6px;
23087
+ margin: 16px;
23088
+ height: 12px;
23210
23089
  }
23211
- .v-sheet--border {
23212
- border-width: thin;
23213
- box-shadow: none;
23090
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23091
+ margin-top: -8px;
23092
+ max-width: 50%;
23214
23093
  }
23215
- .v-sheet--absolute {
23216
- position: absolute;
23094
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23095
+ max-width: 70%;
23217
23096
  }
23218
- .v-sheet--fixed {
23219
- position: fixed;
23097
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23098
+ display: none;
23220
23099
  }
23221
- .v-sheet--relative {
23222
- position: relative;
23100
+ .v-skeleton-loader--is-loading {
23101
+ overflow: hidden;
23223
23102
  }
23224
- .v-sheet--sticky {
23225
- position: sticky;
23103
+ .v-skeleton-loader--tile {
23104
+ border-radius: 0;
23226
23105
  }
23227
- .v-sheet--rounded {
23228
- border-radius: 4px;
23106
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23107
+ border-radius: 0;
23108
+ }
23109
+
23110
+ @keyframes loading {
23111
+ 100% {
23112
+ transform: translateX(100%);
23113
+ }
23229
23114
  }.v-slide-group {
23230
23115
  display: flex;
23231
23116
  overflow: hidden;
@@ -23387,6 +23272,122 @@ html.v-overlay-scroll-blocked {
23387
23272
  }
23388
23273
  .v-snackbar-transition-leave-to {
23389
23274
  opacity: 0;
23275
+ }.v-stepper.v-sheet {
23276
+ 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));
23277
+ border-radius: 4px;
23278
+ overflow: hidden;
23279
+ }
23280
+ .v-stepper.v-sheet.v-stepper--flat {
23281
+ 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));
23282
+ }
23283
+
23284
+ .v-stepper-header {
23285
+ 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));
23286
+ align-items: center;
23287
+ display: flex;
23288
+ position: relative;
23289
+ overflow-x: auto;
23290
+ justify-content: space-between;
23291
+ z-index: 1;
23292
+ }
23293
+ .v-stepper-header .v-divider {
23294
+ margin: 0 -16px;
23295
+ }
23296
+ .v-stepper-header .v-divider:last-child {
23297
+ margin-inline-end: 0;
23298
+ }
23299
+ .v-stepper-header .v-divider:first-child {
23300
+ margin-inline-start: 0;
23301
+ }
23302
+ .v-stepper--alt-labels .v-stepper-header {
23303
+ height: auto;
23304
+ }
23305
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23306
+ align-self: flex-start;
23307
+ margin: 35px -67px 0;
23308
+ }
23309
+
23310
+ .v-stepper-window {
23311
+ margin: 1.5rem;
23312
+ }
23313
+
23314
+ .v-stepper-actions {
23315
+ display: flex;
23316
+ align-items: center;
23317
+ justify-content: space-between;
23318
+ padding: 1rem;
23319
+ }
23320
+ .v-stepper .v-stepper-actions {
23321
+ padding: 0 1.5rem 1rem;
23322
+ }
23323
+ .v-stepper-window-item .v-stepper-actions {
23324
+ padding: 1.5rem 0 0;
23325
+ }.v-stepper-item {
23326
+ align-items: center;
23327
+ align-self: stretch;
23328
+ display: inline-flex;
23329
+ flex: none;
23330
+ opacity: var(--v-medium-emphasis-opacity);
23331
+ padding: 1.5rem;
23332
+ transition-duration: 0.2s;
23333
+ transition-property: opacity;
23334
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23335
+ }
23336
+ .v-stepper-item--selected {
23337
+ opacity: 1;
23338
+ }
23339
+ .v-stepper-item--error {
23340
+ color: rgb(var(--v-theme-error));
23341
+ }
23342
+ .v-stepper-item--disabled {
23343
+ opacity: var(--v-medium-emphasis-opacity);
23344
+ pointer-events: none;
23345
+ }
23346
+ .v-stepper--alt-labels .v-stepper-item {
23347
+ flex-direction: column;
23348
+ justify-content: flex-start;
23349
+ align-items: center;
23350
+ flex-basis: 175px;
23351
+ }
23352
+
23353
+ .v-stepper-item__avatar.v-avatar {
23354
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23355
+ color: rgb(var(--v-theme-on-surface-variant));
23356
+ font-size: 0.75rem;
23357
+ margin-inline-end: 8px;
23358
+ }
23359
+ .v-stepper-item__avatar.v-avatar .v-icon {
23360
+ font-size: 0.875rem;
23361
+ }
23362
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23363
+ background: rgb(var(--v-theme-surface-variant));
23364
+ }
23365
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23366
+ background: rgb(var(--v-theme-error));
23367
+ }
23368
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23369
+ margin-bottom: 16px;
23370
+ margin-inline-end: 0;
23371
+ }
23372
+
23373
+ .v-stepper-item__title {
23374
+ line-height: 1;
23375
+ }
23376
+ .v-stepper--mobile .v-stepper-item__title {
23377
+ display: none;
23378
+ }
23379
+
23380
+ .v-stepper-item__subtitle {
23381
+ font-size: 0.75rem;
23382
+ text-align: left;
23383
+ line-height: 1;
23384
+ opacity: var(--v-medium-emphasis-opacity);
23385
+ }
23386
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23387
+ text-align: center;
23388
+ }
23389
+ .v-stepper--mobile .v-stepper-item__subtitle {
23390
+ display: none;
23390
23391
  }.v-switch .v-label {
23391
23392
  padding-inline-start: 10px;
23392
23393
  }