@vuetify/nightly 3.3.4-master.2023-06-19 → 3.3.4-master.2023-06-20

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.
package/CHANGELOG.md CHANGED
@@ -1,8 +1,8 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.3.4-master.2023-06-19...v) (2023-06-19)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.3.4-master.2023-06-20...v) (2023-06-20)
2
2
 
3
3
 
4
4
 
5
- ## [3.3.4-master.2023-06-19](https://github.com/vuetifyjs/vuetify/compare/v3.3.4...v3.3.4-master.2023-06-19) (2023-06-19)
5
+ ## [3.3.4-master.2023-06-20](https://github.com/vuetifyjs/vuetify/compare/v3.3.4...v3.3.4-master.2023-06-20) (2023-06-20)
6
6
 
7
7
 
8
8
  ### Bug Fixes
@@ -28,14 +28,14 @@
28
28
  "from": "components/VAutocomplete/index.mjs",
29
29
  "styles": []
30
30
  },
31
- "VBadge": {
32
- "from": "components/VBadge/index.mjs",
33
- "styles": []
34
- },
35
31
  "VAvatar": {
36
32
  "from": "components/VAvatar/index.mjs",
37
33
  "styles": []
38
34
  },
35
+ "VBadge": {
36
+ "from": "components/VBadge/index.mjs",
37
+ "styles": []
38
+ },
39
39
  "VBanner": {
40
40
  "from": "components/VBanner/index.mjs",
41
41
  "styles": []
@@ -420,10 +420,6 @@
420
420
  "from": "components/VHover/index.mjs",
421
421
  "styles": []
422
422
  },
423
- "VLazy": {
424
- "from": "components/VLazy/index.mjs",
425
- "styles": []
426
- },
427
423
  "VLayout": {
428
424
  "from": "components/VLayout/index.mjs",
429
425
  "styles": []
@@ -432,6 +428,10 @@
432
428
  "from": "components/VLayout/index.mjs",
433
429
  "styles": []
434
430
  },
431
+ "VLazy": {
432
+ "from": "components/VLazy/index.mjs",
433
+ "styles": []
434
+ },
435
435
  "VLocaleProvider": {
436
436
  "from": "components/VLocaleProvider/index.mjs",
437
437
  "styles": []
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "vuetify",
5
- "version": "3.3.4-master.2023-06-19",
5
+ "version": "3.3.4-master.2023-06-20",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -15477,7 +15477,7 @@
15477
15477
  "name": "displayDate",
15478
15478
  "description": "MISSING DESCRIPTION",
15479
15479
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
15480
- "default": "new Date('2023-06-19T12:05:45.584Z')",
15480
+ "default": "new Date('2023-06-20T12:04:38.085Z')",
15481
15481
  "value": {
15482
15482
  "kind": "expression",
15483
15483
  "type": "any\n"
@@ -15684,7 +15684,7 @@
15684
15684
  "name": "displayDate",
15685
15685
  "description": "MISSING DESCRIPTION",
15686
15686
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
15687
- "default": "new Date('2023-06-19T12:05:45.584Z')",
15687
+ "default": "new Date('2023-06-20T12:04:38.085Z')",
15688
15688
  "value": {
15689
15689
  "kind": "expression",
15690
15690
  "type": "any\n"
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.4-master.2023-06-19
2
+ * Vuetify v3.3.4-master.2023-06-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16968,6 +16968,93 @@ html.overflow-y-hidden {
16968
16968
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
16969
16969
  opacity: var(--v-high-emphasis-opacity);
16970
16970
  transform: rotate(180deg);
16971
+ }.v-avatar {
16972
+ flex: none;
16973
+ align-items: center;
16974
+ display: inline-flex;
16975
+ justify-content: center;
16976
+ line-height: normal;
16977
+ overflow: hidden;
16978
+ position: relative;
16979
+ text-align: center;
16980
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16981
+ transition-property: width, height;
16982
+ vertical-align: middle;
16983
+ border-radius: 50%;
16984
+ }
16985
+ .v-avatar.v-avatar--size-x-small {
16986
+ --v-avatar-height: 24px;
16987
+ }
16988
+ .v-avatar.v-avatar--size-small {
16989
+ --v-avatar-height: 32px;
16990
+ }
16991
+ .v-avatar.v-avatar--size-default {
16992
+ --v-avatar-height: 40px;
16993
+ }
16994
+ .v-avatar.v-avatar--size-large {
16995
+ --v-avatar-height: 48px;
16996
+ }
16997
+ .v-avatar.v-avatar--size-x-large {
16998
+ --v-avatar-height: 56px;
16999
+ }
17000
+ .v-avatar.v-avatar--density-default {
17001
+ height: calc(var(--v-avatar-height) + 0px);
17002
+ width: calc(var(--v-avatar-height) + 0px);
17003
+ }
17004
+ .v-avatar.v-avatar--density-comfortable {
17005
+ height: calc(var(--v-avatar-height) + -4px);
17006
+ width: calc(var(--v-avatar-height) + -4px);
17007
+ }
17008
+ .v-avatar.v-avatar--density-compact {
17009
+ height: calc(var(--v-avatar-height) + -8px);
17010
+ width: calc(var(--v-avatar-height) + -8px);
17011
+ }
17012
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17013
+ background: transparent;
17014
+ color: inherit;
17015
+ }
17016
+ .v-avatar--variant-plain {
17017
+ opacity: 0.62;
17018
+ }
17019
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17020
+ opacity: 1;
17021
+ }
17022
+ .v-avatar--variant-plain .v-avatar__overlay {
17023
+ display: none;
17024
+ }
17025
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17026
+ background: var(--v-theme-surface);
17027
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17028
+ }
17029
+ .v-avatar--variant-elevated {
17030
+ 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));
17031
+ }
17032
+ .v-avatar--variant-flat {
17033
+ 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));
17034
+ }
17035
+ .v-avatar--variant-outlined {
17036
+ border: thin solid currentColor;
17037
+ }
17038
+ .v-avatar--variant-text .v-avatar__overlay {
17039
+ background: currentColor;
17040
+ }
17041
+ .v-avatar--variant-tonal .v-avatar__underlay {
17042
+ background: currentColor;
17043
+ opacity: var(--v-activated-opacity);
17044
+ border-radius: inherit;
17045
+ position: absolute;
17046
+ top: 0;
17047
+ right: 0;
17048
+ bottom: 0;
17049
+ left: 0;
17050
+ pointer-events: none;
17051
+ }
17052
+ .v-avatar--rounded {
17053
+ border-radius: 4px;
17054
+ }
17055
+ .v-avatar .v-img {
17056
+ height: 100%;
17057
+ width: 100%;
16971
17058
  }.v-badge {
16972
17059
  display: inline-block;
16973
17060
  line-height: 1;
@@ -17249,147 +17336,6 @@ html.overflow-y-hidden {
17249
17336
  }
17250
17337
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17251
17338
  transform: translateY(0.5rem);
17252
- }.v-breadcrumbs {
17253
- display: flex;
17254
- align-items: center;
17255
- line-height: 1.375rem;
17256
- padding: 16px 12px;
17257
- }
17258
- .v-breadcrumbs--rounded {
17259
- border-radius: 4px;
17260
- }
17261
- .v-breadcrumbs--density-default {
17262
- padding-top: 16px;
17263
- padding-bottom: 16px;
17264
- }
17265
-
17266
- .v-breadcrumbs--density-comfortable {
17267
- padding-top: 12px;
17268
- padding-bottom: 12px;
17269
- }
17270
-
17271
- .v-breadcrumbs--density-compact {
17272
- padding-top: 8px;
17273
- padding-bottom: 8px;
17274
- }
17275
-
17276
- .v-breadcrumbs__prepend {
17277
- align-items: center;
17278
- display: inline-flex;
17279
- }
17280
-
17281
- .v-breadcrumbs-item {
17282
- align-items: center;
17283
- color: inherit;
17284
- display: inline-flex;
17285
- padding: 0 4px;
17286
- text-decoration: none;
17287
- vertical-align: middle;
17288
- }
17289
- .v-breadcrumbs-item--disabled {
17290
- opacity: var(--v-disabled-opacity);
17291
- pointer-events: none;
17292
- }
17293
- .v-breadcrumbs-item--link:hover {
17294
- text-decoration: underline;
17295
- }
17296
- .v-breadcrumbs-item .v-icon {
17297
- font-size: 1rem;
17298
- margin-inline-start: -4px;
17299
- margin-inline-end: 2px;
17300
- }
17301
-
17302
- .v-breadcrumbs-divider {
17303
- display: inline-block;
17304
- padding: 0 8px;
17305
- vertical-align: middle;
17306
- }.v-avatar {
17307
- flex: none;
17308
- align-items: center;
17309
- display: inline-flex;
17310
- justify-content: center;
17311
- line-height: normal;
17312
- overflow: hidden;
17313
- position: relative;
17314
- text-align: center;
17315
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17316
- transition-property: width, height;
17317
- vertical-align: middle;
17318
- border-radius: 50%;
17319
- }
17320
- .v-avatar.v-avatar--size-x-small {
17321
- --v-avatar-height: 24px;
17322
- }
17323
- .v-avatar.v-avatar--size-small {
17324
- --v-avatar-height: 32px;
17325
- }
17326
- .v-avatar.v-avatar--size-default {
17327
- --v-avatar-height: 40px;
17328
- }
17329
- .v-avatar.v-avatar--size-large {
17330
- --v-avatar-height: 48px;
17331
- }
17332
- .v-avatar.v-avatar--size-x-large {
17333
- --v-avatar-height: 56px;
17334
- }
17335
- .v-avatar.v-avatar--density-default {
17336
- height: calc(var(--v-avatar-height) + 0px);
17337
- width: calc(var(--v-avatar-height) + 0px);
17338
- }
17339
- .v-avatar.v-avatar--density-comfortable {
17340
- height: calc(var(--v-avatar-height) + -4px);
17341
- width: calc(var(--v-avatar-height) + -4px);
17342
- }
17343
- .v-avatar.v-avatar--density-compact {
17344
- height: calc(var(--v-avatar-height) + -8px);
17345
- width: calc(var(--v-avatar-height) + -8px);
17346
- }
17347
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17348
- background: transparent;
17349
- color: inherit;
17350
- }
17351
- .v-avatar--variant-plain {
17352
- opacity: 0.62;
17353
- }
17354
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17355
- opacity: 1;
17356
- }
17357
- .v-avatar--variant-plain .v-avatar__overlay {
17358
- display: none;
17359
- }
17360
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17361
- background: var(--v-theme-surface);
17362
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17363
- }
17364
- .v-avatar--variant-elevated {
17365
- 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));
17366
- }
17367
- .v-avatar--variant-flat {
17368
- 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));
17369
- }
17370
- .v-avatar--variant-outlined {
17371
- border: thin solid currentColor;
17372
- }
17373
- .v-avatar--variant-text .v-avatar__overlay {
17374
- background: currentColor;
17375
- }
17376
- .v-avatar--variant-tonal .v-avatar__underlay {
17377
- background: currentColor;
17378
- opacity: var(--v-activated-opacity);
17379
- border-radius: inherit;
17380
- position: absolute;
17381
- top: 0;
17382
- right: 0;
17383
- bottom: 0;
17384
- left: 0;
17385
- pointer-events: none;
17386
- }
17387
- .v-avatar--rounded {
17388
- border-radius: 4px;
17389
- }
17390
- .v-avatar .v-img {
17391
- height: 100%;
17392
- width: 100%;
17393
17339
  }/** if false, disabled buttons will be greyed out */
17394
17340
  .v-btn {
17395
17341
  align-items: center;
@@ -18733,6 +18679,11 @@ html.overflow-y-hidden {
18733
18679
  .v-combobox--active-menu .v-combobox__menu-icon {
18734
18680
  opacity: var(--v-high-emphasis-opacity);
18735
18681
  transform: rotate(180deg);
18682
+ }.v-counter {
18683
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18684
+ flex: 0 1 auto;
18685
+ font-size: 12px;
18686
+ transition-duration: 150ms;
18736
18687
  }.v-container {
18737
18688
  width: 100%;
18738
18689
  padding: 16px;
@@ -19614,11 +19565,6 @@ html.overflow-y-hidden {
19614
19565
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19615
19566
  margin-right: 91.6666666667%;
19616
19567
  }
19617
- }.v-counter {
19618
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19619
- flex: 0 1 auto;
19620
- font-size: 12px;
19621
- transition-duration: 150ms;
19622
19568
  }.v-dialog {
19623
19569
  align-items: center;
19624
19570
  justify-content: center;
@@ -19695,6 +19641,60 @@ html.overflow-y-hidden {
19695
19641
  -webkit-backface-visibility: hidden;
19696
19642
  backface-visibility: hidden;
19697
19643
  overflow-y: auto;
19644
+ }.v-breadcrumbs {
19645
+ display: flex;
19646
+ align-items: center;
19647
+ line-height: 1.375rem;
19648
+ padding: 16px 12px;
19649
+ }
19650
+ .v-breadcrumbs--rounded {
19651
+ border-radius: 4px;
19652
+ }
19653
+ .v-breadcrumbs--density-default {
19654
+ padding-top: 16px;
19655
+ padding-bottom: 16px;
19656
+ }
19657
+
19658
+ .v-breadcrumbs--density-comfortable {
19659
+ padding-top: 12px;
19660
+ padding-bottom: 12px;
19661
+ }
19662
+
19663
+ .v-breadcrumbs--density-compact {
19664
+ padding-top: 8px;
19665
+ padding-bottom: 8px;
19666
+ }
19667
+
19668
+ .v-breadcrumbs__prepend {
19669
+ align-items: center;
19670
+ display: inline-flex;
19671
+ }
19672
+
19673
+ .v-breadcrumbs-item {
19674
+ align-items: center;
19675
+ color: inherit;
19676
+ display: inline-flex;
19677
+ padding: 0 4px;
19678
+ text-decoration: none;
19679
+ vertical-align: middle;
19680
+ }
19681
+ .v-breadcrumbs-item--disabled {
19682
+ opacity: var(--v-disabled-opacity);
19683
+ pointer-events: none;
19684
+ }
19685
+ .v-breadcrumbs-item--link:hover {
19686
+ text-decoration: underline;
19687
+ }
19688
+ .v-breadcrumbs-item .v-icon {
19689
+ font-size: 1rem;
19690
+ margin-inline-start: -4px;
19691
+ margin-inline-end: 2px;
19692
+ }
19693
+
19694
+ .v-breadcrumbs-divider {
19695
+ display: inline-block;
19696
+ padding: 0 8px;
19697
+ vertical-align: middle;
19698
19698
  }.v-divider {
19699
19699
  display: block;
19700
19700
  flex: 1 1 100%;
@@ -22327,85 +22327,6 @@ html.v-overlay-scroll-blocked {
22327
22327
  }
22328
22328
  .v-snackbar-transition-leave-to {
22329
22329
  opacity: 0;
22330
- }.v-switch .v-label {
22331
- padding-inline-start: 10px;
22332
- }
22333
-
22334
- .v-switch__loader {
22335
- display: flex;
22336
- }
22337
-
22338
- .v-switch__track,
22339
- .v-switch__thumb {
22340
- background-color: currentColor;
22341
- transition: none;
22342
- }
22343
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
22344
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
22345
- background-color: rgb(var(--v-theme-error));
22346
- }
22347
-
22348
- .v-selection-control--dirty .v-switch__thumb {
22349
- color: currentColor;
22350
- }
22351
-
22352
- .v-switch__track {
22353
- border-radius: 8px;
22354
- height: 14px;
22355
- opacity: 0.6;
22356
- width: 36px;
22357
- cursor: pointer;
22358
- }
22359
- .v-switch--inset .v-switch__track {
22360
- border-radius: 14px;
22361
- height: 28px;
22362
- width: 48px;
22363
- }
22364
-
22365
- .v-switch__thumb {
22366
- align-items: center;
22367
- border-radius: 50%;
22368
- color: rgb(var(--v-theme-surface));
22369
- display: flex;
22370
- height: 20px;
22371
- justify-content: center;
22372
- width: 20px;
22373
- pointer-events: none;
22374
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
22375
- 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));
22376
- }
22377
- .v-switch--inset .v-switch__thumb {
22378
- 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));
22379
- }
22380
- .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
22381
- display: none;
22382
- }
22383
-
22384
- .v-switch--loading .v-selection-control__input > .v-icon {
22385
- display: none;
22386
- }
22387
-
22388
- .v-switch .v-selection-control {
22389
- min-height: var(--v-input-control-height);
22390
- }
22391
- .v-switch .v-selection-control__input {
22392
- border-radius: 50%;
22393
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
22394
- transform: translateX(-10px);
22395
- position: absolute;
22396
- }
22397
- .v-switch .v-selection-control--dirty .v-selection-control__input {
22398
- transform: translateX(10px);
22399
- }
22400
- .v-switch.v-switch--indeterminate .v-selection-control__input {
22401
- transform: scale(0.8);
22402
- }
22403
- .v-switch.v-switch--indeterminate .v-switch__thumb {
22404
- transform: scale(0.75);
22405
- box-shadow: none;
22406
- }
22407
- .v-switch.v-switch--inset .v-selection-control__wrapper {
22408
- width: auto;
22409
22330
  }.v-system-bar {
22410
22331
  align-items: center;
22411
22332
  display: flex;
@@ -22784,10 +22705,7 @@ html.v-overlay-scroll-blocked {
22784
22705
  padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
22785
22706
  }
22786
22707
 
22787
- /* endregion */.v-theme-provider {
22788
- background: rgb(var(--v-theme-background));
22789
- color: rgb(var(--v-theme-on-background));
22790
- }.v-timeline .v-timeline-divider__dot {
22708
+ /* endregion */.v-timeline .v-timeline-divider__dot {
22791
22709
  background: rgb(var(--v-theme-on-surface-variant));
22792
22710
  }
22793
22711
  .v-timeline .v-timeline-divider__inner-dot {
@@ -23465,27 +23383,88 @@ html.v-overlay-scroll-blocked {
23465
23383
  }
23466
23384
  .v-window-y-reverse-transition-leave-to {
23467
23385
  transform: translateY(100%);
23468
- }.v-color-picker-canvas {
23386
+ }.v-theme-provider {
23387
+ background: rgb(var(--v-theme-background));
23388
+ color: rgb(var(--v-theme-on-background));
23389
+ }.v-switch .v-label {
23390
+ padding-inline-start: 10px;
23391
+ }
23392
+
23393
+ .v-switch__loader {
23469
23394
  display: flex;
23470
- position: relative;
23471
- overflow: hidden;
23472
- contain: content;
23473
23395
  }
23474
- .v-color-picker-canvas__dot {
23475
- position: absolute;
23476
- top: 0;
23477
- left: 0;
23478
- width: 15px;
23479
- height: 15px;
23480
- background: transparent;
23396
+
23397
+ .v-switch__track,
23398
+ .v-switch__thumb {
23399
+ background-color: currentColor;
23400
+ transition: none;
23401
+ }
23402
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23403
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23404
+ background-color: rgb(var(--v-theme-error));
23405
+ }
23406
+
23407
+ .v-selection-control--dirty .v-switch__thumb {
23408
+ color: currentColor;
23409
+ }
23410
+
23411
+ .v-switch__track {
23412
+ border-radius: 8px;
23413
+ height: 14px;
23414
+ opacity: 0.6;
23415
+ width: 36px;
23416
+ cursor: pointer;
23417
+ }
23418
+ .v-switch--inset .v-switch__track {
23419
+ border-radius: 14px;
23420
+ height: 28px;
23421
+ width: 48px;
23422
+ }
23423
+
23424
+ .v-switch__thumb {
23425
+ align-items: center;
23481
23426
  border-radius: 50%;
23482
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23427
+ color: rgb(var(--v-theme-surface));
23428
+ display: flex;
23429
+ height: 20px;
23430
+ justify-content: center;
23431
+ width: 20px;
23432
+ pointer-events: none;
23433
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
23434
+ 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));
23483
23435
  }
23484
- .v-color-picker-canvas__dot--disabled {
23485
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23436
+ .v-switch--inset .v-switch__thumb {
23437
+ 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));
23486
23438
  }
23487
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23488
- will-change: transform;
23439
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
23440
+ display: none;
23441
+ }
23442
+
23443
+ .v-switch--loading .v-selection-control__input > .v-icon {
23444
+ display: none;
23445
+ }
23446
+
23447
+ .v-switch .v-selection-control {
23448
+ min-height: var(--v-input-control-height);
23449
+ }
23450
+ .v-switch .v-selection-control__input {
23451
+ border-radius: 50%;
23452
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
23453
+ transform: translateX(-10px);
23454
+ position: absolute;
23455
+ }
23456
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23457
+ transform: translateX(10px);
23458
+ }
23459
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23460
+ transform: scale(0.8);
23461
+ }
23462
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23463
+ transform: scale(0.75);
23464
+ box-shadow: none;
23465
+ }
23466
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23467
+ width: auto;
23489
23468
  }.v-color-picker-edit {
23490
23469
  display: flex;
23491
23470
  }
@@ -23516,6 +23495,27 @@ html.v-overlay-scroll-blocked {
23516
23495
  }
23517
23496
  .v-color-picker-edit__input span {
23518
23497
  font-size: 0.75rem;
23498
+ }.v-color-picker-canvas {
23499
+ display: flex;
23500
+ position: relative;
23501
+ overflow: hidden;
23502
+ contain: content;
23503
+ }
23504
+ .v-color-picker-canvas__dot {
23505
+ position: absolute;
23506
+ top: 0;
23507
+ left: 0;
23508
+ width: 15px;
23509
+ height: 15px;
23510
+ background: transparent;
23511
+ border-radius: 50%;
23512
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23513
+ }
23514
+ .v-color-picker-canvas__dot--disabled {
23515
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23516
+ }
23517
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23518
+ will-change: transform;
23519
23519
  }.v-color-picker-preview__alpha .v-slider-track__background {
23520
23520
  background-color: transparent !important;
23521
23521
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.4-master.2023-06-19
2
+ * Vuetify v3.3.4-master.2023-06-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -23419,7 +23419,7 @@ function createVuetify$1() {
23419
23419
  date
23420
23420
  };
23421
23421
  }
23422
- const version$1 = "3.3.4-master.2023-06-19";
23422
+ const version$1 = "3.3.4-master.2023-06-20";
23423
23423
  createVuetify$1.version = version$1;
23424
23424
 
23425
23425
  // Vue's inject() can only be used in setup
@@ -23433,7 +23433,7 @@ function inject(key) {
23433
23433
 
23434
23434
  /* eslint-disable local-rules/sort-imports */
23435
23435
 
23436
- const version = "3.3.4-master.2023-06-19";
23436
+ const version = "3.3.4-master.2023-06-20";
23437
23437
 
23438
23438
  /* eslint-disable local-rules/sort-imports */
23439
23439
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.4-master.2023-06-19
2
+ * Vuetify v3.3.4-master.2023-06-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -23423,7 +23423,7 @@
23423
23423
  date
23424
23424
  };
23425
23425
  }
23426
- const version$1 = "3.3.4-master.2023-06-19";
23426
+ const version$1 = "3.3.4-master.2023-06-20";
23427
23427
  createVuetify$1.version = version$1;
23428
23428
 
23429
23429
  // Vue's inject() can only be used in setup
@@ -23437,7 +23437,7 @@
23437
23437
 
23438
23438
  /* eslint-disable local-rules/sort-imports */
23439
23439
 
23440
- const version = "3.3.4-master.2023-06-19";
23440
+ const version = "3.3.4-master.2023-06-20";
23441
23441
 
23442
23442
  /* eslint-disable local-rules/sort-imports */
23443
23443