@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-master.2024-12-03

package/lib/labs/VTimePicker/VTimePickerClock.css

@@ -1,127 +1,130 @@
-@layer vuetify.components {
-  .v-time-picker-clock {
-    background: rgb(var(--v-theme-background));
-    color: rgb(var(--v-theme-on-background));
-  }
-  .v-time-picker-clock:after {
-    color: rgb(var(--v-theme-primary));
-  }
-  .v-time-picker-clock .v-time-picker-clock__item--active {
-    background-color: rgb(var(--v-theme-surface-variant));
-    color: rgb(var(--v-theme-on-surface-variant));
-  }
-  .v-time-picker-clock {
-    margin: 0 auto;
-    background: rgb(var(--v-theme-surface-light));
-    border-radius: 50%;
-    position: relative;
-    transition: none;
-    user-select: none;
-    height: 256px;
-    width: 256px;
-    flex: 1 0 auto;
-  }
-  .v-time-picker-clock__container {
-    display: flex;
-    flex-direction: column;
-    flex-basis: 290px;
-    justify-content: center;
-    padding: 10px;
-  }
-  .v-time-picker-clock__hand {
-    background-color: currentColor;
-    height: calc(50% - 4px);
-    width: 2px;
-    bottom: 50%;
-    left: calc(50% - 1px);
-    transform-origin: center bottom;
-    position: absolute;
-    will-change: transform;
-    z-index: 1;
-  }
-  .v-time-picker-clock__hand:before {
-    background: transparent;
-    border-width: 2px;
-    border-style: solid;
-    border-color: currentColor;
-    border-radius: 100%;
-    width: 10px;
-    height: 10px;
-    content: "";
-    position: absolute;
-    top: -4px;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-  .v-time-picker-clock__hand:after {
-    content: "";
-    position: absolute;
-    height: 8px;
-    width: 8px;
-    top: 100%;
-    left: 50%;
-    border-radius: 100%;
-    background-color: currentColor;
-    transform: translate(-50%, -50%);
-  }
-  .v-time-picker-clock__hand--inner:after {
-    height: 14px;
-  }
-  .v-time-picker-clock--readonly {
-    pointer-events: none;
-  }
-  .v-time-picker-clock .v-time-picker-clock__item--disabled {
-    opacity: var(--v-disabled-opacity);
-  }
-  .v-picker--full-width .v-time-picker-clock__container {
-    max-width: 290px;
-  }
-  .v-time-picker-clock__inner {
-    position: absolute;
-    bottom: 27px;
-    left: 27px;
-    right: 27px;
-    top: 27px;
-  }
-  .v-time-picker-clock__item {
-    align-items: center;
-    border-radius: 100%;
-    cursor: default;
-    display: flex;
-    font-size: 16px;
-    justify-content: center;
-    height: 40px;
-    position: absolute;
-    text-align: center;
-    width: 40px;
-    user-select: none;
-    transform: translate(-50%, -50%);
-  }
-  .v-time-picker-clock__item > span {
-    z-index: 1;
-  }
-  .v-time-picker-clock__item:before, .v-time-picker-clock__item:after {
-    content: "";
-    border-radius: 100%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    height: 14px;
-    width: 14px;
-    transform: translate(-50%, -50%);
-  }
-  .v-time-picker-clock__item:after, .v-time-picker-clock__item:before {
-    height: 40px;
-    width: 40px;
-  }
-  .v-time-picker-clock__item--active {
-    cursor: default;
-    z-index: 2;
-  }
-  .v-time-picker-clock__item--disabled {
-    pointer-events: none;
-  }
-  .v-picker--landscape .v-time-picker-clock__container {
-    flex-direction: row;
-  }
+.v-time-picker-clock {
+  background: rgb(var(--v-theme-background));
+  color: rgb(var(--v-theme-on-background));
+}
+.v-time-picker-clock:after {
+  color: rgb(var(--v-theme-primary));
+}
+.v-time-picker-clock .v-time-picker-clock__item--active {
+  background-color: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-time-picker-clock {
+  margin: 0 auto;
+  background: rgb(var(--v-theme-surface-light));
+  border-radius: 50%;
+  position: relative;
+  transition: none;
+  user-select: none;
+  height: 256px;
+  width: 256px;
+  flex: 1 0 auto;
+}
+.v-time-picker-clock__container {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 290px;
+  justify-content: center;
+  padding: 10px;
+}
+.v-time-picker-clock__hand {
+  background-color: currentColor;
+  height: calc(50% - 4px);
+  width: 2px;
+  bottom: 50%;
+  left: calc(50% - 1px);
+  transform-origin: center bottom;
+  position: absolute;
+  will-change: transform;
+  z-index: 1;
+}
+.v-time-picker-clock__hand:before {
+  background: transparent;
+  border-width: 2px;
+  border-style: solid;
+  border-color: currentColor;
+  border-radius: 100%;
+  width: 10px;
+  height: 10px;
+  content: "";
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.v-time-picker-clock__hand:after {
+  content: "";
+  position: absolute;
+  height: 8px;
+  width: 8px;
+  top: 100%;
+  left: 50%;
+  border-radius: 100%;
+  background-color: currentColor;
+  transform: translate(-50%, -50%);
+}
+.v-time-picker-clock__hand--inner:after {
+  height: 14px;
+}
+.v-time-picker-clock--readonly {
+  pointer-events: none;
+}
+.v-time-picker-clock .v-time-picker-clock__item--disabled {
+  opacity: var(--v-disabled-opacity);
+}
+
+.v-picker--full-width .v-time-picker-clock__container {
+  max-width: 290px;
+}
+
+.v-time-picker-clock__inner {
+  position: absolute;
+  bottom: 27px;
+  left: 27px;
+  right: 27px;
+  top: 27px;
+}
+
+.v-time-picker-clock__item {
+  align-items: center;
+  border-radius: 100%;
+  cursor: default;
+  display: flex;
+  font-size: 16px;
+  justify-content: center;
+  height: 40px;
+  position: absolute;
+  text-align: center;
+  width: 40px;
+  user-select: none;
+  transform: translate(-50%, -50%);
+}
+.v-time-picker-clock__item > span {
+  z-index: 1;
+}
+.v-time-picker-clock__item:before, .v-time-picker-clock__item:after {
+  content: "";
+  border-radius: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  height: 14px;
+  width: 14px;
+  transform: translate(-50%, -50%);
+}
+.v-time-picker-clock__item:after, .v-time-picker-clock__item:before {
+  height: 40px;
+  width: 40px;
+}
+.v-time-picker-clock__item--active {
+  cursor: default;
+  z-index: 2;
+}
+.v-time-picker-clock__item--disabled {
+  pointer-events: none;
+}
+
+.v-picker--landscape .v-time-picker-clock__container {
+  flex-direction: row;
 }

package/lib/labs/VTimePicker/VTimePickerControls.css

@@ -1,103 +1,104 @@
-@layer vuetify.components {
-  .v-time-picker-controls {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.875rem;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    margin-bottom: 36px;
-  }
-  .v-time-picker-controls__text {
-    padding-bottom: 12px;
-  }
-  .v-time-picker-controls__time {
-    display: flex;
-    white-space: nowrap;
-    direction: ltr;
-    justify-content: center;
-  }
-  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
-    width: 96px;
-    height: 80px;
-    font-size: 56px;
-  }
-  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
-    background: rgb(var(--v-theme-primary));
-  }
-  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
-    width: 96px;
-    height: 80px;
-  }
-  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
-    width: 64px;
-    height: 80px;
-    font-size: 40px;
-  }
-  .v-time-picker-controls__time__separator {
-    font-size: 56px;
-    height: 80px;
-    width: 24px;
-    text-align: center;
-  }
-  .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
-    height: 80px;
-    font-size: 56px;
-  }
-  .v-time-picker-controls__ampm {
-    margin-left: 12px;
-    align-self: flex-end;
-    display: flex;
-    flex-direction: column;
-    font-size: 18px;
-    text-transform: uppercase;
-  }
-  .v-time-picker-controls__ampm--readonly {
-    pointer-events: none;
-  }
-  .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
-    opacity: 0.6;
-  }
-  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
-    font-size: 18px;
-    padding: 0 8px;
-    min-width: 52px;
-    height: 40px;
-  }
-  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
-    border-radius: 4px 4px 0 0;
-    border: 1px solid;
-  }
-  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
-    border-radius: 0 0 4px 4px;
-    border: 1px solid;
-    border-top: none;
-  }
-  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
-    background: rgb(var(--v-theme-primary));
-  }
-  .v-picker__title--landscape .v-time-picker-controls {
-    flex-direction: column;
-    justify-content: center;
-    height: 100%;
-  }
-  .v-picker__title--landscape .v-time-picker-controls__time {
-    text-align: right;
-  }
-  .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
-  .v-picker__title--landscape .v-time-picker-controls__time span {
-    height: 55px;
-    font-size: 55px;
-  }
-  .v-picker__title--landscape .v-time-picker-controls__ampm {
-    margin: 16px 0 0;
-    align-self: initial;
-    text-align: center;
-  }
-  .v-picker--time .v-picker__title--landscape {
-    padding: 0;
-  }
-  .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
-    text-align: center;
-  }
+.v-time-picker-controls {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.875rem;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  margin-bottom: 36px;
+}
+.v-time-picker-controls__text {
+  padding-bottom: 12px;
+}
+.v-time-picker-controls__time {
+  display: flex;
+  white-space: nowrap;
+  direction: ltr;
+  justify-content: center;
+}
+.v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
+  width: 96px;
+  height: 80px;
+  font-size: 56px;
+}
+.v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
+  background: rgb(var(--v-theme-primary));
+}
+.v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
+  width: 96px;
+  height: 80px;
+}
+.v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
+  width: 64px;
+  height: 80px;
+  font-size: 40px;
+}
+.v-time-picker-controls__time__separator {
+  font-size: 56px;
+  height: 80px;
+  width: 24px;
+  text-align: center;
+}
+.v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
+  height: 80px;
+  font-size: 56px;
+}
+
+.v-time-picker-controls__ampm {
+  margin-left: 12px;
+  align-self: flex-end;
+  display: flex;
+  flex-direction: column;
+  font-size: 18px;
+  text-transform: uppercase;
+}
+.v-time-picker-controls__ampm--readonly {
+  pointer-events: none;
+}
+.v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
+  opacity: 0.6;
+}
+.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
+  font-size: 18px;
+  padding: 0 8px;
+  min-width: 52px;
+  height: 40px;
+}
+.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
+  border-radius: 4px 4px 0 0;
+  border: 1px solid;
+}
+.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
+  border-radius: 0 0 4px 4px;
+  border: 1px solid;
+  border-top: none;
+}
+.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
+  background: rgb(var(--v-theme-primary));
+}
+
+.v-picker__title--landscape .v-time-picker-controls {
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+.v-picker__title--landscape .v-time-picker-controls__time {
+  text-align: right;
+}
+.v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
+.v-picker__title--landscape .v-time-picker-controls__time span {
+  height: 55px;
+  font-size: 55px;
+}
+.v-picker__title--landscape .v-time-picker-controls__ampm {
+  margin: 16px 0 0;
+  align-self: initial;
+  text-align: center;
+}
+
+.v-picker--time .v-picker__title--landscape {
+  padding: 0;
+}
+.v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
+  text-align: center;
 }

package/lib/labs/VTimePicker/VTimePickerControls.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
 // Styles
 import "./VTimePickerControls.css";