@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

package/lib/components/VStepper/VStepperWindowItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStepperWindowItem.mjs","names":["makeVWindowItemProps","VWindowItem","genericComponent","propsFactory","useRender","makeVStepperWindowItemProps","VStepperWindowItem","name","props","setup","_ref","slots","windowItemProps","filterProps","_createVNode","_mergeProps"],"sources":["../../../src/components/VStepper/VStepperWindowItem.tsx"],"sourcesContent":["// Components\nimport { makeVWindowItemProps, VWindowItem } from '@/components/VWindow/VWindowItem'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVStepperWindowItemProps = propsFactory({\n  ...makeVWindowItemProps(),\n}, 'VStepperWindowItem')\n\nexport const VStepperWindowItem = genericComponent()({\n  name: 'VStepperWindowItem',\n\n  props: makeVStepperWindowItemProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const [windowItemProps] = VWindowItem.filterProps(props)\n\n      return (\n        <VWindowItem\n          { ...windowItemProps }\n          class=\"v-stepper-window-item\"\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VStepperWindowItem = InstanceType<typeof VStepperWindowItem>\n"],"mappings":";AAAA;AAAA,SACSA,oBAAoB,EAAEC,WAAW,sCAE1C;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,2BAA2B,GAAGF,YAAY,CAAC;EACtD,GAAGH,oBAAoB;AACzB,CAAC,EAAE,oBAAoB,CAAC;AAExB,OAAO,MAAMM,kBAAkB,GAAGJ,gBAAgB,EAAE,CAAC;EACnDK,IAAI,EAAE,oBAAoB;EAE1BC,KAAK,EAAEH,2BAA2B,EAAE;EAEpCI,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBN,SAAS,CAAC,MAAM;MACd,MAAM,CAACQ,eAAe,CAAC,GAAGX,WAAW,CAACY,WAAW,CAACL,KAAK,CAAC;MAExD,OAAAM,YAAA,CAAAb,WAAA,EAAAc,WAAA,CAESH,eAAe;QAAA,SACd;MAAuB,IACnBD,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VStepper/_variables.scss

@@ -1,37 +1,27 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
+$stepper-actions-padding: 1rem !default;
+$stepper-actions-stepper-padding: 0 1.5rem 1rem !default;
+$stepper-actions-stepper-window-item-padding: 1.5rem 0 0 !default;
 $stepper-alt-labels-flex-basis : 175px !default;
 $stepper-alt-labels-header-divider: 35px -67px 0 !default;
-$stepper-alt-labels-step-step-margin-bottom: 11px !default;
-$stepper-border-radius: $border-radius-root !default;
-$stepper-content-btn-margin: 24px 8px 8px 0 !default;
-$stepper-content-padding: 24px 24px 16px 24px !default;
+$stepper-border-radius: 4px !default;
 $stepper-elevation: 2 !default;
+$stepper-item-opacity: var(--v-medium-emphasis-opacity) !default;
+$stepper-item-padding: 1.5rem !default;
+$stepper-item-transition-duration: .2s !default;
+$stepper-item-transition-property: opacity !default;
+$stepper-item-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
 $stepper-header-divider-margin: 0 -16px !default;
 $stepper-header-elevation: 2 !default;
-$stepper-header-height: 72px !default;
-$stepper-label-line-height: 1 !default;
-$stepper-label-small-font-size: map-deep-get($typography, 'caption', 'size') !default;
-$stepper-label-small-font-weight: 300 !default;
-$stepper-shaped-border-radius: map-get($rounded, 'xl') $stepper-border-radius !default;
-$stepper-step-error-icon-font-size: map-deep-get($typography, 'h5', 'size')  !default;
-$stepper-step-padding: 24px !default;
-$stepper-step-step-font-size: map-deep-get($typography, 'caption', 'size') !default;
-$stepper-step-step-height: 24px !default;
-$stepper-step-step-icon-font-size: map-deep-get($typography, 'h6', 'size') !default;
-$stepper-step-step-margin: 8px !default;
-$stepper-step-step-min-width: 24px !default;
-$stepper-step-step-width: 24px !default;
-$stepper-vertical-content-margin-inline: 36px -36px !default;
-$stepper-vertical-content-margin-block: -8px -16px !default;
-$stepper-vertical-content-padding-inline: 23px 60px  !default;
-$stepper-vertical-content-padding-block: 16px !default;
-$stepper-vertical-padding-bottom: 36px !default;
-$stepper-vertical-step-padding: 24px 24px 16px !default;
-$stepper-vertical-step-step-margin: 12px !default;
-
-// Deprecated
-$stepper-vertical-content-ltr-margin: -8px -36px -16px 36px !default;
-$stepper-vertical-content-rtl-margin: -8px 36px -16px -36px !default;
-$stepper-vertical-content-ltr-padding: 16px 60px 16px 23px !default;
-$stepper-vertical-content-rtl-padding: 16px 23px 16px 60px !default;
+$stepper-window-margin: 1.5rem !default;
+$stepper-item-avatar-background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity)) !default;
+$stepper-item-avatar-color: rgb(var(--v-theme-on-surface-variant)) !default;
+$stepper-item-avatar-font-size: .75rem !default;
+$stepper-item-avatar-margin-inline-end: 8px !default;
+$stepper-item-avatar-icon-font-size: .875rem !default;
+$stepper-item-alt-labels-margin-bottom: 16px !default;
+$stepper-item-title-line-height: 1 !default;
+$stepper-item-subtitle-font-size: .75rem !default;
+$stepper-item-subtitle-line-height: 1 !default;
+$stepper-item-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;