@vuetify/nightly 3.0.0-next-20220124.0 → 3.0.0-next-20220126.0

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.
@@ -2779,6 +2779,10 @@
2779
2779
  "type": "any",
2780
2780
  "description": "Show buttons for going to first and last page"
2781
2781
  },
2782
+ "v-pagination/rounded": {
2783
+ "type": "boolean|number|string",
2784
+ "description": ""
2785
+ },
2782
2786
  "v-pagination/border": {
2783
2787
  "type": "boolean|number|string",
2784
2788
  "description": "Applies border styles to component."
@@ -1061,6 +1061,7 @@
1061
1061
  "page-aria-label",
1062
1062
  "prev-icon",
1063
1063
  "previous-aria-label",
1064
+ "rounded",
1064
1065
  "show-first-last-page",
1065
1066
  "size",
1066
1067
  "start",
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "vuetify",
5
- "version": "3.0.0-next-20220124.0",
5
+ "version": "3.0.0-next-20220126.0",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -9628,6 +9628,20 @@
9628
9628
  "type": "any"
9629
9629
  }
9630
9630
  },
9631
+ {
9632
+ "name": "rounded",
9633
+ "description": "",
9634
+ "doc-url": "https://vuetifyjs.com/api/v-pagination#props",
9635
+ "default": "false",
9636
+ "value": {
9637
+ "kind": "expression",
9638
+ "type": [
9639
+ "boolean",
9640
+ "number",
9641
+ "string"
9642
+ ]
9643
+ }
9644
+ },
9631
9645
  {
9632
9646
  "name": "border",
9633
9647
  "description": "Applies border styles to component.",
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.0-next-20220124.0
2
+ * Vuetify v3.0.0-next-20220126.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -20093,6 +20093,8 @@ html.overflow-y-hidden {
20093
20093
  }
20094
20094
  .v-btn-group--tile {
20095
20095
  border-radius: 0;
20096
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
20097
+ opacity: var(--v-activated-opacity);
20096
20098
  }.v-card {
20097
20099
  display: block;
20098
20100
  color: rgb(var(--v-theme-on-surface));
@@ -20355,8 +20357,6 @@ html.overflow-y-hidden {
20355
20357
  .v-card__overlay + .v-card-media {
20356
20358
  border-top-left-radius: inherit;
20357
20359
  border-top-right-radius: inherit;
20358
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
20359
- opacity: var(--v-activated-opacity);
20360
20360
  }.v-checkbox .v-selection-control {
20361
20361
  height: var(--v-input-control-height);
20362
20362
  }.v-chip {
@@ -23654,6 +23654,63 @@ html.overflow-y-hidden {
23654
23654
  }
23655
23655
  .v-radio-group > .v-label + .v-selection-control-group {
23656
23656
  margin-top: 16px;
23657
+ }.v-rating {
23658
+ max-width: 100%;
23659
+ display: inline-flex;
23660
+ white-space: nowrap;
23661
+ }
23662
+ .v-rating--readonly {
23663
+ pointer-events: none;
23664
+ }
23665
+
23666
+ .v-rating__wrapper {
23667
+ align-items: center;
23668
+ display: inline-flex;
23669
+ flex-direction: column;
23670
+ }
23671
+ .v-rating__wrapper--bottom {
23672
+ flex-direction: column-reverse;
23673
+ }
23674
+
23675
+ .v-rating__item {
23676
+ display: inline-flex;
23677
+ position: relative;
23678
+ }
23679
+ .v-rating__item label {
23680
+ cursor: pointer;
23681
+ }
23682
+ .v-rating__item .v-btn--variant-plain {
23683
+ opacity: 1;
23684
+ }
23685
+ .v-rating__item .v-btn {
23686
+ transition-property: transform;
23687
+ }
23688
+ .v-rating__item .v-btn .v-icon {
23689
+ transition: inherit;
23690
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23691
+ }
23692
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-icon {
23693
+ transform: scale(1.25);
23694
+ }
23695
+ .v-rating__item--focused .v-btn__overlay {
23696
+ display: block;
23697
+ opacity: var(--v-hover-opacity);
23698
+ }
23699
+ .v-rating__item--half {
23700
+ overflow: hidden;
23701
+ position: absolute;
23702
+ width: 50%;
23703
+ z-index: 1;
23704
+ }
23705
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23706
+ opacity: 0;
23707
+ }
23708
+
23709
+ .v-rating__hidden {
23710
+ height: 0;
23711
+ opacity: 0;
23712
+ position: absolute;
23713
+ width: 0;
23657
23714
  }.v-responsive {
23658
23715
  display: flex;
23659
23716
  flex: 1 0 auto;
@@ -23772,63 +23829,8 @@ html.overflow-y-hidden {
23772
23829
  }
23773
23830
  .v-selection-control--focus-visible .v-selection-control__input::before {
23774
23831
  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
23775
- }.v-rating {
23776
- max-width: 100%;
23777
- display: inline-flex;
23778
- white-space: nowrap;
23779
- }
23780
- .v-rating--readonly {
23781
- pointer-events: none;
23782
- }
23783
-
23784
- .v-rating__wrapper {
23785
- align-items: center;
23786
- display: inline-flex;
23787
- flex-direction: column;
23788
- }
23789
- .v-rating__wrapper--bottom {
23790
- flex-direction: column-reverse;
23791
- }
23792
-
23793
- .v-rating__item {
23794
- display: inline-flex;
23795
- position: relative;
23796
- }
23797
- .v-rating__item label {
23798
- cursor: pointer;
23799
- }
23800
- .v-rating__item .v-btn--variant-plain {
23801
- opacity: 1;
23802
- }
23803
- .v-rating__item .v-btn {
23804
- transition-property: transform;
23805
- }
23806
- .v-rating__item .v-btn .v-icon {
23807
- transition: inherit;
23808
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23809
- }
23810
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-icon {
23811
- transform: scale(1.25);
23812
- }
23813
- .v-rating__item--focused .v-btn__overlay {
23814
- display: block;
23815
- opacity: var(--v-hover-opacity);
23816
- }
23817
- .v-rating__item--half {
23818
- overflow: hidden;
23819
- position: absolute;
23820
- width: 50%;
23821
- z-index: 1;
23822
- }
23823
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23824
- opacity: 0;
23825
- }
23826
-
23827
- .v-rating__hidden {
23828
- height: 0;
23829
- opacity: 0;
23830
- position: absolute;
23831
- width: 0;
23832
+ }.v-selection-control-group {
23833
+ grid-area: control;
23832
23834
  }.v-sheet {
23833
23835
  display: block;
23834
23836
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23851,8 +23853,6 @@ html.overflow-y-hidden {
23851
23853
  }
23852
23854
  .v-sheet--rounded {
23853
23855
  border-radius: 4px;
23854
- }.v-selection-control-group {
23855
- grid-area: control;
23856
23856
  }.v-slider input {
23857
23857
  cursor: default;
23858
23858
  padding: 0;
package/dist/vuetify.d.ts CHANGED
@@ -6867,6 +6867,10 @@ declare const VPagination: vue.DefineComponent<{
6867
6867
  validator: (v: any) => boolean;
6868
6868
  };
6869
6869
  border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
6870
+ rounded: {
6871
+ type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
6872
+ default: undefined;
6873
+ };
6870
6874
  start: {
6871
6875
  type: (StringConstructor | NumberConstructor)[];
6872
6876
  default: number;
@@ -6947,6 +6951,7 @@ declare const VPagination: vue.DefineComponent<{
6947
6951
  elevation?: unknown;
6948
6952
  density?: unknown;
6949
6953
  border?: unknown;
6954
+ rounded?: unknown;
6950
6955
  start?: unknown;
6951
6956
  modelValue?: unknown;
6952
6957
  disabled?: unknown;
@@ -6991,6 +6996,7 @@ declare const VPagination: vue.DefineComponent<{
6991
6996
  theme?: string | undefined;
6992
6997
  border?: string | number | boolean | undefined;
6993
6998
  elevation?: string | number | undefined;
6999
+ rounded?: string | number | boolean | undefined;
6994
7000
  color?: string | undefined;
6995
7001
  textColor?: string | undefined;
6996
7002
  totalVisible?: string | number | undefined;
@@ -7005,6 +7011,7 @@ declare const VPagination: vue.DefineComponent<{
7005
7011
  tag: string;
7006
7012
  ariaLabel: string;
7007
7013
  density: "default" | "comfortable" | "compact" | null;
7014
+ rounded: string | number | boolean;
7008
7015
  modelValue: number;
7009
7016
  start: string | number;
7010
7017
  ellipsis: string;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.0-next-20220124.0
2
+ * Vuetify v3.0.0-next-20220126.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -8364,16 +8364,16 @@ const VHover = defineComponent({
8364
8364
  let {
8365
8365
  slots
8366
8366
  } = _ref;
8367
- const hover = useProxiedModel(props, 'modelValue');
8367
+ const isHovering = useProxiedModel(props, 'modelValue');
8368
8368
  const {
8369
8369
  runOpenDelay,
8370
8370
  runCloseDelay
8371
- } = useDelay(props, value => !props.disabled && (hover.value = value));
8371
+ } = useDelay(props, value => !props.disabled && (isHovering.value = value));
8372
8372
  return () => {
8373
8373
  var _slots$default;
8374
8374
 
8375
8375
  return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
8376
- hover: hover.value,
8376
+ isHovering: isHovering.value,
8377
8377
  props: {
8378
8378
  onMouseenter: runOpenDelay,
8379
8379
  onMouseleave: runCloseDelay
@@ -10177,6 +10177,7 @@ const VPagination = defineComponent({
10177
10177
  default: '...'
10178
10178
  },
10179
10179
  showFirstLastPage: Boolean,
10180
+ ...makeRoundedProps(),
10180
10181
  ...makeBorderProps(),
10181
10182
  ...makeDensityProps(),
10182
10183
  ...makeElevationProps(),
@@ -10311,6 +10312,7 @@ const VPagination = defineComponent({
10311
10312
  icon: true,
10312
10313
  disabled: !!props.disabled || props.length < 2,
10313
10314
  elevation: props.elevation,
10315
+ rounded: props.rounded,
10314
10316
  color: isActive ? props.color : undefined,
10315
10317
  ariaCurrent: isActive,
10316
10318
  ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, index + 1),
@@ -13626,7 +13628,7 @@ const createVuetify = function () {
13626
13628
  ...options
13627
13629
  });
13628
13630
  };
13629
- const version = "3.0.0-next-20220124.0";
13631
+ const version = "3.0.0-next-20220126.0";
13630
13632
 
13631
13633
  export { components, createVuetify, directives, provideRtl, useDisplay, useLayout, useRtl, useTheme, version };
13632
13634
  //# sourceMappingURL=vuetify.esm.js.map