diff --git a/package.json b/package.json index ead294b6223..0a694ef5e78 100755 --- a/package.json +++ b/package.json @@ -75,7 +75,7 @@ "mkdirp": "^3.0.1", "moment": "^2.30.1", "rimraf": "^5.0.5", - "sass": "^1.74.1", + "sass": "^1.77.8", "semver": "^7.6.0", "shelljs": "^0.8.5", "stringify-object": "^5.0.0", diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass index 3acf7c34624..13984b4b2fa 100644 --- a/packages/vuetify/src/components/VBtn/VBtn.sass +++ b/packages/vuetify/src/components/VBtn/VBtn.sass @@ -40,12 +40,12 @@ @supports selector(:focus-visible) &::after - @include tools.absolute(true) pointer-events: none border: 2px solid currentColor border-radius: inherit opacity: 0 transition: opacity .2s ease-in-out + @include tools.absolute(true) &:focus-visible::after opacity: calc(.25 * var(--v-theme-overlay-multiplier)) @@ -66,10 +66,10 @@ &--elevated &:hover, &:focus - +tools.elevation(map.get($button-elevation, 'hover')) + @include tools.elevation(map.get($button-elevation, 'hover')) &:active - +tools.elevation(map.get($button-elevation, 'active')) + @include tools.elevation(map.get($button-elevation, 'active')) &--flat box-shadow: none @@ -228,8 +228,8 @@ .v-btn__overlay, .v-btn__underlay - @include tools.absolute() pointer-events: none + @include tools.absolute() // VCard .v-btn diff --git a/packages/vuetify/src/components/VChip/VChip.sass b/packages/vuetify/src/components/VChip/VChip.sass index 4792e7552d2..49ace4439e5 100644 --- a/packages/vuetify/src/components/VChip/VChip.sass +++ b/packages/vuetify/src/components/VChip/VChip.sass @@ -72,12 +72,12 @@ transition: $chip-filter-transition .v-chip__overlay - @include tools.absolute() background-color: currentColor border-radius: inherit pointer-events: none opacity: 0 transition: opacity .2s ease-in-out + @include tools.absolute() .v-chip--disabled opacity: $chip-disabled-opacity diff --git a/packages/vuetify/src/components/VColorPicker/VColorPicker.sass b/packages/vuetify/src/components/VColorPicker/VColorPicker.sass index f38da1bda6f..c88519b64d2 100644 --- a/packages/vuetify/src/components/VColorPicker/VColorPicker.sass +++ b/packages/vuetify/src/components/VColorPicker/VColorPicker.sass @@ -8,8 +8,8 @@ contain: content &.v-sheet - +tools.elevation($color-picker-elevation) - +tools.rounded($color-picker-border-radius) + @include tools.elevation($color-picker-elevation) + @include tools.rounded($color-picker-border-radius) // Element .v-color-picker__controls @@ -19,7 +19,7 @@ // Modifier .v-color-picker--flat - +tools.elevation(0) + @include tools.elevation(0) .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb // High specificity - +tools.elevation(0) + @include tools.elevation(0) diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass index fdcfea0dea2..ed4227985ff 100644 --- a/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass +++ b/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass @@ -6,9 +6,9 @@ .v-slider-track__background background-color: transparent !important - +tools.ltr() + @include tools.ltr() background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv)) - +tools.rtl() + @include tools.rtl() background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv)) &::after @@ -44,10 +44,10 @@ .v-color-picker-preview__hue &:not(.v-input--is-disabled) .v-slider-track__background - +tools.ltr() + @include tools.ltr() background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%) - +tools.rtl() + @include tools.rtl() background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%) .v-color-picker-preview__track diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass index 7fd294cc8ac..44bafc512e7 100644 --- a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass +++ b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass @@ -108,10 +108,10 @@ min-height: $expansion-panel-active-title-min-height .v-expansion-panel__shadow - @include tools.absolute() - @include tools.elevation(2) border-radius: inherit z-index: -1 + @include tools.absolute() + @include tools.elevation(2) .v-expansion-panel-title align-items: center @@ -134,10 +134,10 @@ @include tools.active-states('.v-expansion-panel-title__overlay') .v-expansion-panel-title__overlay - @include tools.absolute() background-color: currentColor border-radius: inherit opacity: 0 + @include tools.absolute() .v-expansion-panel-title__icon display: inline-flex diff --git a/packages/vuetify/src/components/VField/VField.sass b/packages/vuetify/src/components/VField/VField.sass index 051542e5bdb..85e9b30c161 100644 --- a/packages/vuetify/src/components/VField/VField.sass +++ b/packages/vuetify/src/components/VField/VField.sass @@ -8,8 +8,6 @@ @include tools.layer('components') /* region INPUT */ .v-field - --v-theme-overlay-multiplier: 1 - display: grid grid-template-areas: "prepend-inner field clear append-inner" grid-template-columns: min-content minmax(0, 1fr) min-content min-content @@ -22,10 +20,7 @@ grid-area: control position: relative - &--disabled - opacity: var(--v-disabled-opacity) - pointer-events: none - + --v-theme-overlay-multiplier: 1 --v-field-padding-start: #{$field-control-padding-start} --v-field-padding-end: #{$field-control-padding-end} --v-field-padding-top: #{$field-control-padding-top} @@ -33,6 +28,10 @@ --v-field-input-padding-top: #{$field-input-padding-top} --v-field-input-padding-bottom: #{$field-input-padding-bottom} + &--disabled + opacity: var(--v-disabled-opacity) + pointer-events: none + .v-chip --v-chip-height: #{$field-chip-height} @@ -50,14 +49,12 @@ background: $field-control-solo-background border-color: transparent color: $field-control-solo-color - @include tools.elevation($field-control-solo-elevation) &--variant-solo-inverted background: $field-control-solo-background border-color: transparent color: $field-control-solo-inverted-color - @include tools.elevation($field-control-solo-elevation) &.v-field--focused diff --git a/packages/vuetify/src/components/VGrid/VGrid.sass b/packages/vuetify/src/components/VGrid/VGrid.sass index 90e338e29cf..5fc4e044eb5 100644 --- a/packages/vuetify/src/components/VGrid/VGrid.sass +++ b/packages/vuetify/src/components/VGrid/VGrid.sass @@ -19,7 +19,7 @@ // // Rows contain and clear the floats of your columns. .v-row - +make-row + @include make-row & + .v-row margin-top: settings.$grid-gutter * .5 diff --git a/packages/vuetify/src/components/VGrid/_mixins.sass b/packages/vuetify/src/components/VGrid/_mixins.sass index 9b88134fa02..f5a8825c539 100644 --- a/packages/vuetify/src/components/VGrid/_mixins.sass +++ b/packages/vuetify/src/components/VGrid/_mixins.sass @@ -12,7 +12,7 @@ // For each breakpoint, define the maximum width of the container in a media query @mixin make-container-max-widths($max-widths: settings.$container-max-widths, $breakpoints: settings.$grid-breakpoints) @each $breakpoint, $container-max-width in $max-widths - +tools.media-breakpoint-up($breakpoint, $breakpoints) + @include tools.media-breakpoint-up($breakpoint, $breakpoints) max-width: $container-max-width @mixin make-row($gutter: settings.$grid-gutter) @@ -53,7 +53,7 @@ .v-col#{$infix}, .v-col#{$infix}-auto @extend %grid-column - +tools.media-breakpoint-up($breakpoint, $breakpoints) + @include tools.media-breakpoint-up($breakpoint, $breakpoints) // Provide basic `.col-{bp}` classes for equal-width flexbox columns .v-col#{$infix} flex-basis: 0 @@ -65,10 +65,10 @@ max-width: 100% // Reset earlier grid tiers @for $i from 1 through $columns .v-col#{$infix}-#{$i} - +make-col($i, $columns) + @include make-col($i, $columns) // `$columns - 1` because offsetting by the width of an entire row isn't possible @for $i from 0 through $columns - 1 @if not ($infix == "" and $i == 0) // Avoid emitting useless .offset-0 .offset#{$infix}-#{$i} - +make-col-offset($i, $columns) + @include make-col-offset($i, $columns) diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass index d1146c26a47..e9eb31fd368 100644 --- a/packages/vuetify/src/components/VList/VListItem.sass +++ b/packages/vuetify/src/components/VList/VListItem.sass @@ -25,12 +25,12 @@ @supports selector(:focus-visible) &::after - @include tools.absolute(true) pointer-events: none border: 2px solid currentColor border-radius: 4px opacity: 0 transition: opacity .2s ease-in-out + @include tools.absolute(true) &:focus-visible::after opacity: calc(.15 * var(--v-theme-overlay-multiplier)) diff --git a/packages/vuetify/src/components/VOtpInput/VOtpInput.sass b/packages/vuetify/src/components/VOtpInput/VOtpInput.sass index 862537454e3..7e1134d0c0c 100644 --- a/packages/vuetify/src/components/VOtpInput/VOtpInput.sass +++ b/packages/vuetify/src/components/VOtpInput/VOtpInput.sass @@ -5,13 +5,12 @@ @include tools.layer('components') .v-otp-input - @include tools.rounded(4px) - align-items: center display: flex justify-content: center padding: $otp-input-padding position: relative + @include tools.rounded(4px) .v-field height: 100% diff --git a/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass b/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass index 7dd2e7b207d..722abcbfaf3 100644 --- a/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass +++ b/packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.sass @@ -1,7 +1,7 @@ @import './_variables.scss' // Theme -+theme(v-overflow-btn) using ($material) +@include theme(v-overflow-btn) using ($material) &#{&} > .v-input__control > .v-input__slot border-color: map-get($material, 'dividers') diff --git a/packages/vuetify/src/components/VSelectionControl/VSelectionControl.sass b/packages/vuetify/src/components/VSelectionControl/VSelectionControl.sass index adcefd96e09..20806de83d8 100644 --- a/packages/vuetify/src/components/VSelectionControl/VSelectionControl.sass +++ b/packages/vuetify/src/components/VSelectionControl/VSelectionControl.sass @@ -74,11 +74,11 @@ opacity: 0 &::before - @include tools.absolute(true) border-radius: 100% background-color: currentColor opacity: 0 pointer-events: none + @include tools.absolute(true) &:hover::before opacity: calc(#{map.get(settings.$states, 'hover')} * var(--v-theme-overlay-multiplier)) diff --git a/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass b/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass index 6a7c29d8c0c..cd5c3d0f240 100644 --- a/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass +++ b/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass @@ -48,12 +48,11 @@ position: relative &::after - @include tools.absolute(true) - animation: $skeleton-loader-loading-animation background: $skeleton-loader-bone-background transform: $skeleton-loader-loading-transform z-index: 1 + @include tools.absolute(true) &__avatar border-radius: 50% diff --git a/packages/vuetify/src/components/VSlider/VSliderThumb.sass b/packages/vuetify/src/components/VSlider/VSliderThumb.sass index 2d9b5a15605..f2825c286c8 100644 --- a/packages/vuetify/src/components/VSlider/VSliderThumb.sass +++ b/packages/vuetify/src/components/VSlider/VSliderThumb.sass @@ -106,9 +106,9 @@ .v-slider-thumb__label bottom: $slider-thumb-label-offset - +tools.ltr() + @include tools.ltr() transform: translateX(-50%) - +tools.rtl() + @include tools.rtl() transform: translateX(50%) &::before diff --git a/packages/vuetify/src/components/VStepper/VStepper.sass b/packages/vuetify/src/components/VStepper/VStepper.sass index fb72c89d0e2..b8e7a97d9e3 100644 --- a/packages/vuetify/src/components/VStepper/VStepper.sass +++ b/packages/vuetify/src/components/VStepper/VStepper.sass @@ -4,23 +4,21 @@ @include tools.layer('components') .v-stepper.v-sheet + overflow: hidden @include tools.elevation($stepper-elevation) @include tools.rounded($stepper-border-radius) - overflow: hidden - &.v-stepper--flat @include tools.elevation(0) .v-stepper-header - @include tools.elevation($stepper-header-elevation) - align-items: center display: flex position: relative overflow-x: auto justify-content: space-between z-index: 1 + @include tools.elevation($stepper-header-elevation) .v-divider margin: $stepper-header-divider-margin diff --git a/packages/vuetify/src/components/VStepper/VStepperItem.sass b/packages/vuetify/src/components/VStepper/VStepperItem.sass index ad1a0e1e360..ae69e9c9529 100644 --- a/packages/vuetify/src/components/VStepper/VStepperItem.sass +++ b/packages/vuetify/src/components/VStepper/VStepperItem.sass @@ -90,5 +90,5 @@ .v-stepper-item__overlay, .v-stepper-item__underlay - @include tools.absolute() pointer-events: none + @include tools.absolute() diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass index c9f8a7bb0bc..563b403b051 100644 --- a/packages/vuetify/src/components/VSwitch/VSwitch.sass +++ b/packages/vuetify/src/components/VSwitch/VSwitch.sass @@ -101,20 +101,20 @@ .v-selection-control__input border-radius: 50% transition: $switch-control-input-transition - +tools.ltr() + position: absolute + @include tools.ltr() transform: translateX(-$switch-thumb-transform) - +tools.rtl() + @include tools.rtl() transform: translateX($switch-thumb-transform) - position: absolute .v-icon position: absolute .v-selection-control--dirty .v-selection-control__input - +tools.ltr() + @include tools.ltr() transform: translateX($switch-thumb-transform) - +tools.rtl() + @include tools.rtl() transform: translateX(-$switch-thumb-transform) &.v-switch--indeterminate @@ -134,11 +134,11 @@ .v-selection-control__wrapper transform: $switch-thumb-vertical-transform - + @media (forced-colors: active) .v-switch .v-switch__loader - .v-progress-circular + .v-progress-circular color: currentColor .v-switch__thumb @@ -146,13 +146,13 @@ .v-switch__track, .v-switch__thumb - border: 1px solid + border: 1px solid color: buttontext &:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb - background-color: highlight + background-color: highlight &:not(.v-input--disabled) .v-selection-control--dirty @@ -188,4 +188,4 @@ &.v-switch--inset, &.v-switch--indeterminate .v-switch__thumb - border-width: 0 + border-width: 0 diff --git a/packages/vuetify/src/components/VTable/VTable.sass b/packages/vuetify/src/components/VTable/VTable.sass index f59fa487414..a459c9fdb66 100644 --- a/packages/vuetify/src/components/VTable/VTable.sass +++ b/packages/vuetify/src/components/VTable/VTable.sass @@ -6,12 +6,11 @@ @include tools.layer('components') // Theme .v-table - @include tools.theme($table-theme...) - font-size: $table-font-size transition-duration: $table-transition-duration transition-property: $table-transition-property transition-timing-function: $table-transition-timing-function + @include tools.theme($table-theme...) .v-table-divider border-right: $table-border @@ -46,9 +45,9 @@ position: relative &:hover > td::after - @include tools.absolute(true) background: $table-hover-color pointer-events: none + @include tools.absolute(true) &.v-table--fixed-header > .v-table__wrapper diff --git a/packages/vuetify/src/components/VToolbar/VToolbar.sass b/packages/vuetify/src/components/VToolbar/VToolbar.sass index d95d05bd19d..96f53b77eff 100644 --- a/packages/vuetify/src/components/VToolbar/VToolbar.sass +++ b/packages/vuetify/src/components/VToolbar/VToolbar.sass @@ -65,11 +65,10 @@ align-items: flex-start .v-toolbar__image - @include tools.absolute() - display: flex opacity: var(--v-toolbar-image-opacity, 1) transition-property: opacity + @include tools.absolute() .v-toolbar__prepend, .v-toolbar__append diff --git a/packages/vuetify/src/components/VTreeview/VTreeview.sass b/packages/vuetify/src/components/VTreeview/VTreeview.sass index 7d37ea735a6..6bcb24ae90e 100644 --- a/packages/vuetify/src/components/VTreeview/VTreeview.sass +++ b/packages/vuetify/src/components/VTreeview/VTreeview.sass @@ -2,15 +2,15 @@ @import './_mixins.sass' // Theme -+theme(v-treeview) using ($material) +@include theme(v-treeview) using ($material) color: map-deep-get($material, 'text', 'primary') &--hoverable .v-treeview-node__root, .v-treeview-node--click > .v-treeview-node__root - +states($material) + @include states($material) .v-treeview-node__root.v-treeview-node--active - +active-states($material) + @include active-states($material) .v-treeview-node--disabled > .v-treeview-node__root > .v-treeview-node__content @@ -18,10 +18,10 @@ .v-treeview-node &.v-treeview-node--shaped - +treeview-shaped($treeview-node-height, $treeview-node-shaped-margin) + @include treeview-shaped($treeview-node-height, $treeview-node-shaped-margin) &.v-treeview-node--rounded - +treeview-rounded($treeview-node-height, $treeview-node-shaped-margin) + @include treeview-rounded($treeview-node-height, $treeview-node-shaped-margin) &--click > .v-treeview-node__root, @@ -68,10 +68,10 @@ min-height: $treeview-node-height-dense &.v-treeview-node--shaped - +treeview-shaped($treeview-node-height-dense, $treeview-node-shaped-margin) + @include treeview-shaped($treeview-node-height-dense, $treeview-node-shaped-margin) &.v-treeview-node--rounded - +treeview-rounded($treeview-node-height-dense, $treeview-node-shaped-margin) + @include treeview-rounded($treeview-node-height-dense, $treeview-node-shaped-margin) .v-treeview-node__checkbox width: $treeview-node-level-width @@ -85,12 +85,12 @@ &--loading animation: progress-circular-rotate 1s linear infinite - +ltr() + @include ltr() transform: rotate(-90deg) &--open transform: none - +rtl() + @include rtl() transform: rotate(90deg) &--open transform: none diff --git a/packages/vuetify/src/labs/VPicker/VPicker.sass b/packages/vuetify/src/labs/VPicker/VPicker.sass index 5c717c89e0d..22549faf449 100644 --- a/packages/vuetify/src/labs/VPicker/VPicker.sass +++ b/packages/vuetify/src/labs/VPicker/VPicker.sass @@ -4,13 +4,12 @@ @include tools.layer('components') .v-picker.v-sheet - @include tools.elevation($picker-elevation) - @include tools.rounded($picker-border-radius) - display: grid grid-auto-rows: min-content grid-template-areas: "title" "header" "body" overflow: hidden + @include tools.elevation($picker-elevation) + @include tools.rounded($picker-border-radius) &.v-picker--with-actions grid-template-areas: "title" "header" "body" "actions" diff --git a/packages/vuetify/src/styles/generic/_colors.scss b/packages/vuetify/src/styles/generic/_colors.scss index ce4d091c42a..55f884fb79d 100644 --- a/packages/vuetify/src/styles/generic/_colors.scss +++ b/packages/vuetify/src/styles/generic/_colors.scss @@ -5,15 +5,21 @@ @use '../tools/functions' as *; @mixin background-color($color_value) { - background-color: $color_value !important; + & { + background-color: $color_value !important; + } } @mixin text-color($color_value) { - color: $color_value !important; + & { + color: $color_value !important; + } } @mixin background-text-color($color_name, $color_type) { $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type); - color: $map_value !important; + & { + color: $map_value !important; + } } @if (settings.$color-pack) { diff --git a/packages/vuetify/src/styles/tools/_absolute.sass b/packages/vuetify/src/styles/tools/_absolute.sass index e7e75923014..3815092b7f3 100644 --- a/packages/vuetify/src/styles/tools/_absolute.sass +++ b/packages/vuetify/src/styles/tools/_absolute.sass @@ -1,8 +1,9 @@ @mixin absolute($pseudo: false) - @if ($pseudo) - content: '' - position: absolute - top: 0 - left: 0 - width: 100% - height: 100% + & + @if ($pseudo) + content: '' + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% diff --git a/packages/vuetify/src/styles/tools/_border.sass b/packages/vuetify/src/styles/tools/_border.sass index e0e58978d7b..045c74eac39 100644 --- a/packages/vuetify/src/styles/tools/_border.sass +++ b/packages/vuetify/src/styles/tools/_border.sass @@ -1,7 +1,8 @@ @mixin border($color: null, $style: null, $width: null, $thin-width: false, $important: false) - border-color: $color if($important, !important, null) - border-style: $style if($important, !important, null) - border-width: $width if($important, !important, null) + & + border-color: $color if($important, !important, null) + border-style: $style if($important, !important, null) + border-width: $width if($important, !important, null) @if $thin-width &--border diff --git a/packages/vuetify/src/styles/tools/_display.sass b/packages/vuetify/src/styles/tools/_display.sass index d22c09703e8..25377a5d9e1 100644 --- a/packages/vuetify/src/styles/tools/_display.sass +++ b/packages/vuetify/src/styles/tools/_display.sass @@ -2,13 +2,14 @@ @use '../settings' as * @mixin visually-hidden - position: absolute !important - height: 1px - width: 1px - overflow: hidden - clip: rect(1px, 1px, 1px, 1px) - white-space: nowrap - display: initial + & + position: absolute !important + height: 1px + width: 1px + overflow: hidden + clip: rect(1px, 1px, 1px, 1px) + white-space: nowrap + display: initial =media-breakpoint-up($name, $breakpoints: $grid-breakpoints) $min: breakpoint-min($name, $breakpoints) diff --git a/packages/vuetify/src/styles/tools/_elevation.sass b/packages/vuetify/src/styles/tools/_elevation.sass index fff1c2eac02..61e7e192449 100644 --- a/packages/vuetify/src/styles/tools/_elevation.sass +++ b/packages/vuetify/src/styles/tools/_elevation.sass @@ -2,7 +2,9 @@ @use '../settings' @mixin elevation($z, $important: false) - box-shadow: map.get(settings.$shadow-key-umbra, $z), map.get(settings.$shadow-key-penumbra, $z), map.get(settings.$shadow-key-ambient, $z) if($important, !important, null) + & + box-shadow: map.get(settings.$shadow-key-umbra, $z), map.get(settings.$shadow-key-penumbra, $z), map.get(settings.$shadow-key-ambient, $z) if($important, !important, null) @mixin elevationTransition($duration: 280ms, $easing: cubic-bezier(0.4, 0, 0.2, 1)) - transition: box-shadow $duration $easing + & + transition: box-shadow $duration $easing diff --git a/packages/vuetify/src/styles/tools/_index.sass b/packages/vuetify/src/styles/tools/_index.sass index fa6599c932b..843402e8ed4 100644 --- a/packages/vuetify/src/styles/tools/_index.sass +++ b/packages/vuetify/src/styles/tools/_index.sass @@ -9,7 +9,6 @@ @forward '_radius' @forward '_rounded' @forward '_rtl' -@forward '_sheet' @forward '_states' @forward '_theme' @forward '_typography' diff --git a/packages/vuetify/src/styles/tools/_radius.sass b/packages/vuetify/src/styles/tools/_radius.sass index db1c3a5e3dd..2f0bba08b1d 100644 --- a/packages/vuetify/src/styles/tools/_radius.sass +++ b/packages/vuetify/src/styles/tools/_radius.sass @@ -2,8 +2,9 @@ @use '../settings' @mixin radius($r, $important: false) - // Key exists within the $rounded variable - @if (map.has-key(settings.$rounded, $r)) - border-radius: map.get(settings.$rounded, $r) if($important, !important, null) - @else - border-radius: $r if($important, !important, null) + & + // Key exists within the $rounded variable + @if (map.has-key(settings.$rounded, $r)) + border-radius: map.get(settings.$rounded, $r) if($important, !important, null) + @else + border-radius: $r if($important, !important, null) diff --git a/packages/vuetify/src/styles/tools/_rounded.sass b/packages/vuetify/src/styles/tools/_rounded.sass index 1d346b5171b..84256a0cf11 100644 --- a/packages/vuetify/src/styles/tools/_rounded.sass +++ b/packages/vuetify/src/styles/tools/_rounded.sass @@ -1,2 +1,3 @@ @mixin rounded($radius: null, $important: false) - border-radius: $radius if($important, !important, null) + & + border-radius: $radius if($important, !important, null) diff --git a/packages/vuetify/src/styles/tools/_sheet.sass b/packages/vuetify/src/styles/tools/_sheet.sass deleted file mode 100644 index 2dd5133d01e..00000000000 --- a/packages/vuetify/src/styles/tools/_sheet.sass +++ /dev/null @@ -1,14 +0,0 @@ -@mixin paper ($elevation, $radius, $shaped-radius) - @include tools.radius($radius) - - &:not(.v-sheet--outlined) - @include tools.elevation($elevation) - - @if ($shaped-radius) - &.v-sheet--shaped - @include tools.radius($shaped-radius) - - -@mixin sheet ($component, $elevation, $radius, $shaped-radius) - .v-sheet.#{$component} - @include paper($elevation, $radius, $shaped-radius) diff --git a/packages/vuetify/src/styles/tools/_theme.sass b/packages/vuetify/src/styles/tools/_theme.sass index e199016de8d..08fe7d7c4f6 100644 --- a/packages/vuetify/src/styles/tools/_theme.sass +++ b/packages/vuetify/src/styles/tools/_theme.sass @@ -1,3 +1,4 @@ @mixin theme ($background, $color) - background: $background - color: $color + & + background: $background + color: $color diff --git a/packages/vuetify/src/styles/tools/_typography.sass b/packages/vuetify/src/styles/tools/_typography.sass index 33ad03deae2..61482ea5898 100644 --- a/packages/vuetify/src/styles/tools/_typography.sass +++ b/packages/vuetify/src/styles/tools/_typography.sass @@ -1,6 +1,7 @@ @mixin typography ($font-size, $font-weight, $letter-spacing, $line-height, $text-transform) - font-size: $font-size - font-weight: $font-weight - letter-spacing: $letter-spacing - line-height: $line-height - text-transform: $text-transform + & + font-size: $font-size + font-weight: $font-weight + letter-spacing: $letter-spacing + line-height: $line-height + text-transform: $text-transform diff --git a/packages/vuetify/src/styles/tools/_utilities.sass b/packages/vuetify/src/styles/tools/_utilities.sass index 1327fe9ff85..d25bbc4b025 100644 --- a/packages/vuetify/src/styles/tools/_utilities.sass +++ b/packages/vuetify/src/styles/tools/_utilities.sass @@ -24,21 +24,21 @@ // https://github.com/sass/sass/issues/626 @if $mixin == 'ltr' .v-locale--is-ltr - +generate-utility-body($utility, list.nth($dir, 2), $value, $infix) + @include generate-utility-body($utility, list.nth($dir, 2), $value, $infix) @else if $mixin == 'rtl' .v-locale--is-rtl - +generate-utility-body($utility, list.nth($dir, 2), $value, $infix) + @include generate-utility-body($utility, list.nth($dir, 2), $value, $infix) @else @error 'Only RTL and LTR are supported' @else @if $forceDir == 'ltr' .v-locale--is-ltr - +generate-utility-body($utility, $properties, $value, $infix) + @include generate-utility-body($utility, $properties, $value, $infix) @else if $forceDir == 'rtl' .v-locale--is-rtl - +generate-utility-body($utility, $properties, $value, $infix) + @include generate-utility-body($utility, $properties, $value, $infix) @else - +generate-utility-body($utility, $properties, $value, $infix) + @include generate-utility-body($utility, $properties, $value, $infix) =generate-utility-body($utility, $properties, $value, $infix) // Use custom class if present diff --git a/packages/vuetify/src/styles/utilities/_index.sass b/packages/vuetify/src/styles/utilities/_index.sass index e0a13f95d42..9dc4d7fd5c5 100644 --- a/packages/vuetify/src/styles/utilities/_index.sass +++ b/packages/vuetify/src/styles/utilities/_index.sass @@ -10,7 +10,7 @@ @include tools.layer('utilities') @each $breakpoint in map.keys(settings.$grid-breakpoints) // Generate media query if needed - +tools.media-breakpoint-up($breakpoint) + @include tools.media-breakpoint-up($breakpoint) $infix: tools.breakpoint-infix($breakpoint, settings.$grid-breakpoints) // Loop over each utility property @@ -19,13 +19,13 @@ // Only proceed if responsive media queries are enabled or if it's the base media query @if string.slice($key, -4) == ':ltr' @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "") - +tools.generate-utility($utility, $infix, 'ltr') + @include tools.generate-utility($utility, $infix, 'ltr') @else if string.slice($key, -4) == ':rtl' @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "") - +tools.generate-utility($utility, $infix, 'rtl') + @include tools.generate-utility($utility, $infix, 'rtl') @else @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "") - +tools.generate-utility($utility, $infix, 'bidi') + @include tools.generate-utility($utility, $infix, 'bidi') // Print utilities @media print @@ -34,10 +34,10 @@ // Then check if the utility needs print styles @if string.slice($key, -4) == ':ltr' @if meta.type-of($utility) == "map" and map.get($utility, print) == true - +tools.generate-utility($utility, "-print", 'ltr') + @include tools.generate-utility($utility, "-print", 'ltr') @else if string.slice($key, -4) == ':rtl' @if meta.type-of($utility) == "map" and map.get($utility, print) == true - +tools.generate-utility($utility, "-print", 'rtl') + @include tools.generate-utility($utility, "-print", 'rtl') @else @if meta.type-of($utility) == "map" and map.get($utility, print) == true - +tools.generate-utility($utility, "-print", 'bidi') + @include tools.generate-utility($utility, "-print", 'bidi') diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 423a702f288..5fe21b0712a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -146,8 +146,8 @@ importers: specifier: ^5.0.5 version: 5.0.5 sass: - specifier: ^1.74.1 - version: 1.74.1 + specifier: ^1.77.8 + version: 1.77.8 semver: specifier: ^7.6.0 version: 7.6.0 @@ -165,10 +165,10 @@ importers: version: 2.0.1 vite-plugin-inspect: specifier: ^0.8.3 - version: 0.8.3(rollup@4.14.1)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 0.8.3(rollup@4.14.1)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) vite-plugin-warmup: specifier: ^0.1.0 - version: 0.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 0.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) vue: specifier: ^3.4.27 version: 3.4.27(typescript@5.3.3) @@ -302,10 +302,10 @@ importers: version: 1.26.3 '@vitejs/plugin-basic-ssl': specifier: ^1.1.0 - version: 1.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 1.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) '@vitejs/plugin-vue': specifier: ^5.0.4 - version: 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) + version: 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) '@vue/compiler-sfc': specifier: ^3.4.27 version: 3.4.27 @@ -371,28 +371,28 @@ importers: version: 0.17.5(rollup@4.14.1) unplugin-fonts: specifier: 1.0.3 - version: 1.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 1.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) unplugin-vue-components: specifier: ^0.26.0 version: 0.26.0(@babel/parser@7.24.4)(rollup@4.14.1)(vue@3.4.27(typescript@5.3.3)) vite: specifier: ^5.2.8 - version: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + version: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vite-plugin-md: specifier: ^0.21.5 - version: 0.21.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 0.21.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) vite-plugin-pages: specifier: ^0.32.1 - version: 0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) vite-plugin-pwa: specifier: ^0.17.4 - version: 0.17.5(@types/babel__core@7.1.19)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + version: 0.17.5(@types/babel__core@7.1.19)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) vite-plugin-vue-layouts: specifier: ^0.11.0 - version: 0.11.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)) + version: 0.11.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)) vite-plugin-vuetify: specifier: ^2.0.3 - version: 2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@packages+vuetify) + version: 2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@packages+vuetify) vue-tsc: specifier: ^1.8.27 version: 1.8.27(typescript@5.3.3) @@ -452,10 +452,10 @@ importers: version: 0.1.11 '@vitejs/plugin-vue': specifier: ^5.0.4 - version: 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) + version: 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) '@vitejs/plugin-vue-jsx': specifier: ^3.1.0 - version: 3.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) + version: 3.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) '@vue/babel-plugin-jsx': specifier: ^1.2.2 version: 1.2.2(@babel/core@7.24.4) @@ -557,10 +557,10 @@ importers: version: 0.26.0(@babel/parser@7.24.4)(rollup@3.29.4)(vue@3.4.27(typescript@5.3.3)) vite: specifier: ^5.2.8 - version: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + version: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vite-ssr: specifier: ^0.17.1 - version: 0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)) + version: 0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)) vue-i18n: specifier: ^9.7.1 version: 9.11.1(vue@3.4.27(typescript@5.3.3)) @@ -7276,8 +7276,8 @@ packages: safer-buffer@2.1.2: resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} - sass@1.74.1: - resolution: {integrity: sha512-w0Z9p/rWZWelb88ISOLyvqTWGmtmu2QJICqDBGyNnfG4OUnPX9BBjjYIXUpXCMOOg5MQWNpqzt876la1fsTvUA==} + sass@1.77.8: + resolution: {integrity: sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==} engines: {node: '>=14.0.0'} hasBin: true @@ -11189,23 +11189,23 @@ snapshots: unhead: 1.9.4 vue: 3.4.27(typescript@5.3.3) - '@vitejs/plugin-basic-ssl@1.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))': + '@vitejs/plugin-basic-ssl@1.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))': dependencies: - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) - '@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))': + '@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))': dependencies: '@babel/core': 7.24.4 '@babel/plugin-transform-typescript': 7.24.4(@babel/core@7.24.4) '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.4) - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vue: 3.4.27(typescript@5.3.3) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))': + '@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))': dependencies: - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vue: 3.4.27(typescript@5.3.3) '@volar/language-core@1.11.1': @@ -11361,14 +11361,14 @@ snapshots: '@unhead/vue': 1.9.4(vue@3.4.27(typescript@5.3.3)) vue: 3.4.27(typescript@5.3.3) - '@yankeeinlondon/builder-api@1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))': + '@yankeeinlondon/builder-api@1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))': dependencies: '@types/markdown-it': 12.2.3 - '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) fp-ts: 2.13.1 - inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) markdown-it: 13.0.2 - vite-plugin-md: 0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) + vite-plugin-md: 0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitejs/plugin-vue' @@ -11386,14 +11386,14 @@ snapshots: - terser - vite - '@yankeeinlondon/gray-matter@6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)': + '@yankeeinlondon/gray-matter@6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)': dependencies: - inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) js-yaml: 4.1.0 kind-of: 6.0.3 section-matter: 1.0.0 strip-bom-string: 1.0.0 - vitest: 0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + vitest: 0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -11408,11 +11408,11 @@ snapshots: - supports-color - terser - '@yankeeinlondon/happy-wrapper@2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)': + '@yankeeinlondon/happy-wrapper@2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)': dependencies: fp-ts: 2.13.1 happy-dom: 8.9.0(encoding@0.1.13) - native-dash: 1.25.0(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + native-dash: 1.25.0(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -11855,12 +11855,12 @@ snapshots: dependencies: fill-range: 7.0.1 - brilliant-errors@0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3): + brilliant-errors@0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3): dependencies: bumpp: 8.2.1 callsites: 4.0.0 - inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) - vitest: 0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) + vitest: 0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -14099,9 +14099,9 @@ snapshots: indent-string@4.0.0: {} - inferred-types@0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3): + inferred-types@0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3): dependencies: - brilliant-errors: 0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + brilliant-errors: 0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -15596,10 +15596,10 @@ snapshots: nanoid@3.3.7: {} - native-dash@1.25.0(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3): + native-dash@1.25.0(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3): dependencies: - brilliant-errors: 0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) - inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + brilliant-errors: 0.7.3(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) + inferred-types: 0.37.6(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -16651,7 +16651,7 @@ snapshots: dependencies: '@rollup/pluginutils': 5.1.0(rollup@3.29.4) resolve: 1.22.8 - sass: 1.74.1 + sass: 1.77.8 transitivePeerDependencies: - rollup @@ -16750,7 +16750,7 @@ snapshots: safer-buffer@2.1.2: {} - sass@1.74.1: + sass@1.77.8: dependencies: chokidar: 3.5.3 immutable: 4.0.0 @@ -17479,11 +17479,11 @@ snapshots: transitivePeerDependencies: - rollup - unplugin-fonts@1.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + unplugin-fonts@1.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: fast-glob: 3.3.2 unplugin: 1.6.0 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) unplugin-vue-components@0.26.0(@babel/parser@7.24.4)(rollup@3.29.4)(vue@3.4.27(typescript@5.3.3)): dependencies: @@ -17592,7 +17592,7 @@ snapshots: core-util-is: 1.0.2 extsprintf: 1.4.0 - vite-plugin-inspect@0.8.3(rollup@4.14.1)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-inspect@0.8.3(rollup@4.14.1)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: '@antfu/utils': 0.7.7 '@rollup/pluginutils': 5.1.0(rollup@4.14.1) @@ -17603,19 +17603,19 @@ snapshots: perfect-debounce: 1.0.0 picocolors: 1.0.0 sirv: 2.0.4 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - rollup - supports-color - vite-plugin-md@0.21.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-md@0.21.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: - '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) - '@yankeeinlondon/gray-matter': 6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) - '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) + '@yankeeinlondon/gray-matter': 6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) + '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) markdown-it: 13.0.2 source-map-js: 1.2.0 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitejs/plugin-vue' @@ -17632,15 +17632,15 @@ snapshots: - supports-color - terser - vite-plugin-md@0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-md@0.22.5(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: - '@vitejs/plugin-vue': 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) - '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)) - '@yankeeinlondon/gray-matter': 6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) - '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3) + '@vitejs/plugin-vue': 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) + '@yankeeinlondon/builder-api': 1.4.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)) + '@yankeeinlondon/gray-matter': 6.1.1(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) + '@yankeeinlondon/happy-wrapper': 2.10.1(encoding@0.1.13)(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3) markdown-it: 13.0.2 source-map-js: 1.2.0 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) transitivePeerDependencies: - '@edge-runtime/vm' - '@vitest/browser' @@ -17656,7 +17656,7 @@ snapshots: - supports-color - terser - vite-plugin-pages@0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-pages@0.32.1(@vue/compiler-sfc@3.4.27)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: '@types/debug': 4.1.12 debug: 4.3.4(supports-color@8.1.1) @@ -17666,73 +17666,73 @@ snapshots: json5: 2.2.3 local-pkg: 0.5.0 picocolors: 1.0.0 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) yaml: 2.4.1 optionalDependencies: '@vue/compiler-sfc': 3.4.27 transitivePeerDependencies: - supports-color - vite-plugin-pwa@0.17.5(@types/babel__core@7.1.19)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-pwa@0.17.5(@types/babel__core@7.1.19)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: debug: 4.3.4(supports-color@8.1.1) fast-glob: 3.3.2 pretty-bytes: 6.1.1 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) workbox-build: 7.0.0(@types/babel__core@7.1.19) workbox-window: 7.0.0 transitivePeerDependencies: - '@types/babel__core' - supports-color - vite-plugin-vue-layouts@0.11.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)): + vite-plugin-vue-layouts@0.11.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)): dependencies: debug: 4.3.4(supports-color@8.1.1) fast-glob: 3.3.2 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vue: 3.4.27(typescript@5.3.3) vue-router: 4.3.0(vue@3.4.27(typescript@5.3.3)) transitivePeerDependencies: - supports-color - vite-plugin-vuetify@2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@3.6.13): + vite-plugin-vuetify@2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@3.6.13): dependencies: '@vuetify/loader-shared': 2.0.3(vue@3.4.27(typescript@5.3.3))(vuetify@3.6.13(typescript@5.3.3)(vite-plugin-vuetify@2.0.3)(vue-i18n@9.11.1(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3))) debug: 4.3.4(supports-color@8.1.1) upath: 2.0.1 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vue: 3.4.27(typescript@5.3.3) vuetify: 3.6.13(typescript@5.3.3)(vite-plugin-vuetify@2.0.3)(vue-i18n@9.11.1(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)) transitivePeerDependencies: - supports-color optional: true - vite-plugin-vuetify@2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@packages+vuetify): + vite-plugin-vuetify@2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@packages+vuetify): dependencies: '@vuetify/loader-shared': 2.0.3(vue@3.4.27(typescript@5.3.3))(vuetify@packages+vuetify) debug: 4.3.4(supports-color@8.1.1) upath: 2.0.1 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) vue: 3.4.27(typescript@5.3.3) vuetify: link:packages/vuetify transitivePeerDependencies: - supports-color - vite-plugin-warmup@0.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3)): + vite-plugin-warmup@0.1.0(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3)): dependencies: fast-glob: 3.3.2 - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) - vite-ssr@0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)): + vite-ssr@0.17.1(@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)))(@vueuse/head@1.3.1(vue@3.4.27(typescript@5.3.3)))(encoding@0.1.13)(rollup@3.29.4)(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue-router@4.3.0(vue@3.4.27(typescript@5.3.3)))(vue@3.4.27(typescript@5.3.3)): dependencies: '@rollup/plugin-replace': 3.0.0(rollup@3.29.4) '@vue/server-renderer': 3.4.27(vue@3.4.27(typescript@5.3.3)) chalk: 4.1.2 connect: 3.7.0 node-fetch: 2.6.7(encoding@0.1.13) - vite: 5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) optionalDependencies: - '@vitejs/plugin-vue': 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) + '@vitejs/plugin-vue': 5.0.4(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3)) '@vueuse/head': 1.3.1(vue@3.4.27(typescript@5.3.3)) vue: 3.4.27(typescript@5.3.3) vue-router: 4.3.0(vue@3.4.27(typescript@5.3.3)) @@ -17741,7 +17741,7 @@ snapshots: - rollup - supports-color - vite@4.5.1(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3): + vite@4.5.1(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3): dependencies: esbuild: 0.18.20 postcss: 8.4.38 @@ -17749,10 +17749,10 @@ snapshots: optionalDependencies: '@types/node': 20.12.7 fsevents: 2.3.3 - sass: 1.74.1 + sass: 1.77.8 terser: 5.31.3 - vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3): + vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3): dependencies: esbuild: 0.20.2 postcss: 8.4.38 @@ -17760,10 +17760,10 @@ snapshots: optionalDependencies: '@types/node': 20.12.7 fsevents: 2.3.3 - sass: 1.74.1 + sass: 1.77.8 terser: 5.31.3 - vitest@0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.74.1)(terser@5.31.3): + vitest@0.25.8(happy-dom@8.9.0(encoding@0.1.13))(jsdom@19.0.0)(sass@1.77.8)(terser@5.31.3): dependencies: '@types/chai': 4.3.4 '@types/chai-subset': 1.3.3 @@ -17778,7 +17778,7 @@ snapshots: tinybench: 2.4.0 tinypool: 0.3.1 tinyspy: 1.1.1 - vite: 4.5.1(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3) + vite: 4.5.1(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3) optionalDependencies: happy-dom: 8.9.0(encoding@0.1.13) jsdom: 19.0.0 @@ -17871,7 +17871,7 @@ snapshots: vue: 3.4.27(typescript@5.3.3) optionalDependencies: typescript: 5.3.3 - vite-plugin-vuetify: 2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.74.1)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@3.6.13) + vite-plugin-vuetify: 2.0.3(vite@5.2.8(@types/node@20.12.7)(sass@1.77.8)(terser@5.31.3))(vue@3.4.27(typescript@5.3.3))(vuetify@3.6.13) vue-i18n: 9.11.1(vue@3.4.27(typescript@5.3.3)) w3c-hr-time@1.0.2: