@volvo-cars/css 0.54.0 → 1.0.0-beta-0

package/dist/styles.d.ts

@@ -159,12 +159,6 @@ export interface ClassNames {
     /**
      * ```css
      * background-color: #000000a3
-     * z-index: calc(var(--v-index-overlay)  - 1)
-     * justify-content: center
-     * align-items: center
-     * display: flex
-     * position: fixed
-     * inset: 0
      * ``` */ readonly backdrop: 'backdrop';
     /**
      * ```css
@@ -238,14 +232,6 @@ export interface ClassNames {
      * ```css
      * display: block
      * ``` */ readonly block: 'block';
-    /**
-     * ```css
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: var(--v-space-4)
-     * --stack-gap: var(--v-space-16)
-     * font-size: var(--v-font-16-size)
-     * line-height: var(--v-font-16-lineheight)
-     * ``` */ readonly body16: 'body-16';
     /**
      * ```css
      * border-width: 1px
@@ -363,44 +349,19 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
      * font-size: var(--v-font-16-size)
      * font-weight: var(--v-font-emphasis-weight)
      * white-space: nowrap
      * max-width: 100%
      * height: 3rem
      * overflow: hidden
-     * content: ""
-     * width: 100%
-     * height: 40px
-     * position: absolute
-     * top: 50%
-     * transform: translateY(-50%)
-     * font-size: var(--v-font-12-size)
-     * height: 2rem
      * --button-accent-color: var(--v-color-surface-neutral)
      * --_color: var(--v-color-foreground-inverted)
      * --_overlay-rate: 0%
      * color: var(--_color)
      * background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))
-     * --button-accent-color: var(--v-color-surface-accent-blue)
-     * --_color: var(--v-color-always-white)
-     * --button-accent-color: var(--v-color-surface-feedback-red)
-     * background: var(--button-accent-color)
-     * --_overlay-rate: var(--_v-color-mix-strong)
-     * transform: scale(.95)
      * padding-inline: min(var(--v-space-32), 8vw)
-     * border-radius: var(--v-radius-4)
-     * width: 1.5rem
-     * height: 1.5rem
-     * padding-inline: var(--v-space-16)
-     * width: 1rem
-     * height: 1rem
-     * flex: 1 0 40%
-     * flex: 1 0 40cqw
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-32)
-     * --stack-gap: var(--v-space-16)
+     * border-radius: var(--v-radius-sm)
      * ``` */ readonly buttonFilled: 'button-filled';
     /**
      * ```css
@@ -408,11 +369,6 @@ export interface ClassNames {
      * flex-wrap: wrap
      * display: flex
      * container: button-group / inline-size
-     * flex: 1 0 40%
-     * flex: 1 0 40cqw
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-32)
-     * --stack-gap: var(--v-space-16)
      * ``` */ readonly buttonGroup: 'button-group';
     /**
      * ```css
@@ -423,41 +379,17 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
      * font-size: var(--v-font-16-size)
      * font-weight: var(--v-font-emphasis-weight)
      * white-space: nowrap
      * max-width: 100%
      * height: 3rem
      * overflow: hidden
-     * content: ""
-     * width: 100%
-     * height: 40px
-     * position: absolute
-     * top: 50%
-     * transform: translateY(-50%)
-     * font-size: var(--v-font-12-size)
-     * height: 2rem
      * box-shadow: inset 0 0 0 1px var(--button-accent-color)
-     * color: var(--v-color-foreground-inverted)
-     * background-color: var(--button-accent-color)
-     * transform: scale(.95)
      * padding-inline: min(var(--v-space-32), 8vw)
-     * border-radius: var(--v-radius-4)
-     * width: 1.5rem
-     * height: 1.5rem
-     * padding-inline: var(--v-space-16)
-     * width: 1rem
-     * height: 1rem
+     * border-radius: var(--v-radius-sm)
      * --button-accent-color: var(--v-color-foreground-primary)
      * color: var(--button-accent-color)
-     * --button-accent-color: var(--v-color-foreground-accent-blue)
-     * --button-accent-color: var(--v-color-foreground-feedback-red)
-     * flex: 1 0 40%
-     * flex: 1 0 40cqw
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-32)
-     * --stack-gap: var(--v-space-16)
      * ``` */ readonly buttonOutlined: 'button-outlined';
     /**
      * ```css
@@ -468,52 +400,15 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
      * font-size: var(--v-font-16-size)
      * font-weight: var(--v-font-emphasis-weight)
      * white-space: nowrap
      * max-width: 100%
      * height: 3rem
      * overflow: hidden
-     * content: ""
-     * width: 100%
-     * height: 40px
-     * position: absolute
-     * top: 50%
-     * transform: translateY(-50%)
-     * font-size: var(--v-font-12-size)
-     * height: 2rem
      * --button-accent-color: var(--v-color-foreground-primary)
      * color: var(--button-accent-color)
-     * --button-accent-color: var(--v-color-foreground-accent-blue)
-     * --button-accent-color: var(--v-color-foreground-feedback-red)
      * text-align: start
-     * --_arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.96' fill-rule='evenodd' d='m2.728 10 4-4-4-4L4 .729 9.273 6 4 11.273l-1.272-1.272Z' clip-rule='evenodd'/%3E%3C/svg%3E")
-     * mask: var(--_arrow-icon)
-     * transition: rotate var(--_v-transition-speed-default) ease
-     * rotate: var(--_arrow-rotation)
-     * flex-shrink: 0
-     * width: .75em
-     * height: .75em
-     * margin-top: .125rem
-     * mask-size: cover
-     * width: .5rem
-     * height: .5rem
-     * background-color: currentColor
-     * margin-inline-start: var(--v-space-4)
-     * margin-inline-end: var(--v-space-4)
-     * --_rtl-arrow-rotation: var(--_rtl-toggle) 180deg
-     * --_arrow-rotation: var(--_rtl-arrow-rotation, 0deg)
-     * --_rtl-arrow-rotation: var(--_rtl-toggle) 0deg
-     * --_arrow-rotation: var(--_rtl-arrow-rotation, 180deg)
-     * --_arrow-rotation: 90deg
-     * --_arrow-rotation: -90deg
-     * margin-inline-start: var(--v-space-8)
-     * text-decoration-line: underline
-     * flex: 1 0 40%
-     * flex: 1 0 40cqw
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-16)
      * ``` */ readonly buttonText: 'button-text';
     /**
      * ```css
@@ -521,16 +416,7 @@ export interface ClassNames {
      * ``` */ readonly capitalize: 'capitalize';
     /**
      * ```css
-     * background-color: var(--_input-background-color, var(--v-color-background-primary))
-     * border-radius: var(--v-radius-4)
-     * box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-foreground-secondary))
-     * transition: box-shadow var(--v-transition-default)
-     * place-content: center
-     * width: 1rem
-     * height: 1rem
-     * margin-top: .25em
-     * display: inline-grid
-     * position: relative
+     * 
      * ``` */ readonly checkbox: 'checkbox';
     /**
      * ```css
@@ -541,7 +427,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly container: 'container';
     /**
      * ```css
@@ -552,7 +437,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly containerLg: 'container-lg';
     /**
      * ```css
@@ -562,7 +446,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * max-width: min((100vw - var(--v-space-pagemargin) * 2)  + var(--_outer-margin), 160rem)
      * ``` */ readonly containerMax: 'container-max';
     /**
@@ -574,7 +457,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly containerMd: 'container-md';
     /**
      * ```css
@@ -585,7 +467,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly containerSm: 'container-sm';
     /**
      * ```css
@@ -596,7 +477,6 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly containerXl: 'container-xl';
     /**
      * ```css
@@ -607,28 +487,10 @@ export interface ClassNames {
      * width: 100%
      * margin-inline: auto
      * container-type: inline-size
-     * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
      * ``` */ readonly containerXs: 'container-xs';
     /**
      * ```css
-     * z-index: var(--v-index-overlay)
-     * padding-block: var(--v-space-48)
-     * padding-inline: var(--v-space-24)
-     * margin: auto
-     * color: var(--v-color-foreground-primary)
-     * background-color: var(--v-color-background-secondary)
-     * width: 100%
-     * max-width: 100%
-     * height: fit-content
-     * max-height: calc(100vh + -1 * min(2rem, 20vh))
-     * margin-bottom: 0
-     * position: fixed
-     * inset: 0
-     * overflow-y: auto
-     * padding-inline: var(--v-space-48)
-     * max-width: min(31rem, 100vw - 2rem)
-     * margin-bottom: auto
-     * padding-top: 0
+     * 
      * ``` */ readonly dialog: 'dialog';
     /**
      * ```css
@@ -639,7 +501,6 @@ export interface ClassNames {
      * display: flex
      * position: absolute
      * inset-inline-end: 0
-     * outline-offset: -2px
      * ``` */ readonly dialogClose: 'dialog__close';
     /**
      * ```css
@@ -700,15 +561,11 @@ export interface ClassNames {
      * ``` */ readonly font16: 'font-16';
     /**
      * ```css
-     * font-size: var(--v-font-title-20-size)
-     * line-height: var(--v-font-title-20-lineheight)
      * font-size: var(--v-font-20-size)
      * line-height: var(--v-font-20-lineheight)
      * ``` */ readonly font20: 'font-20';
     /**
      * ```css
-     * font-size: var(--v-font-title-24-size)
-     * line-height: var(--v-font-title-24-lineheight)
      * font-size: var(--v-font-24-size)
      * line-height: var(--v-font-24-lineheight)
      * ``` */ readonly font24: 'font-24';
@@ -718,8 +575,6 @@ export interface ClassNames {
      * ``` */ readonly fontLight: 'font-light';
     /**
      * ```css
-     * --stack-gap: var(--v-space-4)
-     * --stack-gap: var(--v-space-16)
      * font-weight: 500
      * ``` */ readonly fontMedium: 'font-medium';
     /**
@@ -892,21 +747,14 @@ export interface ClassNames {
     /**
      * ```css
      * font: var(--v-font-heading-1)
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: calc(var(--v-space-8)  + 1em)
      * ``` */ readonly heading1: 'heading-1';
     /**
      * ```css
      * font: var(--v-font-heading-2)
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: calc(var(--v-space-8)  + 1em)
      * ``` */ readonly heading2: 'heading-2';
     /**
      * ```css
      * font: var(--v-font-heading-3)
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: calc(var(--v-space-8)  + 1em)
-     * --stack-gap: var(--v-space-24)
      * ``` */ readonly heading3: 'heading-3';
     /**
      * ```css
@@ -925,17 +773,12 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
-     * transform: scale(.95)
      * --button-accent-color: var(--v-color-foreground-primary)
      * color: var(--button-accent-color)
-     * --button-accent-color: var(--v-color-foreground-accent-blue)
-     * --button-accent-color: var(--v-color-foreground-feedback-red)
      * border-radius: var(--v-radius-full)
      * flex-shrink: 0
      * width: 2.5rem
      * height: 2.5rem
-     * background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--button-accent-color) var(--_v-color-mix-subtle))
      * ``` */ readonly iconButtonClear: 'icon-button-clear';
     /**
      * ```css
@@ -946,18 +789,11 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
      * --button-accent-color: var(--v-color-surface-neutral)
      * --_color: var(--v-color-foreground-inverted)
      * --_overlay-rate: 0%
      * color: var(--_color)
      * background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))
-     * --button-accent-color: var(--v-color-surface-accent-blue)
-     * --_color: var(--v-color-always-white)
-     * --button-accent-color: var(--v-color-surface-feedback-red)
-     * background: var(--button-accent-color)
-     * --_overlay-rate: var(--_v-color-mix-strong)
-     * transform: scale(.95)
      * border-radius: var(--v-radius-full)
      * flex-shrink: 0
      * width: 2.5rem
@@ -972,15 +808,9 @@ export interface ClassNames {
      * min-width: max-content
      * display: inline-flex
      * position: relative
-     * opacity: var(--_v-disabled-opacity)
      * box-shadow: inset 0 0 0 1px var(--button-accent-color)
-     * color: var(--v-color-foreground-inverted)
-     * background-color: var(--button-accent-color)
-     * transform: scale(.95)
      * --button-accent-color: var(--v-color-foreground-primary)
      * color: var(--button-accent-color)
-     * --button-accent-color: var(--v-color-foreground-accent-blue)
-     * --button-accent-color: var(--v-color-foreground-feedback-red)
      * border-radius: var(--v-radius-full)
      * flex-shrink: 0
      * width: 2.5rem
@@ -988,55 +818,11 @@ export interface ClassNames {
      * ``` */ readonly iconButtonOutlined: 'icon-button-outlined';
     /**
      * ```css
-     * width: var(--_height)
-     * min-width: var(--_height)
-     * height: var(--_height)
-     * min-height: var(--_height)
-     * vertical-align: middle
-     * flex-grow: 0
-     * flex-shrink: 0
-     * display: inline-block
-     * --_height: 5rem
-     * --_height: 4rem
-     * --_height: 3rem
-     * --_height: 2.5rem
-     * --_height: 2rem
-     * --_height: 1.5rem
-     * --_height: 1rem
-     * --_height: .75rem
-     * --_height: .5rem
-     * object-position: 0 -999px
-     * mask-size: cover
-     * mask-repeat: no-repeat
-     * mask-image: var(--mask-url, var(--icon-url))
-     * background-color: currentColor
-     * transform: scaleX(-1)
+     * 
      * ``` */ readonly iconMask: 'icon-mask';
     /**
      * ```css
-     * margin-inline-start: var(--v-space-8)
-     * width: var(--_height)
-     * min-width: var(--_height)
-     * height: var(--_height)
-     * min-height: var(--_height)
-     * vertical-align: middle
-     * flex-grow: 0
-     * flex-shrink: 0
-     * display: inline-block
-     * --_height: 5rem
-     * --_height: 4rem
-     * --_height: 3rem
-     * --_height: 2.5rem
-     * --_height: 2rem
-     * --_height: 1.5rem
-     * --_height: 1rem
-     * --_height: .75rem
-     * --_height: .5rem
-     * --_y-offset: var(--_dark-toggle) 7
-     * fill: currentColor
-     * object-fit: cover
-     * object-position: 0 calc(var(--_y-offset, 0) * -1 * var(--_height, 0))
-     * transform: scaleX(-1)
+     * 
      * ``` */ readonly iconSprite: 'icon-sprite';
     /**
      * ```css
@@ -1051,38 +837,11 @@ export interface ClassNames {
      * ``` */ readonly img: 'img';
     /**
      * ```css
-     * padding: var(--v-space-16)
-     * background-color: var(--_input-background-color, var(--v-color-background-primary))
-     * border-radius: var(--v-radius-4)
-     * box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-ornament-primary))
-     * transition: box-shadow var(--v-transition-default)
-     * outline: none
-     * height: 3rem
-     * width: 100%
-     * --_bg-pos-x: var(--_rtl-toggle) left
-     * background-image: var(--_icon-chevrondown)
-     * background-repeat: no-repeat
-     * background-position: center var(--_bg-pos-x, right) var(--v-space-16)
-     * background-size: 1rem 1rem
+     * 
      * ``` */ readonly input: 'input';
     /**
      * ```css
      * position: relative
-     * --_transform-origin: var(--_rtl-toggle) 100%
-     * z-index: 1
-     * color: var(--v-color-foreground-secondary)
-     * pointer-events: none
-     * top: 0
-     * transition: transform var(--v-transition-default)
-     * transform-origin: var(--_transform-origin, 0)
-     * position: absolute
-     * inset-inline-start: var(--v-space-16)
-     * transform: translateY(5px)scale(.75)
-     * color: var(--v-color-foreground-feedback-red)
-     * height: 3.5rem
-     * padding-top: 1.625rem
-     * padding-bottom: .625rem
-     * --stack-gap: var(--v-space-32)
      * ``` */ readonly inputFloatingLabel: 'input-floating-label';
     /**
      * ```css
@@ -1128,6 +887,10 @@ export interface ClassNames {
      * ```css
      * justify-content: flex-start
      * ``` */ readonly justifyStart: 'justify-start';
+    /**
+     * ```css
+     * 
+     * ``` */ readonly label: 'label';
     /**
      * ```css
      * gap: var(--v-space-gutter)
@@ -1135,7 +898,6 @@ export interface ClassNames {
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
-     * margin-inline: var(--v-space-pagemargin)
      * --_outer-margin: 0px
      * grid-template-columns: 1fr 1fr
      * ``` */ readonly layout45: 'layout-4-5';
@@ -1157,7 +919,6 @@ export interface ClassNames {
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
-     * margin-inline: var(--v-space-pagemargin)
      * --_outer-margin: 0px
      * grid-template-columns: 1fr 1fr
      * ``` */ readonly layout54: 'layout-5-4';
@@ -1192,9 +953,7 @@ export interface ClassNames {
      * ``` */ readonly linkUnderlined: 'link-underlined';
     /**
      * ```css
-     * list-style-type: revert
-     * padding-inline-start: 2rem
-     * --stack-gap: var(--v-space-8)
+     * 
      * ``` */ readonly list: 'list';
     /**
      * ```css
@@ -1326,8 +1085,6 @@ export interface ClassNames {
      * ``` */ readonly mbS: 'mb-s';
     /**
      * ```css
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: 0rem
      * font-size: var(--v-font-12-size)
      * line-height: var(--v-font-12-lineheight)
      * letter-spacing: .02em
@@ -1956,17 +1713,7 @@ export interface ClassNames {
      * ``` */ readonly pyS: 'py-s';
     /**
      * ```css
-     * background-color: var(--_input-background-color, var(--v-color-background-primary))
-     * border-radius: var(--v-radius-4)
-     * box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-foreground-secondary))
-     * transition: box-shadow var(--v-transition-default)
-     * place-content: center
-     * width: 1rem
-     * height: 1rem
-     * margin-top: .25em
-     * display: inline-grid
-     * position: relative
-     * border-radius: var(--v-radius-full)
+     * 
      * ``` */ readonly radio: 'radio';
     /**
      * ```css
@@ -1985,13 +1732,6 @@ export interface ClassNames {
      * column-gap: .25rem
      * margin-block: 2rem
      * display: flex
-     * display: none
-     * background-color: var(--v-color-ornament-primary)
-     * border-radius: 9999px
-     * width: .5rem
-     * height: .5rem
-     * transition: background-color .2s
-     * background-color: var(--v-color-surface-neutral)
      * ``` */ readonly reelIndicators: 'reel-indicators';
     /**
      * ```css
@@ -2007,12 +1747,24 @@ export interface ClassNames {
      * ``` */ readonly rotate90: 'rotate-90';
     /**
      * ```css
-     * border-radius: var(--v-radius-4)
+     * border-radius: var(--v-radius-sm)
      * ``` */ readonly rounded: 'rounded';
     /**
      * ```css
      * border-radius: var(--v-radius-full)
      * ``` */ readonly roundedFull: 'rounded-full';
+    /**
+     * ```css
+     * border-radius: var(--v-radius-lg)
+     * ``` */ readonly roundedLg: 'rounded-lg';
+    /**
+     * ```css
+     * border-radius: var(--v-radius-md)
+     * ``` */ readonly roundedMd: 'rounded-md';
+    /**
+     * ```css
+     * border-radius: var(--v-radius-sm)
+     * ``` */ readonly roundedSm: 'rounded-sm';
     /**
      * ```css
      * scale: 1
@@ -2077,22 +1829,7 @@ export interface ClassNames {
      * ``` */ readonly snapY: 'snap-y';
     /**
      * ```css
-     * width: 1.5rem
-     * height: 1.5rem
-     * position: absolute
-     * width: 1rem
-     * height: 1rem
-     * contain: strict
-     * appearance: none
-     * background: none
-     * border: 2px solid
-     * border-bottom-color: #0000
-     * border-radius: 50%
-     * width: 2.5rem
-     * height: 2.5rem
-     * animation: .7s cubic-bezier(.62, .63, 0, .53) infinite rotate
-     * display: inline-flex
-     * display: none
+     * 
      * ``` */ readonly spinner: 'spinner';
     /**
      * ```css
@@ -2108,64 +1845,47 @@ export interface ClassNames {
      * ``` */ readonly srOnly: 'sr-only';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-16)
+     * 
      * ``` */ readonly stack16: 'stack-16';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-24)
+     * 
      * ``` */ readonly stack24: 'stack-24';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-32)
+     * 
      * ``` */ readonly stack32: 'stack-32';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-4)
+     * 
      * ``` */ readonly stack4: 'stack-4';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-48)
+     * 
      * ``` */ readonly stack48: 'stack-48';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-64)
+     * 
      * ``` */ readonly stack64: 'stack-64';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-8)
+     * 
      * ``` */ readonly stack8: 'stack-8';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-l)
+     * 
      * ``` */ readonly stackL: 'stack-l';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-m)
+     * 
      * ``` */ readonly stackM: 'stack-m';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-s)
+     * 
      * ``` */ readonly stackS: 'stack-s';
     /**
      * ```css
-     * margin-top: var(--stack-gap)
-     * --stack-gap: var(--v-space-16)
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: var(--v-space-4)
-     * --stack-gap: calc(var(--v-space-8)  + 1em)
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: 0rem
-     * --stack-gap: var(--v-space-32)
+     * 
      * ``` */ readonly stackText: 'stack-text';
     /**
      * ```css
@@ -2178,8 +1898,6 @@ export interface ClassNames {
     /**
      * ```css
      * font: var(--v-font-statement-3)
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-32)
      * ``` */ readonly statement3: 'statement-3';
     /**
      * ```css
@@ -2188,17 +1906,7 @@ export interface ClassNames {
      * ``` */ readonly statementSignature: 'statement-signature';
     /**
      * ```css
-     * --_background-color: var(--v-color-foreground-tertiary)
-     * --_indicator-color: var(--v-color-always-white)
-     * appearance: none
-     * background-color: var(--_background-color)
-     * border-radius: var(--v-radius-full)
-     * flex-shrink: 0
-     * width: 2.5rem
-     * height: 1.5rem
-     * padding: .125rem
-     * transition: background .25s
-     * display: inline-flex
+     * 
      * ``` */ readonly switch: 'switch';
     /**
      * ```css
@@ -2273,26 +1981,6 @@ export interface ClassNames {
      * ```css
      * text-align: start
      * ``` */ readonly textStart: 'text-start';
-    /**
-     * ```css
-     * --stack-gap: var(--v-space-8)
-     * --stack-gap: var(--v-space-4)
-     * --stack-gap: var(--v-space-24)
-     * --stack-gap: var(--v-space-16)
-     * font-size: var(--v-font-title-20-size)
-     * line-height: var(--v-font-title-20-lineheight)
-     * font-size: var(--v-font-20-size)
-     * line-height: var(--v-font-20-lineheight)
-     * ``` */ readonly title20: 'title-20';
-    /**
-     * ```css
-     * --stack-gap: var(--v-space-4)
-     * --stack-gap: var(--v-space-16)
-     * font-size: var(--v-font-title-24-size)
-     * line-height: var(--v-font-title-24-lineheight)
-     * font-size: var(--v-font-24-size)
-     * line-height: var(--v-font-24-lineheight)
-     * ``` */ readonly title24: 'title-24';
     /**
      * ```css
      * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
@@ -2313,47 +2001,6 @@ export interface ClassNames {
      * ```css
      * text-transform: uppercase
      * ``` */ readonly uppercase: 'uppercase';
-    /**
-     * ```css
-     * padding: var(--v-space-16)
-     * background-color: var(--_input-background-color, var(--v-color-background-primary))
-     * border-radius: var(--v-radius-4)
-     * box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-ornament-primary))
-     * transition: box-shadow var(--v-transition-default)
-     * outline: none
-     * height: 3rem
-     * width: 100%
-     * --_bg-pos-x: var(--_rtl-toggle) left
-     * background-image: var(--_icon-chevrondown)
-     * background-repeat: no-repeat
-     * background-position: center var(--_bg-pos-x, right) var(--v-space-16)
-     * background-size: 1rem 1rem
-     * ``` */ readonly vInput: 'v-input';
-    /**
-     * ```css
-     * position: relative
-     * --_transform-origin: var(--_rtl-toggle) 100%
-     * z-index: 1
-     * color: var(--v-color-foreground-secondary)
-     * pointer-events: none
-     * top: 0
-     * transition: transform var(--v-transition-default)
-     * transform-origin: var(--_transform-origin, 0)
-     * position: absolute
-     * inset-inline-start: var(--v-space-16)
-     * transform: translateY(5px)scale(.75)
-     * color: var(--v-color-foreground-feedback-red)
-     * height: 3.5rem
-     * padding-top: 1.625rem
-     * padding-bottom: .625rem
-     * --stack-gap: var(--v-space-32)
-     * ``` */ readonly vInputFloatingLabel: 'v-input-floating-label';
-    /**
-     * ```css
-     * flex-direction: column
-     * display: inline-flex
-     * margin-top: var(--v-space-8)
-     * ``` */ readonly vLabel: 'v-label';
     /**
      * ```css
      * width: 0
@@ -2420,31 +2067,7 @@ export interface ClassNames {
      * ``` */ readonly wXs: 'w-xs';
     /**
      * ```css
-     * width: var(--_height)
-     * min-width: var(--_height)
-     * height: var(--_height)
-     * min-height: var(--_height)
-     * vertical-align: middle
-     * flex-grow: 0
-     * flex-shrink: 0
-     * display: inline-block
-     * --_height: 5rem
-     * --_height: 4rem
-     * --_height: 3rem
-     * --_height: 2.5rem
-     * --_height: 2rem
-     * --_height: 1.5rem
-     * --_height: 1rem
-     * --_height: .75rem
-     * --_height: .5rem
-     * object-position: 0 -999px
-     * mask-size: cover
-     * mask-repeat: no-repeat
-     * width: calc(var(--_height) * 13)
-     * min-width: calc(var(--_height) * 13)
-     * mask-size: contain
-     * mask-image: var(--mask-url, var(--icon-url))
-     * background-color: currentColor
+     * 
      * ``` */ readonly wordmark: 'wordmark';
     /**
      * ```css