@vuetify/nightly 3.0.0-beta.5 → 3.0.0-beta.6

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 (118) hide show
  1. package/CHANGELOG.md +39 -17
  2. package/dist/json/attributes.json +26 -70
  3. package/dist/json/importMap.json +66 -98
  4. package/dist/json/tags.json +6 -32
  5. package/dist/json/web-types.json +135 -255
  6. package/dist/vuetify.css +688 -652
  7. package/dist/vuetify.d.ts +3566 -1150
  8. package/dist/vuetify.esm.js +276 -226
  9. package/dist/vuetify.esm.js.map +1 -1
  10. package/dist/vuetify.js +275 -225
  11. package/dist/vuetify.js.map +1 -1
  12. package/dist/vuetify.min.css +2 -2
  13. package/dist/vuetify.min.js +611 -612
  14. package/dist/vuetify.min.js.map +1 -1
  15. package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -1
  16. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  17. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +13 -6
  18. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +1 -5
  19. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  20. package/lib/components/VBreadcrumbs/VBreadcrumbs.sass +8 -3
  21. package/lib/components/VBreadcrumbs/_variables.scss +2 -1
  22. package/lib/components/VBtn/VBtn.css +20 -13
  23. package/lib/components/VBtn/VBtn.mjs +6 -3
  24. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  25. package/lib/components/VBtn/VBtn.sass +20 -9
  26. package/lib/components/VBtn/_variables.scss +2 -3
  27. package/lib/components/VBtnGroup/VBtnGroup.css +1 -1
  28. package/lib/components/VCard/VCard.css +3 -3
  29. package/lib/components/VCard/VCard.sass +3 -3
  30. package/lib/components/VCard/_variables.scss +1 -0
  31. package/lib/components/VChip/VChip.mjs +2 -1
  32. package/lib/components/VChip/VChip.mjs.map +1 -1
  33. package/lib/components/VCombobox/VCombobox.mjs +5 -11
  34. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  35. package/lib/components/VDialog/VDialog.mjs +5 -4
  36. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  37. package/lib/components/VExpansionPanel/VExpansionPanel.css +1 -0
  38. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +3 -0
  39. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  40. package/lib/components/VExpansionPanel/VExpansionPanel.sass +1 -0
  41. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +2 -2
  42. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  43. package/lib/components/VField/VField.css +2 -2
  44. package/lib/components/VField/VField.sass +2 -2
  45. package/lib/components/VFileInput/VFileInput.css +3 -3
  46. package/lib/components/VFileInput/VFileInput.mjs +9 -4
  47. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  48. package/lib/components/VFileInput/VFileInput.sass +3 -3
  49. package/lib/components/VInput/VInput.mjs +1 -1
  50. package/lib/components/VInput/VInput.mjs.map +1 -1
  51. package/lib/components/VItemGroup/VItem.mjs +3 -0
  52. package/lib/components/VItemGroup/VItem.mjs.map +1 -1
  53. package/lib/components/VList/VList.css +2 -2
  54. package/lib/components/VList/VList.sass +1 -1
  55. package/lib/components/VList/VListChildren.mjs +4 -3
  56. package/lib/components/VList/VListChildren.mjs.map +1 -1
  57. package/lib/components/VList/VListGroup.mjs +42 -38
  58. package/lib/components/VList/VListGroup.mjs.map +1 -1
  59. package/lib/components/VList/VListItem.css +78 -52
  60. package/lib/components/VList/VListItem.mjs +69 -41
  61. package/lib/components/VList/VListItem.mjs.map +1 -1
  62. package/lib/components/VList/VListItem.sass +67 -38
  63. package/lib/components/VList/_variables.scss +11 -5
  64. package/lib/components/VList/index.mjs +0 -3
  65. package/lib/components/VList/index.mjs.map +1 -1
  66. package/lib/components/VPagination/VPagination.mjs +23 -9
  67. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  68. package/lib/components/VSelect/VSelect.mjs +4 -4
  69. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  70. package/lib/components/VSlideGroup/VSlideGroupItem.mjs +3 -0
  71. package/lib/components/VSlideGroup/VSlideGroupItem.mjs.map +1 -1
  72. package/lib/components/VSnackbar/VSnackbar.mjs +6 -2
  73. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  74. package/lib/components/VSwitch/VSwitch.css +7 -0
  75. package/lib/components/VSwitch/VSwitch.sass +6 -0
  76. package/lib/components/VSystemBar/VSystemBar.mjs +1 -1
  77. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  78. package/lib/components/VTable/VTable.css +1 -0
  79. package/lib/components/VTable/VTable.sass +1 -0
  80. package/lib/components/VTabs/VTab.css +3 -1
  81. package/lib/components/VTabs/VTab.sass +4 -1
  82. package/lib/components/VTabs/VTabs.mjs +7 -6
  83. package/lib/components/VTabs/VTabs.mjs.map +1 -1
  84. package/lib/components/VTextField/VTextField.mjs +18 -8
  85. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  86. package/lib/components/VTextarea/VTextarea.mjs +18 -8
  87. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  88. package/lib/components/VTimeline/VTimelineDivider.mjs +1 -1
  89. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  90. package/lib/components/VTooltip/VTooltip.mjs +6 -3
  91. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  92. package/lib/components/VWindow/VWindowItem.mjs +3 -0
  93. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  94. package/lib/components/index.d.ts +3566 -1135
  95. package/lib/components/transitions/index.mjs +0 -5
  96. package/lib/components/transitions/index.mjs.map +1 -1
  97. package/lib/composables/group.mjs.map +1 -1
  98. package/lib/composables/proxiedModel.mjs +2 -1
  99. package/lib/composables/proxiedModel.mjs.map +1 -1
  100. package/lib/composables/stack.mjs +7 -7
  101. package/lib/composables/stack.mjs.map +1 -1
  102. package/lib/composables/theme.mjs +9 -4
  103. package/lib/composables/theme.mjs.map +1 -1
  104. package/lib/composables/variant.mjs +2 -2
  105. package/lib/composables/variant.mjs.map +1 -1
  106. package/lib/entry-bundler.mjs +1 -1
  107. package/lib/index.d.ts +22 -29
  108. package/lib/styles/generic/_transitions.scss +13 -77
  109. package/lib/styles/main.css +44 -58
  110. package/lib/util/helpers.mjs +16 -4
  111. package/lib/util/helpers.mjs.map +1 -1
  112. package/package.json +3 -3
  113. package/lib/components/VList/VListItemAvatar.mjs +0 -24
  114. package/lib/components/VList/VListItemAvatar.mjs.map +0 -1
  115. package/lib/components/VList/VListItemHeader.mjs +0 -3
  116. package/lib/components/VList/VListItemHeader.mjs.map +0 -1
  117. package/lib/components/VList/VListItemIcon.mjs +0 -24
  118. package/lib/components/VList/VListItemIcon.mjs.map +0 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.0-beta.5
2
+ * Vuetify v3.0.0-beta.6
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -3047,34 +3047,25 @@ progress {
3047
3047
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
3048
3048
  }
3049
3049
 
3050
- .carousel-transition-enter-from {
3051
- transform: translate(100%, 0);
3052
- }
3053
- .carousel-transition-leave-from, .carousel-transition-leave-to {
3054
- position: absolute;
3055
- top: 0;
3056
- transform: translate(-100%, 0);
3057
- }
3058
-
3059
- .carousel-reverse-transition-enter-from {
3060
- transform: translate(-100%, 0);
3061
- }
3062
- .carousel-reverse-transition-leave-from, .carousel-reverse-transition-leave-to {
3063
- position: absolute;
3064
- top: 0;
3065
- transform: translate(100%, 0);
3066
- }
3067
-
3068
- .dialog-transition-enter-active {
3050
+ .dialog-transition-enter-active,
3051
+ .dialog-bottom-transition-enter-active,
3052
+ .dialog-top-transition-enter-active {
3069
3053
  transition: 225ms cubic-bezier(0, 0, 0.2, 1);
3070
3054
  }
3071
- .dialog-transition-leave-active {
3055
+ .dialog-transition-leave-active,
3056
+ .dialog-bottom-transition-leave-active,
3057
+ .dialog-top-transition-leave-active {
3072
3058
  transition: 125ms cubic-bezier(0.4, 0, 1, 1);
3073
3059
  }
3074
- .dialog-transition-enter-active, .dialog-transition-leave-active {
3060
+ .dialog-transition-enter-active, .dialog-transition-leave-active,
3061
+ .dialog-bottom-transition-enter-active,
3062
+ .dialog-bottom-transition-leave-active,
3063
+ .dialog-top-transition-enter-active,
3064
+ .dialog-top-transition-leave-active {
3075
3065
  transition-property: transform, opacity;
3076
3066
  pointer-events: none;
3077
3067
  }
3068
+
3078
3069
  .dialog-transition-enter-from, .dialog-transition-leave-to {
3079
3070
  transform: scale(0.9);
3080
3071
  opacity: 0;
@@ -3084,13 +3075,25 @@ progress {
3084
3075
  }
3085
3076
 
3086
3077
  .dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
3087
- transform: translateY(100%);
3078
+ transform: translateY(calc(50vh + 50%));
3088
3079
  }
3089
3080
 
3090
3081
  .dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
3091
- transform: translateY(-100%);
3082
+ transform: translateY(calc(-50vh - 50%));
3092
3083
  }
3093
3084
 
3085
+ .picker-transition-enter-active,
3086
+ .picker-reverse-transition-enter-active {
3087
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3088
+ }
3089
+ .picker-transition-leave-active,
3090
+ .picker-reverse-transition-leave-active {
3091
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3092
+ }
3093
+ .picker-transition-move,
3094
+ .picker-reverse-transition-move {
3095
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3096
+ }
3094
3097
  .picker-transition-enter-from, .picker-transition-leave-to,
3095
3098
  .picker-reverse-transition-enter-from,
3096
3099
  .picker-reverse-transition-leave-to {
@@ -3103,6 +3106,15 @@ progress {
3103
3106
  position: absolute !important;
3104
3107
  }
3105
3108
 
3109
+ .picker-transition-enter-active {
3110
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3111
+ }
3112
+ .picker-transition-leave-active {
3113
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3114
+ }
3115
+ .picker-transition-move {
3116
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3117
+ }
3106
3118
  .picker-transition-enter-from {
3107
3119
  transform: translate(0, 100%);
3108
3120
  }
@@ -3110,6 +3122,15 @@ progress {
3110
3122
  transform: translate(0, -100%);
3111
3123
  }
3112
3124
 
3125
+ .picker-reverse-transition-enter-active {
3126
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3127
+ }
3128
+ .picker-reverse-transition-leave-active {
3129
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3130
+ }
3131
+ .picker-reverse-transition-move {
3132
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3133
+ }
3113
3134
  .picker-reverse-transition-enter-from {
3114
3135
  transform: translate(0, -100%);
3115
3136
  }
@@ -3117,41 +3138,6 @@ progress {
3117
3138
  transform: translate(0, 100%);
3118
3139
  }
3119
3140
 
3120
- .picker-title-transition-enter-to, .picker-title-transition-leave-from {
3121
- transform: translate(0, 0);
3122
- }
3123
- .picker-title-transition-enter-from {
3124
- transform: translate(-100%, 0);
3125
- }
3126
- .picker-title-transition-leave-to {
3127
- opacity: 0;
3128
- transform: translate(100%, 0);
3129
- }
3130
- .picker-title-transition-leave-from, .picker-title-transition-leave-to, .picker-title-transition-leave-active {
3131
- position: absolute !important;
3132
- }
3133
-
3134
- .tab-transition-enter-from {
3135
- transform: translate(100%, 0);
3136
- }
3137
- .tab-transition-leave-from, .tab-transition-leave-active {
3138
- position: absolute;
3139
- top: 0;
3140
- }
3141
- .tab-transition-leave-to {
3142
- position: absolute;
3143
- transform: translate(-100%, 0);
3144
- }
3145
-
3146
- .tab-reverse-transition-enter-from {
3147
- transform: translate(-100%, 0);
3148
- }
3149
- .tab-reverse-transition-leave-from, .tab-reverse-transition-leave-to {
3150
- top: 0;
3151
- position: absolute;
3152
- transform: translate(100%, 0);
3153
- }
3154
-
3155
3141
  .expand-transition-enter-active {
3156
3142
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3157
3143
  }
@@ -19293,15 +19279,6 @@ html.overflow-y-hidden {
19293
19279
  }
19294
19280
  .v-ripple__animation--out {
19295
19281
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
19296
- }.v-app-bar {
19297
- display: flex;
19298
- }
19299
- .v-app-bar.v-toolbar {
19300
- background: rgb(var(--v-theme-surface));
19301
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19302
- }
19303
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
19304
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19305
19282
  }.v-application {
19306
19283
  display: flex;
19307
19284
  background: rgb(var(--v-theme-background));
@@ -19328,547 +19305,340 @@ html.overflow-y-hidden {
19328
19305
  display: block;
19329
19306
  }
19330
19307
  }
19331
- }.v-autocomplete .v-field .v-text-field__prefix,
19332
- .v-autocomplete .v-field .v-text-field__suffix,
19333
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
19334
- cursor: text;
19308
+ }.v-app-bar {
19309
+ display: flex;
19335
19310
  }
19336
- .v-autocomplete .v-field .v-field__input > input {
19337
- align-self: flex-start;
19311
+ .v-app-bar.v-toolbar {
19312
+ background: rgb(var(--v-theme-surface));
19313
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19314
+ }
19315
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
19316
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19317
+ }.v-alert {
19318
+ display: grid;
19338
19319
  flex: 1 1;
19320
+ grid-template-areas: "prepend content append close" ". content . .";
19321
+ grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
19322
+ grid-template-columns: max-content auto max-content max-content;
19323
+ position: relative;
19324
+ padding: 16px;
19325
+ overflow: hidden;
19326
+ --v-border-color: currentColor;
19327
+ border-radius: 4px;
19339
19328
  }
19340
- .v-autocomplete .v-field .v-field__append-inner > .v-icon {
19341
- -webkit-margin-start: 4px;
19342
- margin-inline-start: 4px;
19343
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19329
+ .v-alert--absolute {
19330
+ position: absolute;
19344
19331
  }
19345
- .v-autocomplete .v-field:not(.v-field--focused) input {
19346
- min-width: 0;
19332
+ .v-alert--fixed {
19333
+ position: fixed;
19347
19334
  }
19348
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19349
- -webkit-margin-end: 2px;
19350
- margin-inline-end: 2px;
19335
+ .v-alert--sticky {
19336
+ position: sticky;
19351
19337
  }
19352
-
19353
- .v-autocomplete__content {
19354
- overflow: hidden;
19355
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19356
- border-radius: 4px;
19338
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
19339
+ background: transparent;
19340
+ color: inherit;
19357
19341
  }
19358
- .v-autocomplete__mask {
19342
+ .v-alert--variant-plain {
19343
+ opacity: 0.62;
19344
+ }
19345
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
19346
+ opacity: 1;
19347
+ }
19348
+ .v-alert--variant-plain .v-alert__overlay {
19349
+ display: none;
19350
+ }
19351
+ .v-alert--variant-elevated, .v-alert--variant-flat {
19359
19352
  background: rgb(var(--v-theme-on-surface-variant));
19353
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19360
19354
  }
19361
- .v-autocomplete__selection {
19362
- display: inline-flex;
19363
- letter-spacing: inherit;
19364
- line-height: inherit;
19355
+ .v-alert--variant-elevated {
19356
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
19365
19357
  }
19366
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
19367
- opacity: var(--v-high-emphasis-opacity);
19368
- transform: rotate(180deg);
19358
+ .v-alert--variant-flat {
19359
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
19369
19360
  }
19370
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
19371
- -webkit-margin-start: 0;
19372
- margin-inline-start: 0;
19361
+ .v-alert--variant-outlined {
19362
+ border: thin solid currentColor;
19373
19363
  }
19374
- .v-autocomplete--single.v-text-field input {
19375
- flex: 1 1;
19364
+ .v-alert--variant-text .v-alert__overlay {
19365
+ background: currentColor;
19366
+ }
19367
+ .v-alert--variant-tonal .v-alert__underlay {
19368
+ background: currentColor;
19369
+ opacity: var(--v-activated-opacity);
19370
+ border-radius: inherit;
19376
19371
  position: absolute;
19377
- left: 0;
19372
+ top: 0;
19378
19373
  right: 0;
19379
- -webkit-padding-start: inherit;
19380
- padding-inline-start: inherit;
19381
- -webkit-padding-end: inherit;
19382
- padding-inline-end: inherit;
19374
+ bottom: 0;
19375
+ left: 0;
19376
+ pointer-events: none;
19377
+ transition: opacity 0.2s ease-in-out;
19383
19378
  }
19384
- .v-autocomplete--single .v-field--active input {
19385
- transition: none;
19379
+ .v-alert--prominent {
19380
+ grid-template-areas: "prepend content append close" "prepend content . .";
19386
19381
  }
19387
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
19388
- opacity: 0;
19382
+ .v-alert.v-alert--border {
19383
+ --v-border-opacity: 0.38;
19389
19384
  }
19390
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
19391
- opacity: 0;
19392
- }.v-avatar {
19393
- align-items: center;
19394
- display: inline-flex;
19395
- justify-content: center;
19396
- line-height: normal;
19397
- overflow: hidden;
19398
- position: relative;
19399
- text-align: center;
19400
- vertical-align: middle;
19401
- border-radius: 50%;
19402
- background: transparent;
19403
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19385
+ .v-alert.v-alert--border.v-alert--border-start {
19386
+ -webkit-padding-start: 24px;
19387
+ padding-inline-start: 24px;
19404
19388
  }
19405
- .v-avatar.v-avatar--size-x-small {
19406
- --v-avatar-height: 24px;
19389
+ .v-alert.v-alert--border.v-alert--border-end {
19390
+ -webkit-padding-end: 24px;
19391
+ padding-inline-end: 24px;
19407
19392
  }
19408
- .v-avatar.v-avatar--size-small {
19409
- --v-avatar-height: 32px;
19393
+ .v-alert--variant-plain {
19394
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
19410
19395
  }
19411
- .v-avatar.v-avatar--size-default {
19412
- --v-avatar-height: 40px;
19396
+ .v-alert--density-default {
19397
+ padding-bottom: 16px;
19398
+ padding-top: 16px;
19413
19399
  }
19414
- .v-avatar.v-avatar--size-large {
19415
- --v-avatar-height: 48px;
19400
+ .v-alert--density-default.v-alert--border-top {
19401
+ padding-top: 24px;
19416
19402
  }
19417
- .v-avatar.v-avatar--size-x-large {
19418
- --v-avatar-height: 56px;
19403
+ .v-alert--density-default.v-alert--border-bottom {
19404
+ padding-bottom: 24px;
19419
19405
  }
19420
- .v-avatar.v-avatar--density-default {
19421
- height: calc(var(--v-avatar-height) + 0px);
19422
- width: calc(var(--v-avatar-height) + 0px);
19406
+
19407
+ .v-alert--density-comfortable {
19408
+ padding-bottom: 12px;
19409
+ padding-top: 12px;
19423
19410
  }
19424
- .v-avatar.v-avatar--density-comfortable {
19425
- height: calc(var(--v-avatar-height) + -4px);
19426
- width: calc(var(--v-avatar-height) + -4px);
19411
+ .v-alert--density-comfortable.v-alert--border-top {
19412
+ padding-top: 20px;
19427
19413
  }
19428
- .v-avatar.v-avatar--density-compact {
19429
- height: calc(var(--v-avatar-height) + -8px);
19430
- width: calc(var(--v-avatar-height) + -8px);
19414
+ .v-alert--density-comfortable.v-alert--border-bottom {
19415
+ padding-bottom: 20px;
19431
19416
  }
19432
- .v-avatar--rounded {
19433
- border-radius: 4px;
19434
- }.v-banner {
19435
- display: grid;
19436
- flex: 1 1;
19437
- font-size: 0.875rem;
19438
- grid-template-areas: "prepend content actions";
19439
- grid-template-columns: -webkit-max-content auto -webkit-max-content;
19440
- grid-template-columns: max-content auto max-content;
19441
- grid-template-rows: -webkit-max-content -webkit-max-content;
19442
- grid-template-rows: max-content max-content;
19443
- line-height: 1.375rem;
19444
- overflow: hidden;
19445
- -webkit-padding-start: 16px;
19446
- padding-inline-start: 16px;
19447
- -webkit-padding-end: 8px;
19448
- padding-inline-end: 8px;
19417
+
19418
+ .v-alert--density-compact {
19419
+ padding-bottom: 8px;
19420
+ padding-top: 8px;
19421
+ }
19422
+ .v-alert--density-compact.v-alert--border-top {
19449
19423
  padding-top: 16px;
19424
+ }
19425
+ .v-alert--density-compact.v-alert--border-bottom {
19450
19426
  padding-bottom: 16px;
19451
- position: relative;
19427
+ }
19428
+
19429
+ .v-alert__border {
19430
+ border-radius: inherit;
19431
+ bottom: 0;
19432
+ left: 0;
19433
+ opacity: var(--v-border-opacity);
19434
+ position: absolute;
19435
+ pointer-events: none;
19436
+ right: 0;
19437
+ top: 0;
19452
19438
  width: 100%;
19453
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19439
+ border-color: currentColor;
19454
19440
  border-style: solid;
19455
- border-width: 0 0 thin 0;
19456
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
19457
- border-radius: 0;
19458
- background: rgb(var(--v-theme-surface));
19459
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19441
+ border-width: 0;
19460
19442
  }
19461
- .v-banner--border {
19462
- border-width: thin;
19443
+ .v-alert__border--border {
19444
+ border-width: 8px;
19463
19445
  box-shadow: none;
19464
19446
  }
19465
- .v-banner--absolute {
19466
- position: absolute;
19467
- }
19468
- .v-banner--fixed {
19469
- position: fixed;
19470
- }
19471
- .v-banner--sticky {
19472
- position: sticky;
19473
- }
19474
- .v-banner--rounded {
19475
- border-radius: 4px;
19476
- }
19477
- .v-banner--stacked:not(.v-banner--one-line) {
19478
- grid-template-areas: "prepend content" ". actions";
19479
- }
19480
- .v-banner--stacked .v-banner-text {
19481
- -webkit-padding-end: 36px;
19482
- padding-inline-end: 36px;
19483
- }
19484
- .v-banner--density-default .v-banner-actions {
19485
- margin-bottom: -8px;
19486
- }
19487
- .v-banner--density-default.v-banner--one-line {
19488
- padding-top: 8px;
19489
- padding-bottom: 8px;
19490
- }
19491
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
19492
- margin-bottom: 0;
19493
- }
19494
- .v-banner--density-default.v-banner--one-line {
19495
- padding-top: 10px;
19496
- }
19497
- .v-banner--density-default.v-banner--two-line {
19498
- padding-top: 16px;
19499
- padding-bottom: 16px;
19500
- }
19501
- .v-banner--density-default.v-banner--three-line {
19502
- padding-top: 24px;
19503
- padding-bottom: 16px;
19504
- }
19505
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
19506
- margin-top: 20px;
19507
- }
19508
-
19509
- .v-banner--density-comfortable .v-banner-actions {
19510
- margin-bottom: -4px;
19511
- }
19512
- .v-banner--density-comfortable.v-banner--one-line {
19513
- padding-top: 4px;
19514
- padding-bottom: 4px;
19515
- }
19516
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
19517
- margin-bottom: 0;
19518
- }
19519
- .v-banner--density-comfortable.v-banner--two-line {
19520
- padding-top: 12px;
19521
- padding-bottom: 12px;
19522
- }
19523
- .v-banner--density-comfortable.v-banner--three-line {
19524
- padding-top: 20px;
19525
- padding-bottom: 12px;
19526
- }
19527
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
19528
- margin-top: 16px;
19529
- }
19530
-
19531
- .v-banner--density-compact .v-banner-actions {
19532
- margin-bottom: 0px;
19533
- }
19534
- .v-banner--density-compact.v-banner--one-line {
19535
- padding-top: 0px;
19536
- padding-bottom: 0px;
19537
- }
19538
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
19539
- margin-bottom: 0;
19447
+ .v-alert--border-start .v-alert__border {
19448
+ border-inline-start-width: 8px;
19540
19449
  }
19541
- .v-banner--density-compact.v-banner--two-line {
19542
- padding-top: 8px;
19543
- padding-bottom: 8px;
19450
+ .v-alert--border-end .v-alert__border {
19451
+ border-inline-end-width: 8px;
19544
19452
  }
19545
- .v-banner--density-compact.v-banner--three-line {
19546
- padding-top: 16px;
19547
- padding-bottom: 8px;
19453
+ .v-alert--border-top .v-alert__border {
19454
+ border-top-width: 8px;
19548
19455
  }
19549
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
19550
- margin-top: 12px;
19456
+ .v-alert--border-bottom .v-alert__border {
19457
+ border-bottom-width: 8px;
19551
19458
  }
19552
19459
 
19553
- .v-banner--sticky {
19554
- top: 0;
19460
+ .v-alert__close {
19461
+ cursor: pointer;
19462
+ display: flex;
19463
+ flex: 0 1 auto;
19464
+ grid-area: close;
19465
+ -webkit-user-select: none;
19466
+ -moz-user-select: none;
19467
+ user-select: none;
19555
19468
  }
19556
19469
 
19557
- .v-banner__content {
19470
+ .v-alert__content {
19471
+ align-self: center;
19558
19472
  grid-area: content;
19473
+ overflow: hidden;
19559
19474
  }
19560
19475
 
19561
- .v-banner__prepend {
19476
+ .v-alert__append,
19477
+ .v-alert__close {
19562
19478
  align-self: flex-start;
19563
- grid-area: prepend;
19564
- -webkit-margin-end: 24px;
19565
- margin-inline-end: 24px;
19479
+ -webkit-margin-start: 90px;
19480
+ margin-inline-start: 90px;
19566
19481
  }
19567
19482
 
19568
- .v-banner-actions {
19569
- align-self: flex-end;
19570
- display: flex;
19571
- flex: 0 1;
19572
- grid-area: actions;
19573
- justify-content: flex-end;
19483
+ .v-alert__append {
19484
+ align-self: flex-start;
19485
+ grid-area: append;
19574
19486
  }
19575
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
19576
- margin-top: 20px;
19487
+ .v-alert__append + .v-alert__close {
19488
+ -webkit-margin-start: 16px;
19489
+ margin-inline-start: 16px;
19577
19490
  }
19578
19491
 
19579
- .v-banner-text {
19580
- -webkit-box-orient: vertical;
19581
- display: -webkit-box;
19582
- -webkit-padding-end: 90px;
19583
- padding-inline-end: 90px;
19584
- overflow: hidden;
19492
+ .v-alert__prepend {
19493
+ align-self: flex-start;
19494
+ display: flex;
19495
+ align-items: center;
19496
+ grid-area: prepend;
19497
+ -webkit-margin-end: 16px;
19498
+ margin-inline-end: 16px;
19585
19499
  }
19586
- .v-banner--one-line .v-banner-text {
19587
- -webkit-line-clamp: 1;
19500
+ .v-alert--prominent .v-alert__prepend {
19501
+ align-self: center;
19588
19502
  }
19589
- .v-banner--two-line .v-banner-text {
19590
- -webkit-line-clamp: 2;
19503
+
19504
+ .v-alert__underlay {
19505
+ grid-area: none;
19506
+ position: absolute;
19591
19507
  }
19592
- .v-banner--three-line .v-banner-text {
19593
- -webkit-line-clamp: 3;
19508
+ .v-alert--border-start .v-alert__underlay {
19509
+ border-top-left-radius: 0;
19510
+ border-bottom-left-radius: 0;
19594
19511
  }
19595
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19596
- align-self: flex-start;
19597
- }.v-bottom-navigation {
19598
- display: flex;
19599
- max-width: 100%;
19600
- overflow: hidden;
19601
- position: absolute;
19602
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19603
- border-style: solid;
19604
- border-width: 0;
19605
- border-radius: 0;
19606
- background: rgb(var(--v-theme-surface));
19607
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19512
+ .v-alert--border-end .v-alert__underlay {
19513
+ border-top-right-radius: 0;
19514
+ border-bottom-right-radius: 0;
19608
19515
  }
19609
- .v-bottom-navigation--border {
19610
- border-width: thin;
19611
- box-shadow: none;
19516
+ .v-alert--border-top .v-alert__underlay {
19517
+ border-top-left-radius: 0;
19518
+ border-top-right-radius: 0;
19612
19519
  }
19613
- .v-bottom-navigation--active {
19614
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19520
+ .v-alert--border-bottom .v-alert__underlay {
19521
+ border-bottom-left-radius: 0;
19522
+ border-bottom-right-radius: 0;
19615
19523
  }
19616
19524
 
19617
- .v-bottom-navigation__content {
19525
+ .v-alert-title {
19526
+ align-items: center;
19527
+ align-self: center;
19618
19528
  display: flex;
19619
- flex: none;
19620
- font-size: 0.75rem;
19621
- justify-content: center;
19622
- transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19623
- width: 100%;
19624
- }
19625
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19626
- font-size: inherit;
19627
- height: 100%;
19628
- max-width: 168px;
19629
- min-width: 80px;
19529
+ font-size: 1.25rem;
19530
+ font-weight: 500;
19531
+ -webkit-hyphens: auto;
19532
+ hyphens: auto;
19533
+ letter-spacing: 0.0125em;
19534
+ line-height: 1.75rem;
19535
+ overflow-wrap: normal;
19630
19536
  text-transform: none;
19631
- transition: inherit;
19632
- width: auto;
19633
- border-radius: 0;
19537
+ word-break: normal;
19538
+ word-wrap: break-word;
19539
+ }.v-autocomplete .v-field .v-text-field__prefix,
19540
+ .v-autocomplete .v-field .v-text-field__suffix,
19541
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
19542
+ cursor: text;
19634
19543
  }
19635
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19636
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19637
- transition: inherit;
19544
+ .v-autocomplete .v-field .v-field__input > input {
19545
+ align-self: flex-start;
19546
+ flex: 1 1;
19638
19547
  }
19639
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19640
- font-size: 1.5rem;
19548
+ .v-autocomplete .v-field .v-field__append-inner > .v-icon {
19549
+ -webkit-margin-start: 4px;
19550
+ margin-inline-start: 4px;
19551
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19641
19552
  }
19642
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19643
- flex-grow: 1;
19553
+ .v-autocomplete .v-field:not(.v-field--focused) input {
19554
+ min-width: 0;
19644
19555
  }
19645
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19646
- opacity: 0;
19556
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19557
+ -webkit-margin-end: 2px;
19558
+ margin-inline-end: 2px;
19647
19559
  }
19648
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19649
- transform: translateY(0.5rem);
19650
- }.v-alert {
19651
- display: grid;
19652
- flex: 1 1;
19653
- grid-template-areas: "prepend content append close" ". content . .";
19654
- grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
19655
- grid-template-columns: max-content auto max-content max-content;
19656
- position: relative;
19657
- padding: 16px;
19560
+
19561
+ .v-autocomplete__content {
19658
19562
  overflow: hidden;
19659
- --v-border-color: currentColor;
19563
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19660
19564
  border-radius: 4px;
19661
19565
  }
19662
- .v-alert--absolute {
19663
- position: absolute;
19664
- }
19665
- .v-alert--fixed {
19666
- position: fixed;
19667
- }
19668
- .v-alert--sticky {
19669
- position: sticky;
19670
- }
19671
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
19672
- background: transparent;
19673
- color: inherit;
19674
- }
19675
- .v-alert--variant-plain {
19676
- opacity: 0.62;
19677
- }
19678
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
19679
- opacity: 1;
19680
- }
19681
- .v-alert--variant-plain .v-alert__overlay {
19682
- display: none;
19683
- }
19684
- .v-alert--variant-elevated, .v-alert--variant-flat {
19566
+ .v-autocomplete__mask {
19685
19567
  background: rgb(var(--v-theme-on-surface-variant));
19686
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19687
19568
  }
19688
- .v-alert--variant-elevated {
19689
- box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
19690
- }
19691
- .v-alert--variant-flat {
19692
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
19569
+ .v-autocomplete__selection {
19570
+ display: inline-flex;
19571
+ letter-spacing: inherit;
19572
+ line-height: inherit;
19693
19573
  }
19694
- .v-alert--variant-outlined {
19695
- border: thin solid currentColor;
19574
+ .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
19575
+ opacity: var(--v-high-emphasis-opacity);
19576
+ transform: rotate(180deg);
19696
19577
  }
19697
- .v-alert--variant-text .v-alert__overlay {
19698
- background: currentColor;
19578
+ .v-autocomplete--chips .v-autocomplete__selection:first-child {
19579
+ -webkit-margin-start: 0;
19580
+ margin-inline-start: 0;
19699
19581
  }
19700
- .v-alert--variant-tonal .v-alert__underlay {
19701
- background: currentColor;
19702
- opacity: var(--v-activated-opacity);
19703
- border-radius: inherit;
19582
+ .v-autocomplete--single.v-text-field input {
19583
+ flex: 1 1;
19704
19584
  position: absolute;
19705
- top: 0;
19706
- right: 0;
19707
- bottom: 0;
19708
- left: 0;
19709
- pointer-events: none;
19710
- transition: opacity 0.2s ease-in-out;
19711
- }
19712
- .v-alert--prominent {
19713
- grid-template-areas: "prepend content append close" "prepend content . .";
19714
- }
19715
- .v-alert.v-alert--border {
19716
- --v-border-opacity: 0.38;
19717
- }
19718
- .v-alert.v-alert--border.v-alert--border-start {
19719
- -webkit-padding-start: 24px;
19720
- padding-inline-start: 24px;
19721
- }
19722
- .v-alert.v-alert--border.v-alert--border-end {
19723
- -webkit-padding-end: 24px;
19724
- padding-inline-end: 24px;
19725
- }
19726
- .v-alert--variant-plain {
19727
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
19728
- }
19729
- .v-alert--density-default {
19730
- padding-bottom: 16px;
19731
- padding-top: 16px;
19732
- }
19733
- .v-alert--density-default.v-alert--border-top {
19734
- padding-top: 24px;
19735
- }
19736
- .v-alert--density-default.v-alert--border-bottom {
19737
- padding-bottom: 24px;
19738
- }
19739
-
19740
- .v-alert--density-comfortable {
19741
- padding-bottom: 12px;
19742
- padding-top: 12px;
19743
- }
19744
- .v-alert--density-comfortable.v-alert--border-top {
19745
- padding-top: 20px;
19746
- }
19747
- .v-alert--density-comfortable.v-alert--border-bottom {
19748
- padding-bottom: 20px;
19749
- }
19750
-
19751
- .v-alert--density-compact {
19752
- padding-bottom: 8px;
19753
- padding-top: 8px;
19754
- }
19755
- .v-alert--density-compact.v-alert--border-top {
19756
- padding-top: 16px;
19757
- }
19758
- .v-alert--density-compact.v-alert--border-bottom {
19759
- padding-bottom: 16px;
19760
- }
19761
-
19762
- .v-alert__border {
19763
- border-radius: inherit;
19764
- bottom: 0;
19765
19585
  left: 0;
19766
- opacity: var(--v-border-opacity);
19767
- position: absolute;
19768
- pointer-events: none;
19769
19586
  right: 0;
19770
- top: 0;
19771
- width: 100%;
19772
- border-color: currentColor;
19773
- border-style: solid;
19774
- border-width: 0;
19775
- }
19776
- .v-alert__border--border {
19777
- border-width: 8px;
19778
- box-shadow: none;
19779
- }
19780
- .v-alert--border-start .v-alert__border {
19781
- border-inline-start-width: 8px;
19782
- }
19783
- .v-alert--border-end .v-alert__border {
19784
- border-inline-end-width: 8px;
19785
- }
19786
- .v-alert--border-top .v-alert__border {
19787
- border-top-width: 8px;
19587
+ -webkit-padding-start: inherit;
19588
+ padding-inline-start: inherit;
19589
+ -webkit-padding-end: inherit;
19590
+ padding-inline-end: inherit;
19788
19591
  }
19789
- .v-alert--border-bottom .v-alert__border {
19790
- border-bottom-width: 8px;
19592
+ .v-autocomplete--single .v-field--active input {
19593
+ transition: none;
19791
19594
  }
19792
-
19793
- .v-alert__close {
19794
- cursor: pointer;
19795
- display: flex;
19796
- flex: 0 1 auto;
19797
- grid-area: close;
19798
- -webkit-user-select: none;
19799
- -moz-user-select: none;
19800
- user-select: none;
19595
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
19596
+ opacity: 0;
19801
19597
  }
19802
-
19803
- .v-alert__content {
19804
- align-self: center;
19805
- grid-area: content;
19598
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
19599
+ opacity: 0;
19600
+ }.v-avatar {
19601
+ align-items: center;
19602
+ display: inline-flex;
19603
+ justify-content: center;
19604
+ line-height: normal;
19806
19605
  overflow: hidden;
19606
+ position: relative;
19607
+ text-align: center;
19608
+ vertical-align: middle;
19609
+ border-radius: 50%;
19610
+ background: transparent;
19611
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19807
19612
  }
19808
-
19809
- .v-alert__append,
19810
- .v-alert__close {
19811
- align-self: flex-start;
19812
- -webkit-margin-start: 90px;
19813
- margin-inline-start: 90px;
19814
- }
19815
-
19816
- .v-alert__append {
19817
- align-self: flex-start;
19818
- grid-area: append;
19819
- }
19820
- .v-alert__append + .v-alert__close {
19821
- -webkit-margin-start: 16px;
19822
- margin-inline-start: 16px;
19613
+ .v-avatar.v-avatar--size-x-small {
19614
+ --v-avatar-height: 24px;
19823
19615
  }
19824
-
19825
- .v-alert__prepend {
19826
- align-self: flex-start;
19827
- display: flex;
19828
- align-items: center;
19829
- grid-area: prepend;
19830
- -webkit-margin-end: 16px;
19831
- margin-inline-end: 16px;
19616
+ .v-avatar.v-avatar--size-small {
19617
+ --v-avatar-height: 32px;
19832
19618
  }
19833
- .v-alert--prominent .v-alert__prepend {
19834
- align-self: center;
19619
+ .v-avatar.v-avatar--size-default {
19620
+ --v-avatar-height: 40px;
19835
19621
  }
19836
-
19837
- .v-alert__underlay {
19838
- grid-area: none;
19839
- position: absolute;
19622
+ .v-avatar.v-avatar--size-large {
19623
+ --v-avatar-height: 48px;
19840
19624
  }
19841
- .v-alert--border-start .v-alert__underlay {
19842
- border-top-left-radius: 0;
19843
- border-bottom-left-radius: 0;
19625
+ .v-avatar.v-avatar--size-x-large {
19626
+ --v-avatar-height: 56px;
19844
19627
  }
19845
- .v-alert--border-end .v-alert__underlay {
19846
- border-top-right-radius: 0;
19847
- border-bottom-right-radius: 0;
19628
+ .v-avatar.v-avatar--density-default {
19629
+ height: calc(var(--v-avatar-height) + 0px);
19630
+ width: calc(var(--v-avatar-height) + 0px);
19848
19631
  }
19849
- .v-alert--border-top .v-alert__underlay {
19850
- border-top-left-radius: 0;
19851
- border-top-right-radius: 0;
19632
+ .v-avatar.v-avatar--density-comfortable {
19633
+ height: calc(var(--v-avatar-height) + -4px);
19634
+ width: calc(var(--v-avatar-height) + -4px);
19852
19635
  }
19853
- .v-alert--border-bottom .v-alert__underlay {
19854
- border-bottom-left-radius: 0;
19855
- border-bottom-right-radius: 0;
19636
+ .v-avatar.v-avatar--density-compact {
19637
+ height: calc(var(--v-avatar-height) + -8px);
19638
+ width: calc(var(--v-avatar-height) + -8px);
19856
19639
  }
19857
-
19858
- .v-alert-title {
19859
- align-items: center;
19860
- align-self: center;
19861
- display: flex;
19862
- font-size: 1.25rem;
19863
- font-weight: 500;
19864
- -webkit-hyphens: auto;
19865
- hyphens: auto;
19866
- letter-spacing: 0.0125em;
19867
- line-height: 1.75rem;
19868
- overflow-wrap: normal;
19869
- text-transform: none;
19870
- word-break: normal;
19871
- word-wrap: break-word;
19640
+ .v-avatar--rounded {
19641
+ border-radius: 4px;
19872
19642
  }.v-badge {
19873
19643
  display: inline-block;
19874
19644
  line-height: 1;
@@ -19912,34 +19682,252 @@ html.overflow-y-hidden {
19912
19682
  padding: 0;
19913
19683
  width: 9px;
19914
19684
  }
19915
- .v-badge--dot .v-badge__badge::after {
19916
- border-width: 1.5px;
19685
+ .v-badge--dot .v-badge__badge::after {
19686
+ border-width: 1.5px;
19687
+ }
19688
+ .v-badge--inline .v-badge__badge {
19689
+ position: relative;
19690
+ vertical-align: middle;
19691
+ }
19692
+ .v-badge__badge .v-icon {
19693
+ color: inherit;
19694
+ font-size: 0.75rem;
19695
+ margin: 0 -2px;
19696
+ }
19697
+ .v-badge__badge img,
19698
+ .v-badge__badge .v-img {
19699
+ height: 100%;
19700
+ width: 100%;
19701
+ }
19702
+
19703
+ .v-badge__wrapper {
19704
+ display: flex;
19705
+ position: relative;
19706
+ }
19707
+ .v-badge--inline .v-badge__wrapper {
19708
+ align-items: center;
19709
+ display: inline-flex;
19710
+ justify-content: center;
19711
+ margin: 0 4px;
19712
+ }.v-banner {
19713
+ display: grid;
19714
+ flex: 1 1;
19715
+ font-size: 0.875rem;
19716
+ grid-template-areas: "prepend content actions";
19717
+ grid-template-columns: -webkit-max-content auto -webkit-max-content;
19718
+ grid-template-columns: max-content auto max-content;
19719
+ grid-template-rows: -webkit-max-content -webkit-max-content;
19720
+ grid-template-rows: max-content max-content;
19721
+ line-height: 1.375rem;
19722
+ overflow: hidden;
19723
+ -webkit-padding-start: 16px;
19724
+ padding-inline-start: 16px;
19725
+ -webkit-padding-end: 8px;
19726
+ padding-inline-end: 8px;
19727
+ padding-top: 16px;
19728
+ padding-bottom: 16px;
19729
+ position: relative;
19730
+ width: 100%;
19731
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19732
+ border-style: solid;
19733
+ border-width: 0 0 thin 0;
19734
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
19735
+ border-radius: 0;
19736
+ background: rgb(var(--v-theme-surface));
19737
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19738
+ }
19739
+ .v-banner--border {
19740
+ border-width: thin;
19741
+ box-shadow: none;
19742
+ }
19743
+ .v-banner--absolute {
19744
+ position: absolute;
19745
+ }
19746
+ .v-banner--fixed {
19747
+ position: fixed;
19748
+ }
19749
+ .v-banner--sticky {
19750
+ position: sticky;
19751
+ }
19752
+ .v-banner--rounded {
19753
+ border-radius: 4px;
19754
+ }
19755
+ .v-banner--stacked:not(.v-banner--one-line) {
19756
+ grid-template-areas: "prepend content" ". actions";
19757
+ }
19758
+ .v-banner--stacked .v-banner-text {
19759
+ -webkit-padding-end: 36px;
19760
+ padding-inline-end: 36px;
19761
+ }
19762
+ .v-banner--density-default .v-banner-actions {
19763
+ margin-bottom: -8px;
19764
+ }
19765
+ .v-banner--density-default.v-banner--one-line {
19766
+ padding-top: 8px;
19767
+ padding-bottom: 8px;
19768
+ }
19769
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
19770
+ margin-bottom: 0;
19771
+ }
19772
+ .v-banner--density-default.v-banner--one-line {
19773
+ padding-top: 10px;
19774
+ }
19775
+ .v-banner--density-default.v-banner--two-line {
19776
+ padding-top: 16px;
19777
+ padding-bottom: 16px;
19778
+ }
19779
+ .v-banner--density-default.v-banner--three-line {
19780
+ padding-top: 24px;
19781
+ padding-bottom: 16px;
19782
+ }
19783
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
19784
+ margin-top: 20px;
19785
+ }
19786
+
19787
+ .v-banner--density-comfortable .v-banner-actions {
19788
+ margin-bottom: -4px;
19789
+ }
19790
+ .v-banner--density-comfortable.v-banner--one-line {
19791
+ padding-top: 4px;
19792
+ padding-bottom: 4px;
19793
+ }
19794
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
19795
+ margin-bottom: 0;
19796
+ }
19797
+ .v-banner--density-comfortable.v-banner--two-line {
19798
+ padding-top: 12px;
19799
+ padding-bottom: 12px;
19800
+ }
19801
+ .v-banner--density-comfortable.v-banner--three-line {
19802
+ padding-top: 20px;
19803
+ padding-bottom: 12px;
19804
+ }
19805
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
19806
+ margin-top: 16px;
19807
+ }
19808
+
19809
+ .v-banner--density-compact .v-banner-actions {
19810
+ margin-bottom: 0px;
19811
+ }
19812
+ .v-banner--density-compact.v-banner--one-line {
19813
+ padding-top: 0px;
19814
+ padding-bottom: 0px;
19815
+ }
19816
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
19817
+ margin-bottom: 0;
19818
+ }
19819
+ .v-banner--density-compact.v-banner--two-line {
19820
+ padding-top: 8px;
19821
+ padding-bottom: 8px;
19822
+ }
19823
+ .v-banner--density-compact.v-banner--three-line {
19824
+ padding-top: 16px;
19825
+ padding-bottom: 8px;
19826
+ }
19827
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
19828
+ margin-top: 12px;
19829
+ }
19830
+
19831
+ .v-banner--sticky {
19832
+ top: 0;
19833
+ }
19834
+
19835
+ .v-banner__content {
19836
+ grid-area: content;
19837
+ }
19838
+
19839
+ .v-banner__prepend {
19840
+ align-self: flex-start;
19841
+ grid-area: prepend;
19842
+ -webkit-margin-end: 24px;
19843
+ margin-inline-end: 24px;
19844
+ }
19845
+
19846
+ .v-banner-actions {
19847
+ align-self: flex-end;
19848
+ display: flex;
19849
+ flex: 0 1;
19850
+ grid-area: actions;
19851
+ justify-content: flex-end;
19852
+ }
19853
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
19854
+ margin-top: 20px;
19855
+ }
19856
+
19857
+ .v-banner-text {
19858
+ -webkit-box-orient: vertical;
19859
+ display: -webkit-box;
19860
+ -webkit-padding-end: 90px;
19861
+ padding-inline-end: 90px;
19862
+ overflow: hidden;
19863
+ }
19864
+ .v-banner--one-line .v-banner-text {
19865
+ -webkit-line-clamp: 1;
19866
+ }
19867
+ .v-banner--two-line .v-banner-text {
19868
+ -webkit-line-clamp: 2;
19869
+ }
19870
+ .v-banner--three-line .v-banner-text {
19871
+ -webkit-line-clamp: 3;
19872
+ }
19873
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19874
+ align-self: flex-start;
19875
+ }.v-bottom-navigation {
19876
+ display: flex;
19877
+ max-width: 100%;
19878
+ overflow: hidden;
19879
+ position: absolute;
19880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19881
+ border-style: solid;
19882
+ border-width: 0;
19883
+ border-radius: 0;
19884
+ background: rgb(var(--v-theme-surface));
19885
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19917
19886
  }
19918
- .v-badge--inline .v-badge__badge {
19919
- position: relative;
19920
- vertical-align: middle;
19887
+ .v-bottom-navigation--border {
19888
+ border-width: thin;
19889
+ box-shadow: none;
19921
19890
  }
19922
- .v-badge__badge .v-icon {
19923
- color: inherit;
19891
+ .v-bottom-navigation--active {
19892
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
19893
+ }
19894
+
19895
+ .v-bottom-navigation__content {
19896
+ display: flex;
19897
+ flex: none;
19924
19898
  font-size: 0.75rem;
19925
- margin: 0 -2px;
19899
+ justify-content: center;
19900
+ transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19901
+ width: 100%;
19926
19902
  }
19927
- .v-badge__badge img,
19928
- .v-badge__badge .v-img {
19903
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19904
+ font-size: inherit;
19929
19905
  height: 100%;
19930
- width: 100%;
19906
+ max-width: 168px;
19907
+ min-width: 80px;
19908
+ text-transform: none;
19909
+ transition: inherit;
19910
+ width: auto;
19911
+ border-radius: 0;
19931
19912
  }
19932
-
19933
- .v-badge__wrapper {
19934
- display: flex;
19935
- position: relative;
19913
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19914
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19915
+ transition: inherit;
19936
19916
  }
19937
- .v-badge--inline .v-badge__wrapper {
19938
- align-items: center;
19939
- display: inline-flex;
19940
- justify-content: center;
19941
- margin: 0 4px;
19917
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19918
+ font-size: 1.5rem;
19919
+ }
19920
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19921
+ flex-grow: 1;
19922
+ }
19923
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19924
+ opacity: 0;
19925
+ }
19926
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19927
+ transform: translateY(0.5rem);
19942
19928
  }.v-breadcrumbs {
19929
+ display: flex;
19930
+ align-items: center;
19943
19931
  line-height: 1.375rem;
19944
19932
  padding: 16px 12px;
19945
19933
  }
@@ -19947,18 +19935,23 @@ html.overflow-y-hidden {
19947
19935
  border-radius: 4px;
19948
19936
  }
19949
19937
  .v-breadcrumbs--density-default {
19950
- padding-top: 16px 12px0px;
19951
- padding-bottom: 16px 12px0px;
19938
+ padding-top: 16px;
19939
+ padding-bottom: 16px;
19952
19940
  }
19953
19941
 
19954
19942
  .v-breadcrumbs--density-comfortable {
19955
- padding-top: 16px 12px-4px;
19956
- padding-bottom: 16px 12px-4px;
19943
+ padding-top: 12px;
19944
+ padding-bottom: 12px;
19957
19945
  }
19958
19946
 
19959
19947
  .v-breadcrumbs--density-compact {
19960
- padding-top: 16px 12px-8px;
19961
- padding-bottom: 16px 12px-8px;
19948
+ padding-top: 8px;
19949
+ padding-bottom: 8px;
19950
+ }
19951
+
19952
+ .v-breadcrumbs__prepend {
19953
+ align-items: center;
19954
+ display: inline-flex;
19962
19955
  }
19963
19956
 
19964
19957
  .v-breadcrumbs-item {
@@ -19991,7 +19984,7 @@ html.overflow-y-hidden {
19991
19984
  }.v-btn {
19992
19985
  align-items: center;
19993
19986
  border-radius: 4px;
19994
- display: grid;
19987
+ display: inline-grid;
19995
19988
  grid-template-areas: "prepend content append";
19996
19989
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
19997
19990
  grid-template-columns: max-content auto max-content;
@@ -20058,7 +20051,7 @@ html.overflow-y-hidden {
20058
20051
  }
20059
20052
 
20060
20053
  .v-btn.v-btn--density-default {
20061
- height: calc(var(--v-btn-height) + 4px);
20054
+ height: calc(var(--v-btn-height) + 0px);
20062
20055
  }
20063
20056
 
20064
20057
  .v-btn.v-btn--density-comfortable {
@@ -20162,15 +20155,17 @@ html.overflow-y-hidden {
20162
20155
  border-radius: 50%;
20163
20156
  min-width: 0;
20164
20157
  padding: 0;
20158
+ }
20159
+ .v-btn--icon.v-btn--size-default {
20165
20160
  font-size: 1rem;
20166
20161
  }
20167
20162
  .v-btn--icon.v-btn--density-default {
20168
- width: calc(var(--v-btn-height) + 4px);
20169
- height: calc(var(--v-btn-height) + 4px);
20163
+ width: calc(var(--v-btn-height) + 12px);
20164
+ height: calc(var(--v-btn-height) + 12px);
20170
20165
  }
20171
20166
  .v-btn--icon.v-btn--density-comfortable {
20172
- width: calc(var(--v-btn-height) + -8px);
20173
- height: calc(var(--v-btn-height) + -8px);
20167
+ width: calc(var(--v-btn-height) + 0px);
20168
+ height: calc(var(--v-btn-height) + 0px);
20174
20169
  }
20175
20170
  .v-btn--icon.v-btn--density-compact {
20176
20171
  width: calc(var(--v-btn-height) + -8px);
@@ -20196,13 +20191,14 @@ html.overflow-y-hidden {
20196
20191
  }
20197
20192
  .v-btn--disabled.v-btn--disabled {
20198
20193
  color: rgba(var(--v-theme-on-surface), 0.26);
20199
- opacity: 1;
20194
+ opacity: 0.4615384615;
20200
20195
  }
20201
- .v-btn--disabled.v-btn--variant-elevated {
20196
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
20202
20197
  background: rgb(var(--v-theme-surface));
20203
20198
  box-shadow: none;
20199
+ opacity: 1;
20204
20200
  }
20205
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay {
20201
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
20206
20202
  opacity: 0.4615384615;
20207
20203
  }
20208
20204
  .v-btn--loading {
@@ -20339,16 +20335,20 @@ html.overflow-y-hidden {
20339
20335
  }
20340
20336
 
20341
20337
  .v-btn__overlay {
20338
+ background-color: currentColor;
20339
+ border-radius: inherit;
20340
+ opacity: 0;
20341
+ transition: opacity 0.2s ease-in-out;
20342
+ }
20343
+
20344
+ .v-btn__overlay,
20345
+ .v-btn__underlay {
20342
20346
  position: absolute;
20343
20347
  top: 0;
20344
20348
  left: 0;
20345
20349
  width: 100%;
20346
20350
  height: 100%;
20347
- background-color: currentColor;
20348
- border-radius: inherit;
20349
20351
  pointer-events: none;
20350
- opacity: 0;
20351
- transition: opacity 0.2s ease-in-out;
20352
20352
  }
20353
20353
 
20354
20354
  .v-app-bar .v-btn {
@@ -20397,7 +20397,7 @@ html.overflow-y-hidden {
20397
20397
  box-shadow: none;
20398
20398
  }
20399
20399
  .v-btn-group--density-default.v-btn-group {
20400
- height: 52px;
20400
+ height: 48px;
20401
20401
  }
20402
20402
 
20403
20403
  .v-btn-group--density-comfortable.v-btn-group {
@@ -20440,6 +20440,7 @@ html.overflow-y-hidden {
20440
20440
  }.v-card {
20441
20441
  display: block;
20442
20442
  overflow: hidden;
20443
+ overflow-wrap: break-word;
20443
20444
  position: relative;
20444
20445
  padding: 0;
20445
20446
  text-decoration: none;
@@ -20529,7 +20530,7 @@ html.overflow-y-hidden {
20529
20530
  -moz-user-select: none;
20530
20531
  user-select: none;
20531
20532
  }
20532
- .v-card--disabled > [class*=v-card-] {
20533
+ .v-card--disabled > :not(.v-card__loader) {
20533
20534
  opacity: 0.6;
20534
20535
  }
20535
20536
  .v-card--flat {
@@ -20679,8 +20680,6 @@ html.overflow-y-hidden {
20679
20680
  letter-spacing: 0.0178571429em;
20680
20681
  padding: 1rem;
20681
20682
  text-transform: none;
20682
- transition: inherit;
20683
- transition-property: color, opacity;
20684
20683
  }
20685
20684
  .v-card .v-card-text {
20686
20685
  line-height: 1.25rem;
@@ -20717,6 +20716,7 @@ html.overflow-y-hidden {
20717
20716
  position: absolute;
20718
20717
  right: 0;
20719
20718
  width: 100%;
20719
+ z-index: 1;
20720
20720
  }
20721
20721
 
20722
20722
  .v-card__overlay {
@@ -22515,6 +22515,7 @@ html.overflow-y-hidden {
22515
22515
 
22516
22516
  .v-expansion-panel-title {
22517
22517
  align-items: center;
22518
+ text-align: start;
22518
22519
  border-radius: inherit;
22519
22520
  display: flex;
22520
22521
  font-size: 0.9375rem;
@@ -22693,7 +22694,6 @@ html.overflow-y-hidden {
22693
22694
  /* endregion */
22694
22695
  /* region ELEMENTS */
22695
22696
  .v-field__input {
22696
- align-self: stretch;
22697
22697
  color: inherit;
22698
22698
  display: flex;
22699
22699
  flex-wrap: wrap;
@@ -22704,7 +22704,8 @@ html.overflow-y-hidden {
22704
22704
  -webkit-padding-end: var(--v-field-padding-end);
22705
22705
  padding-inline-end: var(--v-field-padding-end);
22706
22706
  padding-top: var(--v-field-padding-top, 8px);
22707
- width: 100%;
22707
+ flex: 1 0 0;
22708
+ min-width: 0;
22708
22709
  }
22709
22710
  .v-field__input input {
22710
22711
  letter-spacing: inherit;
@@ -23022,12 +23023,12 @@ html.overflow-y-hidden {
23022
23023
  }
23023
23024
 
23024
23025
  /* endregion */.v-file-input input[type=file] {
23026
+ height: 100%;
23025
23027
  left: 0;
23026
- max-width: 0;
23027
23028
  opacity: 0;
23028
- pointer-events: none;
23029
23029
  position: absolute;
23030
- width: 0;
23030
+ top: 0;
23031
+ width: 100%;
23031
23032
  }.v-footer {
23032
23033
  align-items: center;
23033
23034
  display: flex;
@@ -23347,7 +23348,7 @@ html.overflow-y-hidden {
23347
23348
  background: inherit;
23348
23349
  display: flex;
23349
23350
  font-size: 0.875rem;
23350
- font-weight: 500;
23351
+ font-weight: 400;
23351
23352
  line-height: 1.375rem;
23352
23353
  -webkit-padding-end: 16px;
23353
23354
  padding-inline-end: 16px;
@@ -23379,8 +23380,7 @@ html.overflow-y-hidden {
23379
23380
  }
23380
23381
 
23381
23382
  .v-list-subheader--inset {
23382
- -webkit-padding-start: 72px;
23383
- padding-inline-start: 72px;
23383
+ --indent-padding: 56px;
23384
23384
  }
23385
23385
  .v-list--nav .v-list-subheader {
23386
23386
  font-size: 0.75rem;
@@ -23406,12 +23406,15 @@ html.overflow-y-hidden {
23406
23406
  transition: opacity 0.2s ease-in-out;
23407
23407
  }.v-list-item {
23408
23408
  align-items: center;
23409
- display: flex;
23410
- padding: 8px 16px;
23411
- position: relative;
23409
+ display: grid;
23410
+ flex: none;
23411
+ grid-template-areas: "prepend content append";
23412
+ grid-template-columns: -webkit-max-content auto -webkit-max-content;
23413
+ grid-template-columns: max-content auto max-content;
23412
23414
  outline: none;
23415
+ padding: 4px 16px;
23416
+ position: relative;
23413
23417
  text-decoration: none;
23414
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23415
23418
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23416
23419
  border-style: solid;
23417
23420
  border-width: 0;
@@ -23482,6 +23485,13 @@ html.overflow-y-hidden {
23482
23485
  pointer-events: none;
23483
23486
  transition: opacity 0.2s ease-in-out;
23484
23487
  }
23488
+ .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
23489
+ opacity: var(--v-medium-emphasis-opacity);
23490
+ }
23491
+ .v-list-item--active .v-list-item__prepend > .v-icon,
23492
+ .v-list-item--active .v-list-item__append > .v-icon {
23493
+ opacity: 1;
23494
+ }
23485
23495
  .v-list-item--rounded {
23486
23496
  border-radius: 4px;
23487
23497
  }
@@ -23496,51 +23506,57 @@ html.overflow-y-hidden {
23496
23506
  cursor: pointer;
23497
23507
  }
23498
23508
 
23499
- .v-list-item-action,
23500
- .v-list-item-avatar,
23501
- .v-list-item-icon {
23509
+ .v-list-item__prepend {
23510
+ align-items: center;
23502
23511
  align-self: center;
23503
23512
  display: flex;
23504
- align-items: center;
23505
- flex: none;
23506
- transition: inherit;
23507
- transition-property: height, width;
23508
- }
23509
- .v-list-item--three-line .v-list-item-action,
23510
- .v-list-item--three-line .v-list-item-avatar,
23511
- .v-list-item--three-line .v-list-item-icon {
23512
- align-self: flex-start;
23513
+ grid-area: prepend;
23513
23514
  }
23514
-
23515
- .v-list-item-avatar--start {
23515
+ .v-list-item__prepend > .v-avatar {
23516
23516
  -webkit-margin-end: 16px;
23517
23517
  margin-inline-end: 16px;
23518
23518
  }
23519
- .v-list-item-avatar--end {
23520
- -webkit-margin-start: 16px;
23521
- margin-inline-start: 16px;
23522
- }
23523
- .v-list-item--density-default.v-list-item--three-line .v-list-item-avatar {
23524
- margin-top: 4px;
23519
+ .v-list-item__prepend > .v-icon {
23520
+ -webkit-margin-end: 32px;
23521
+ margin-inline-end: 32px;
23525
23522
  }
23526
-
23527
- .v-list-item--density-comfortable.v-list-item--three-line .v-list-item-avatar {
23528
- margin-top: 8px;
23523
+ .v-list-item--two-line .v-list-item__prepend, .v-list-item--three-line .v-list-item__prepend {
23524
+ align-self: start;
23529
23525
  }
23530
23526
 
23531
- .v-list-item--density-compact.v-list-item--three-line .v-list-item-avatar {
23532
- margin-top: 12px;
23527
+ .v-list-item__append {
23528
+ align-self: center;
23529
+ display: flex;
23530
+ align-items: center;
23531
+ grid-area: append;
23533
23532
  }
23534
-
23535
- .v-list-item-icon--start {
23536
- -webkit-margin-end: 32px;
23537
- margin-inline-end: 32px;
23533
+ .v-list-item__append > .v-avatar {
23534
+ -webkit-margin-start: 16px;
23535
+ margin-inline-start: 16px;
23538
23536
  }
23539
- .v-list-item-icon--end {
23537
+ .v-list-item__append > .v-icon {
23540
23538
  -webkit-margin-start: 32px;
23541
23539
  margin-inline-start: 32px;
23542
23540
  }
23541
+ .v-list-item--two-line .v-list-item__append, .v-list-item--three-line .v-list-item__append {
23542
+ align-self: start;
23543
+ }
23544
+
23545
+ .v-list-item__content {
23546
+ align-self: center;
23547
+ grid-area: content;
23548
+ overflow: hidden;
23549
+ }
23543
23550
 
23551
+ .v-list-item-action {
23552
+ align-self: center;
23553
+ display: flex;
23554
+ align-items: center;
23555
+ grid-area: prepend;
23556
+ flex: none;
23557
+ transition: inherit;
23558
+ transition-property: height, width;
23559
+ }
23544
23560
  .v-list-item-action--start {
23545
23561
  -webkit-margin-end: 12px;
23546
23562
  margin-inline-end: 12px;
@@ -23571,11 +23587,6 @@ html.overflow-y-hidden {
23571
23587
  margin-bottom: 0;
23572
23588
  }
23573
23589
 
23574
- .v-list-item-header {
23575
- flex: 1 1 auto;
23576
- min-width: 0;
23577
- }
23578
-
23579
23590
  .v-list-item-subtitle {
23580
23591
  -webkit-box-orient: vertical;
23581
23592
  display: -webkit-box;
@@ -23628,10 +23639,13 @@ html.overflow-y-hidden {
23628
23639
  line-height: 1rem;
23629
23640
  }
23630
23641
 
23631
- .v-list-item--density-default.v-list-item--one-line {
23642
+ .v-list-item--density-default {
23632
23643
  min-height: 40px;
23633
- padding-top: 8px;
23634
- padding-bottom: 8px;
23644
+ }
23645
+ .v-list-item--density-default.v-list-item--one-line {
23646
+ min-height: 48px;
23647
+ padding-top: 4px;
23648
+ padding-bottom: 4px;
23635
23649
  }
23636
23650
  .v-list-item--density-default.v-list-item--two-line {
23637
23651
  min-height: 64px;
@@ -23662,10 +23676,13 @@ html.overflow-y-hidden {
23662
23676
  padding-inline-end: 16px;
23663
23677
  }
23664
23678
 
23665
- .v-list-item--density-comfortable.v-list-item--one-line {
23679
+ .v-list-item--density-comfortable {
23666
23680
  min-height: 36px;
23667
- padding-top: 4px;
23668
- padding-bottom: 4px;
23681
+ }
23682
+ .v-list-item--density-comfortable.v-list-item--one-line {
23683
+ min-height: 44px;
23684
+ padding-top: 0px;
23685
+ padding-bottom: 0px;
23669
23686
  }
23670
23687
  .v-list-item--density-comfortable.v-list-item--two-line {
23671
23688
  min-height: 60px;
@@ -23696,10 +23713,13 @@ html.overflow-y-hidden {
23696
23713
  padding-inline-end: 16px;
23697
23714
  }
23698
23715
 
23699
- .v-list-item--density-compact.v-list-item--one-line {
23716
+ .v-list-item--density-compact {
23700
23717
  min-height: 32px;
23701
- padding-top: 0px;
23702
- padding-bottom: 0px;
23718
+ }
23719
+ .v-list-item--density-compact.v-list-item--one-line {
23720
+ min-height: 40px;
23721
+ padding-top: -4px;
23722
+ padding-bottom: -4px;
23703
23723
  }
23704
23724
  .v-list-item--density-compact.v-list-item--two-line {
23705
23725
  min-height: 56px;
@@ -23740,6 +23760,10 @@ html.overflow-y-hidden {
23740
23760
  margin-bottom: 4px;
23741
23761
  }
23742
23762
 
23763
+ .v-list-item__underlay {
23764
+ position: absolute;
23765
+ }
23766
+
23743
23767
  .v-list-item__overlay {
23744
23768
  background-color: currentColor;
23745
23769
  border-radius: inherit;
@@ -23764,14 +23788,22 @@ html.overflow-y-hidden {
23764
23788
  }
23765
23789
 
23766
23790
  .v-list-group {
23791
+ --list-indent-size: 16px;
23767
23792
  --parent-padding: var(--indent-padding);
23793
+ --prepend-width: 40px;
23794
+ }
23795
+ .v-list-group--fluid {
23796
+ --list-indent-size: 0px;
23768
23797
  }
23769
23798
  .v-list-group--prepend {
23770
- --parent-padding: calc(var(--indent-padding) + 40px);
23799
+ --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
23800
+ }
23801
+ .v-list-group--fluid.v-list-group--prepend {
23802
+ --parent-padding: var(--indent-padding);
23771
23803
  }
23772
23804
 
23773
23805
  .v-list-group__items {
23774
- --indent-padding: calc(var(--parent-padding) + 16px);
23806
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
23775
23807
  }
23776
23808
 
23777
23809
  .v-list-group__items .v-list-item {
@@ -23779,12 +23811,6 @@ html.overflow-y-hidden {
23779
23811
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
23780
23812
  }
23781
23813
 
23782
- .v-list-item--prepend .v-list-item-avatar,
23783
- .v-list-group__items .v-list-item--prepend .v-list-item-avatar {
23784
- -webkit-padding-start: calc(16px + var(--indent-padding) + 40px + 16px) !important;
23785
- padding-inline-start: calc(16px + var(--indent-padding) + 40px + 16px) !important;
23786
- }
23787
-
23788
23814
  .v-list-group__header.v-list-item--active .v-list-item__overlay {
23789
23815
  display: none;
23790
23816
  }.v-locale-provider {
@@ -24481,29 +24507,6 @@ html.v-overlay-scroll-blocked {
24481
24507
 
24482
24508
  .v-slider--has-labels .v-input__control {
24483
24509
  margin-bottom: 4px;
24484
- }.v-responsive {
24485
- display: flex;
24486
- flex: 1 0 auto;
24487
- max-height: 100%;
24488
- max-width: 100%;
24489
- overflow: hidden;
24490
- position: relative;
24491
- }
24492
-
24493
- .v-responsive__content {
24494
- flex: 1 0 0px;
24495
- max-width: 100%;
24496
- }
24497
-
24498
- .v-responsive__sizer ~ .v-responsive__content {
24499
- -webkit-margin-start: -100%;
24500
- margin-inline-start: -100%;
24501
- }
24502
-
24503
- .v-responsive__sizer {
24504
- flex: 1 0 0px;
24505
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24506
- pointer-events: none;
24507
24510
  }.v-rating {
24508
24511
  max-width: 100%;
24509
24512
  display: inline-flex;
@@ -24562,6 +24565,29 @@ html.v-overlay-scroll-blocked {
24562
24565
  opacity: 0;
24563
24566
  position: absolute;
24564
24567
  width: 0;
24568
+ }.v-responsive {
24569
+ display: flex;
24570
+ flex: 1 0 auto;
24571
+ max-height: 100%;
24572
+ max-width: 100%;
24573
+ overflow: hidden;
24574
+ position: relative;
24575
+ }
24576
+
24577
+ .v-responsive__content {
24578
+ flex: 1 0 0px;
24579
+ max-width: 100%;
24580
+ }
24581
+
24582
+ .v-responsive__sizer ~ .v-responsive__content {
24583
+ -webkit-margin-start: -100%;
24584
+ margin-inline-start: -100%;
24585
+ }
24586
+
24587
+ .v-responsive__sizer {
24588
+ flex: 1 0 0px;
24589
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24590
+ pointer-events: none;
24565
24591
  }.v-select .v-field .v-text-field__prefix,
24566
24592
  .v-select .v-field .v-text-field__suffix,
24567
24593
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24929,6 +24955,13 @@ html.v-overlay-scroll-blocked {
24929
24955
  .v-switch--inset .v-switch__thumb {
24930
24956
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
24931
24957
  }
24958
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
24959
+ display: none;
24960
+ }
24961
+
24962
+ .v-switch--loading .v-selection-control__input > .v-icon {
24963
+ display: none;
24964
+ }
24932
24965
 
24933
24966
  .v-switch .v-selection-control {
24934
24967
  height: var(--v-input-control-height);
@@ -25062,12 +25095,14 @@ html.v-overlay-scroll-blocked {
25062
25095
  .v-toolbar__content .v-tab {
25063
25096
  height: inherit;
25064
25097
  }.v-tab {
25065
- --v-btn-height: var(--v-tabs-height);
25066
25098
  display: inline-flex;
25067
25099
  position: relative;
25068
25100
  max-width: 360px;
25069
25101
  min-width: 90px;
25070
25102
  }
25103
+ .v-tab.v-tab.v-tab {
25104
+ height: var(--v-tabs-height);
25105
+ }
25071
25106
  .v-slide-group--vertical .v-tab {
25072
25107
  justify-content: start;
25073
25108
  }
@@ -25113,6 +25148,7 @@ html.v-overlay-scroll-blocked {
25113
25148
  .v-table.v-table--fixed-header thead th {
25114
25149
  background: rgb(var(--v-theme-surface));
25115
25150
  box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25151
+ z-index: 1;
25116
25152
  }
25117
25153
  .v-table.v-table--fixed-footer tfoot th,
25118
25154
  .v-table.v-table--fixed-footer tfoot td {