@volvo-cars/css 1.44.0 → 1.46.0

package/dist/styles.d.ts

@@ -278,28 +278,32 @@ export interface ClassNames {
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-x: -50%
      * ``` */ readonly TranslateX1/2: '-translate-x-1/2';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-x: -100%
      * ``` */ readonly TranslateXFull: '-translate-x-full';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-y: -50%
      * ``` */ readonly TranslateY1/2: '-translate-y-1/2';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-y: -100%
      * ``` */ readonly TranslateYFull: '-translate-y-full';
     /**
@@ -406,6 +410,10 @@ export interface ClassNames {
      * ```css
      * flex-basis: var(--v-size-grid-xs)
      * ``` */ readonly basisXs: 'basis-xs';
+    /**
+     * ```css
+     * 
+     * ``` */ readonly bgAccentBlueMedium: 'bg-accent-blue-medium';
     /**
      * ```css
      * --background-color: var(--v-color-always-black)
@@ -445,6 +453,10 @@ export interface ClassNames {
      * --background-color: var(--v-color-background-primary)
      * background-color: var(--background-color)
      * ``` */ readonly bgPrimary: 'bg-primary';
+    /**
+     * ```css
+     * 
+     * ``` */ readonly bgPrimarySubtle: 'bg-primary-subtle';
     /**
      * ```css
      * --background-color: var(--v-color-background-secondary)
@@ -572,11 +584,13 @@ export interface ClassNames {
      * ``` */ readonly borderR2: 'border-r-2';
     /**
      * ```css
-     * box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))
+     * box-shadow: inset 0 0 0 1px
+     *     var(--_border-color, var(--v-color-ornament-primary))
      * ``` */ readonly borderRing: 'border-ring';
     /**
      * ```css
-     * box-shadow: inset 0 0 0 2px var(--_border-color, var(--v-color-ornament-primary))
+     * box-shadow: inset 0 0 0 2px
+     *     var(--_border-color, var(--v-color-ornament-primary))
      * ``` */ readonly borderRing2: 'border-ring-2';
     /**
      * ```css
@@ -696,7 +710,9 @@ export interface ClassNames {
      * --button-accent-color: var(--v-color-surface-neutral)
      * --_color: var(--v-color-foreground-inverted)
      * color: var(--_color)
-     * background: color-mix(in hsl, var(--button-accent-color), var(--_color) var(--_overlay-rate))
+     * background: color-mix(in hsl,
+     *     var(--button-accent-color),
+     *     var(--_color) var(--_overlay-rate))
      * background: var(--button-accent-color)
      * --_overlay-rate: 0%
      * border-radius: var(--v-shape-emphasis)
@@ -725,7 +741,9 @@ export interface ClassNames {
      * font-weight: var(--v-font-emphasis-weight)
      * white-space: nowrap
      * overflow-x: clip
-     * background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
+     * background: color-mix(in oklab,
+     *     var(--_button-bg-color, transparent),
+     *     var(--button-accent-color) var(--_overlay-rate))
      * box-shadow: inset 0 0 0 1px var(--button-accent-color)
      * --_overlay-rate: 0%
      * border-radius: var(--v-shape-emphasis)
@@ -776,7 +794,9 @@ export interface ClassNames {
      * color: var(--_color)
      * white-space: nowrap
      * user-select: none
-     * background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))
+     * background-color: color-mix(in oklab,
+     *     var(--_chip-bg-color, transparent),
+     *     var(--_color) var(--_overlay-rate))
      * border-radius: var(--v-shape-emphasis)
      * box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)
      * transition: background-color var(--v-transition-default)
@@ -799,7 +819,9 @@ export interface ClassNames {
      * color: var(--_color)
      * white-space: nowrap
      * user-select: none
-     * background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))
+     * background-color: color-mix(in oklab,
+     *     var(--_chip-bg-color, transparent),
+     *     var(--_color) var(--_overlay-rate))
      * border-radius: var(--v-shape-emphasis)
      * box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)
      * transition: background-color var(--v-transition-default)
@@ -821,7 +843,9 @@ export interface ClassNames {
      * --_columns-total-width: var(--v-size-grid-xl)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -831,7 +855,9 @@ export interface ClassNames {
      * --_columns-total-width: var(--v-size-grid-lg)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -840,18 +866,24 @@ export interface ClassNames {
      * ```css
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
-     * max-width: min((100vw - var(--v-space-pagemargin) * 2)  + var(--_outer-margin), 160rem)
+     * max-width: min((100vw - var(--v-space-pagemargin) * 2) +
+     *     var(--_outer-margin),
+     *     160rem)
      * ``` */ readonly containerMax: 'container-max';
     /**
      * ```css
      * --_columns-total-width: var(--v-size-grid-md)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -861,7 +893,9 @@ export interface ClassNames {
      * --_columns-total-width: var(--v-size-grid-sm)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -871,7 +905,9 @@ export interface ClassNames {
      * --_columns-total-width: var(--v-size-grid-xl)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -881,7 +917,9 @@ export interface ClassNames {
      * --_columns-total-width: var(--v-size-grid-xs)
      * --_outer-margin: 0px
      * width: 100%
-     * max-width: min(var(--_container-max-width, 81rem), min(var(--v-size-grid-maxwidth), var(--_columns-total-width))  + var(--_outer-margin))
+     * max-width: min(var(--_container-max-width, 81rem),
+     *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
+     *     var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -916,6 +954,11 @@ export interface ClassNames {
      * position: absolute
      * inset-inline-end: 0
      * ``` */ readonly dialogClose: 'dialog__close';
+    /**
+     * ```css
+     * --range-thumb-width: 1.5rem
+     * --_range-gradient-direction: to right
+     * ``` */ readonly doubleRange: 'double-range';
     /**
      * ```css
      * inset-inline-end: 0
@@ -1307,21 +1350,27 @@ export interface ClassNames {
      * ``` */ readonly hFull: 'h-full';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-heading-1-size-min), var(--_size-override, var(--v-font-heading-1-size)), var(--v-font-heading-1-size-max))
+     * font-size: clamp(var(--v-font-heading-1-size-min),
+     *     var(--_size-override, var(--v-font-heading-1-size)),
+     *     var(--v-font-heading-1-size-max))
      * font-weight: var(--v-font-heading-1-weight)
      * line-height: var(--v-font-heading-1-lineheight)
      * text-wrap: balance
      * ``` */ readonly heading1: 'heading-1';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-heading-2-size-min), var(--_size-override, var(--v-font-heading-2-size)), var(--v-font-heading-2-size-max))
+     * font-size: clamp(var(--v-font-heading-2-size-min),
+     *     var(--_size-override, var(--v-font-heading-2-size)),
+     *     var(--v-font-heading-2-size-max))
      * font-weight: var(--v-font-heading-2-weight)
      * line-height: var(--v-font-heading-2-lineheight)
      * text-wrap: balance
      * ``` */ readonly heading2: 'heading-2';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-heading-3-size-min), var(--_size-override, var(--v-font-heading-3-size)), var(--v-font-heading-3-size-max))
+     * font-size: clamp(var(--v-font-heading-3-size-min),
+     *     var(--_size-override, var(--v-font-heading-3-size)),
+     *     var(--v-font-heading-3-size-max))
      * font-weight: var(--v-font-heading-3-weight)
      * line-height: var(--v-font-heading-3-lineheight)
      * text-wrap: balance
@@ -1343,7 +1392,9 @@ export interface ClassNames {
      * align-items: center
      * display: inline-flex
      * position: relative
-     * background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
+     * background: color-mix(in oklab,
+     *     var(--_button-bg-color, transparent),
+     *     var(--button-accent-color) var(--_overlay-rate))
      * --_overlay-rate: 0%
      * border-radius: var(--v-shape-emphasis)
      * --button-accent-color: var(--v-color-foreground-primary)
@@ -1365,7 +1416,9 @@ export interface ClassNames {
      * --button-accent-color: var(--v-color-surface-neutral)
      * --_color: var(--v-color-foreground-inverted)
      * color: var(--_color)
-     * background: color-mix(in hsl, var(--button-accent-color), var(--_color) var(--_overlay-rate))
+     * background: color-mix(in hsl,
+     *     var(--button-accent-color),
+     *     var(--_color) var(--_overlay-rate))
      * background: var(--button-accent-color)
      * --_overlay-rate: 0%
      * border-radius: var(--v-shape-emphasis)
@@ -1383,7 +1436,9 @@ export interface ClassNames {
      * align-items: center
      * display: inline-flex
      * position: relative
-     * background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
+     * background: color-mix(in oklab,
+     *     var(--_button-bg-color, transparent),
+     *     var(--button-accent-color) var(--_overlay-rate))
      * box-shadow: inset 0 0 0 1px var(--button-accent-color)
      * --_overlay-rate: 0%
      * border-radius: var(--v-shape-emphasis)
@@ -1447,7 +1502,8 @@ export interface ClassNames {
     /**
      * ```css
      * --_font-variation-ital: 1
-     * font-variation-settings: "DRKM" var(--_font-variation-drkm, 0), "ital" var(--_font-variation-ital, 1)
+     * font-variation-settings: "DRKM" var(--_font-variation-drkm, 0), "ital"
+     *     var(--_font-variation-ital, 1)
      * font-synthesis-style: none
      * font-style: italic
      * ``` */ readonly italic: 'italic';
@@ -1498,7 +1554,7 @@ export interface ClassNames {
     /**
      * ```css
      * gap: var(--v-space-gutter)
-     * max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))
+     * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
@@ -1508,7 +1564,7 @@ export interface ClassNames {
     /**
      * ```css
      * gap: var(--v-space-gutter)
-     * max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))
+     * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
@@ -1519,7 +1575,7 @@ export interface ClassNames {
     /**
      * ```css
      * gap: var(--v-space-gutter)
-     * max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))
+     * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
@@ -1529,7 +1585,7 @@ export interface ClassNames {
     /**
      * ```css
      * gap: var(--v-space-gutter)
-     * max-width: calc(var(--v-size-grid-maxwidth)  + var(--_outer-margin, 0))
+     * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
      * grid-template-columns: 1fr
      * margin-inline: auto
      * display: grid
@@ -2253,14 +2309,23 @@ export interface ClassNames {
      * --_sidebar-start-toggle: initial
      * --_sidebar-end-toggle: initial
      * --_page-grid: [page-start] 1fr [page-end]
-     * grid-template-columns: [bleed-start] var(--v-space-pagemargin) var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid))) var(--v-space-pagemargin) [bleed-end]
+     * grid-template-columns: [bleed-start]
+     *     var(--v-space-pagemargin)
+     *     /* pick the sidebar grids if defined, fallback to the page grid */
+     *     var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid)))
+     *     /* --- */
+     *     var(--v-space-pagemargin)
+     *     [bleed-end]
      * grid-auto-flow: dense
      * max-width: 160rem
      * margin-inline: auto
      * display: grid
      * --sidebar-width: var(--v-size-sidebar-wide)
-     * --_sidebar-end-grid: var(--_sidebar-end-toggle) [main-start] 1fr [main-end] var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end]
-     * --_sidebar-start-grid: var(--_sidebar-start-toggle) [sidebar-start] var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start] 1fr [main-end]
+     * --_sidebar-end-grid: var(--_sidebar-end-toggle) [main-start] 1fr [main-end]
+     *     var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end]
+     * --_sidebar-start-grid: var(--_sidebar-start-toggle) [sidebar-start]
+     *     var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start]
+     *     1fr [main-end]
      * ``` */ readonly pagelayout: 'pagelayout';
     /**
      * ```css
@@ -2363,7 +2428,8 @@ export interface ClassNames {
      * padding-inline: var(--v-space-8)
      * font: var(--v-font-12)
      * border-radius: var(--v-radius-full)
-     * box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))
+     * box-shadow: inset 0 0 0 1px
+     *     var(--_border-color, var(--v-color-ornament-primary))
      * ``` */ readonly pillOutlined: 'pill-outlined';
     /**
      * ```css
@@ -2722,6 +2788,20 @@ export interface ClassNames {
      * ```css
      * position: relative
      * ``` */ readonly relative: 'relative';
+    /**
+     * ```css
+     * inset-inline-end: 0
+     * width: var(--v-space-20)
+     * touch-action: none
+     * cursor: col-resize
+     * user-select: none
+     * justify-content: center
+     * align-items: center
+     * height: 100%
+     * display: flex
+     * position: absolute
+     * top: 0
+     * ``` */ readonly resizeHandle: 'resize-handle';
     /**
      * ```css
      * rotate: none
@@ -2894,7 +2974,8 @@ export interface ClassNames {
      * background-color: var(--v-color-background-primary)
      * border-radius: var(--v-shape-default)
      * box-shadow: inset 0 0 0 var(--_card-border-width) var(--_card-border-color)
-     * transition: box-shadow var(--v-transition-default), background-color var(--_v-transition-speed-default) ease-out
+     * transition: box-shadow var(--v-transition-default),
+     *     background-color var(--_v-transition-speed-default) ease-out
      * grid-template-columns: 1fr auto
      * align-items: start
      * display: grid
@@ -3070,21 +3151,27 @@ export interface ClassNames {
      * ``` */ readonly startFull: 'start-full';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-statement-1-size-min), var(--_size-override, var(--v-font-statement-1-size)), var(--v-font-statement-1-size-max))
+     * font-size: clamp(var(--v-font-statement-1-size-min),
+     *     var(--_size-override, var(--v-font-statement-1-size)),
+     *     var(--v-font-statement-1-size-max))
      * font-weight: var(--v-font-statement-1-weight)
      * line-height: var(--v-font-statement-1-lineheight)
      * text-wrap: balance
      * ``` */ readonly statement1: 'statement-1';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-statement-2-size-min), var(--_size-override, var(--v-font-statement-2-size)), var(--v-font-statement-2-size-max))
+     * font-size: clamp(var(--v-font-statement-2-size-min),
+     *     var(--_size-override, var(--v-font-statement-2-size)),
+     *     var(--v-font-statement-2-size-max))
      * font-weight: var(--v-font-statement-2-weight)
      * line-height: var(--v-font-statement-2-lineheight)
      * text-wrap: balance
      * ``` */ readonly statement2: 'statement-2';
     /**
      * ```css
-     * font-size: clamp(var(--v-font-statement-3-size-min), var(--_size-override, var(--v-font-statement-3-size)), var(--v-font-statement-3-size-max))
+     * font-size: clamp(var(--v-font-statement-3-size-min),
+     *     var(--_size-override, var(--v-font-statement-3-size)),
+     *     var(--v-font-statement-3-size-max))
      * font-weight: var(--v-font-statement-3-weight)
      * line-height: var(--v-font-statement-3-lineheight)
      * text-wrap: balance
@@ -3092,7 +3179,9 @@ export interface ClassNames {
     /**
      * ```css
      * font-family: var(--v-font-broad-family)
-     * font-size: clamp(var(--v-font-statement-signature-size-min), var(--_size-override, var(--v-font-statement-signature-size)), var(--v-font-statement-signature-size-max))
+     * font-size: clamp(var(--v-font-statement-signature-size-min),
+     *     var(--_size-override, var(--v-font-statement-signature-size)),
+     *     var(--v-font-statement-signature-size-max))
      * font-weight: var(--v-font-statement-signature-weight)
      * line-height: var(--v-font-statement-signature-lineheight)
      * text-wrap: balance
@@ -3113,17 +3202,24 @@ export interface ClassNames {
     /**
      * ```css
      * cursor: pointer
-     * background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) var(--_overlay-rate, 0%))
+     * background-color: color-mix(in lab,
+     *     var(--background-color, var(--v-color-background-primary)),
+     *     var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))
+     *       var(--_overlay-rate, 0%))
      * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
      * transition-duration: var(--_v-transition-speed-default)
      * display: block
      * height: 3rem
      * padding-inline: var(--v-space-8)
-     * font-weight: var(--v-font-emphasis-weight)
      * border-bottom: 2px solid #0000
      * align-items: center
      * display: flex
      * ``` */ readonly tab: 'tab';
+    /**
+     * ```css
+     * border-collapse: collapse
+     * background-color: var(--v-color-background-primary)
+     * ``` */ readonly table: 'table';
     /**
      * ```css
      * --_selected-border-color: var(--v-color-foreground-primary)
@@ -3139,7 +3235,10 @@ export interface ClassNames {
     /**
      * ```css
      * cursor: pointer
-     * background-color: color-mix(in lab, var(--background-color, var(--v-color-background-primary)), var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) var(--_overlay-rate, 0%))
+     * background-color: color-mix(in lab,
+     *     var(--background-color, var(--v-color-background-primary)),
+     *     var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))
+     *       var(--_overlay-rate, 0%))
      * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
      * transition-duration: var(--_v-transition-speed-default)
      * display: block
@@ -3213,6 +3312,18 @@ export interface ClassNames {
      * ```css
      * text-wrap: wrap
      * ``` */ readonly textWrap: 'text-wrap';
+    /**
+     * ```css
+     * grid-template-areas: "heading"
+     *                          "description"
+     *                          "action"
+     * justify-items: start
+     * display: grid
+     * column-gap: var(--v-space-24)
+     * grid-template-columns: 1fr 1fr
+     * grid-template-areas: "heading description"
+     *                            "heading action"
+     * ``` */ readonly title: 'title';
     /**
      * ```css
      * --_border-color-dark: var(--_dark-toggle) var(--v-color-ornament-primary)
@@ -3241,7 +3352,9 @@ export interface ClassNames {
      * color: var(--_color)
      * white-space: nowrap
      * user-select: none
-     * background-color: color-mix(in oklab, var(--_chip-bg-color, transparent), var(--_color) var(--_overlay-rate))
+     * background-color: color-mix(in oklab,
+     *     var(--_chip-bg-color, transparent),
+     *     var(--_color) var(--_overlay-rate))
      * border-radius: var(--v-shape-emphasis)
      * box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary)
      * transition: background-color var(--v-transition-default)
@@ -3255,7 +3368,7 @@ export interface ClassNames {
      * max-width: 24ch
      * padding-block: var(--v-space-4)
      * padding-inline: var(--v-space-8)
-     * font-size: var(--v-font-14-size)
+     * font-size: var(--v-font-12-size)
      * hyphens: auto
      * color: var(--v-color-foreground-inverted)
      * white-space: pre-line
@@ -3339,40 +3452,46 @@ export interface ClassNames {
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * ``` */ readonly translateX0: 'translate-x-0';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-x: 50%
      * ``` */ readonly translateX1/2: 'translate-x-1/2';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-x: 100%
      * ``` */ readonly translateXFull: 'translate-x-full';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * ``` */ readonly translateY0: 'translate-y-0';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-y: 50%
      * ``` */ readonly translateY1/2: 'translate-y-1/2';
     /**
      * ```css
      * --translate-x: 0px
      * --translate-y: 0px
-     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
+     * translate: calc(var(--translate-x) * var(--_v-setting-text-direction))
+     *     var(--translate-y)
      * --translate-y: 100%
      * ``` */ readonly translateYFull: 'translate-y-full';
     /**