@volvo-cars/css 1.52.1 → 2.0.0

package/dist/styles.d.ts

@@ -704,7 +704,7 @@ export interface ClassNames {
      * max-width: 100%
      * height: 3rem
      * font-size: var(--v-font-16-size)
-     * font-weight: var(--v-font-emphasis-weight)
+     * font-weight: var(--v-font-regular-weight)
      * white-space: nowrap
      * overflow-x: clip
      * --button-accent-color: var(--v-color-surface-neutral)
@@ -738,7 +738,7 @@ export interface ClassNames {
      * max-width: 100%
      * height: 3rem
      * font-size: var(--v-font-16-size)
-     * font-weight: var(--v-font-emphasis-weight)
+     * font-weight: var(--v-font-regular-weight)
      * white-space: nowrap
      * overflow-x: clip
      * background: color-mix(in oklab,
@@ -764,7 +764,7 @@ export interface ClassNames {
      * max-width: 100%
      * height: 3rem
      * font-size: var(--v-font-16-size)
-     * font-weight: var(--v-font-emphasis-weight)
+     * font-weight: var(--v-font-regular-weight)
      * white-space: nowrap
      * overflow-x: clip
      * --button-accent-color: var(--v-color-foreground-primary)
@@ -928,10 +928,6 @@ export interface ClassNames {
      * ```css
      * display: contents
      * ``` */ readonly contents: 'contents';
-    /**
-     * ```css
-     * 
-     * ``` */ readonly dialog: 'dialog';
     /**
      * ```css
      * 
@@ -944,16 +940,6 @@ export interface ClassNames {
      * max-width: calc(100vw - 3rem)
      * margin-bottom: auto
      * ``` */ readonly dialogSmall: 'dialog-small';
-    /**
-     * ```css
-     * top: 0
-     * height: var(--v-space-48)
-     * justify-content: flex-end
-     * align-items: center
-     * display: flex
-     * position: absolute
-     * inset-inline-end: 0
-     * ``` */ readonly dialogClose: 'dialog__close';
     /**
      * ```css
      * --range-thumb-width: 1.5rem
@@ -1368,12 +1354,7 @@ export interface ClassNames {
      * ``` */ 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-weight: var(--v-font-heading-3-weight)
-     * line-height: var(--v-font-heading-3-lineheight)
-     * text-wrap: balance
+     * 
      * ``` */ readonly heading3: 'heading-3';
     /**
      * ```css
@@ -1831,6 +1812,22 @@ export interface ClassNames {
      * text-decoration: none
      * --background-color: var(--v-color-background-secondary)
      * ``` */ readonly mediaTile: 'media-tile';
+    /**
+     * ```css
+     * --v-color-foreground-primary: var(--v-color-foreground-inverted)
+     * --_dark-toggle: var(--_light-toggle)
+     * gap: var(--v-space-8)
+     * padding: var(--v-space-16) var(--v-space-pageoffset)
+     * color: var(--v-color-foreground-inverted)
+     * background-color: var(--v-color-surface-neutral)
+     * flex-direction: column
+     * display: flex
+     * position: relative
+     * gap: var(--v-space-16)
+     * flex-direction: row
+     * justify-content: center
+     * align-items: center
+     * ``` */ readonly messageBar: 'message-bar';
     /**
      * ```css
      * font-size: var(--v-font-12-size)
@@ -1937,6 +1934,10 @@ export interface ClassNames {
      * ```css
      * margin-inline-start: var(--v-space-pagemargin)
      * ``` */ readonly mlPagemargin: 'ml-pagemargin';
+    /**
+     * ```css
+     * margin-inline-start: var(--v-space-pageoffset)
+     * ``` */ readonly mlPageoffset: 'ml-pageoffset';
     /**
      * ```css
      * margin-inline-end: 0
@@ -1985,6 +1986,10 @@ export interface ClassNames {
      * ```css
      * margin-inline-end: var(--v-space-pagemargin)
      * ``` */ readonly mrPagemargin: 'mr-pagemargin';
+    /**
+     * ```css
+     * margin-inline-end: var(--v-space-pageoffset)
+     * ``` */ readonly mrPageoffset: 'mr-pageoffset';
     /**
      * ```css
      * margin-top: 0
@@ -2125,6 +2130,11 @@ export interface ClassNames {
      * margin-inline-end: var(--v-space-pagemargin)
      * margin-inline-start: var(--v-space-pagemargin)
      * ``` */ readonly mxPagemargin: 'mx-pagemargin';
+    /**
+     * ```css
+     * margin-inline-end: var(--v-space-pageoffset)
+     * margin-inline-start: var(--v-space-pageoffset)
+     * ``` */ readonly mxPageoffset: 'mx-pageoffset';
     /**
      * ```css
      * margin-top: 0
@@ -2444,7 +2454,7 @@ export interface ClassNames {
      * padding-block: var(--v-space-2)
      * padding-inline: var(--v-space-8)
      * font: var(--v-font-12)
-     * border-radius: var(--v-radius-full)
+     * border-radius: var(--v-shape-default)
      * color: var(--v-color-foreground-inverted)
      * background-color: var(--v-color-surface-neutral)
      * ``` */ readonly pillFilled: 'pill-filled';
@@ -2454,7 +2464,7 @@ export interface ClassNames {
      * padding-block: var(--v-space-2)
      * padding-inline: var(--v-space-8)
      * font: var(--v-font-12)
-     * border-radius: var(--v-radius-full)
+     * border-radius: var(--v-shape-default)
      * box-shadow: inset 0 0 0 1px
      *     var(--_border-color, var(--v-color-ornament-primary))
      * ``` */ readonly pillOutlined: 'pill-outlined';
@@ -2464,8 +2474,8 @@ export interface ClassNames {
      * padding-block: var(--v-space-2)
      * padding-inline: var(--v-space-8)
      * font: var(--v-font-12)
-     * border-radius: var(--v-radius-full)
-     * background-color: var(--v-color-background-secondary)
+     * border-radius: var(--v-shape-default)
+     * background-color: var(--v-color-surface-gray)
      * ``` */ readonly pillSoft: 'pill-soft';
     /**
      * ```css
@@ -2511,6 +2521,10 @@ export interface ClassNames {
      * ```css
      * padding-inline-start: var(--v-space-pagemargin)
      * ``` */ readonly plPagemargin: 'pl-pagemargin';
+    /**
+     * ```css
+     * padding-inline-start: var(--v-space-pageoffset)
+     * ``` */ readonly plPageoffset: 'pl-pageoffset';
     /**
      * ```css
      * padding-inline-end: 0
@@ -2555,6 +2569,10 @@ export interface ClassNames {
      * ```css
      * padding-inline-end: var(--v-space-pagemargin)
      * ``` */ readonly prPagemargin: 'pr-pagemargin';
+    /**
+     * ```css
+     * padding-inline-end: var(--v-space-pageoffset)
+     * ``` */ readonly prPageoffset: 'pr-pageoffset';
     /**
      * ```css
      * padding-top: 0
@@ -2686,6 +2704,11 @@ export interface ClassNames {
      * padding-inline-end: var(--v-space-pagemargin)
      * padding-inline-start: var(--v-space-pagemargin)
      * ``` */ readonly pxPagemargin: 'px-pagemargin';
+    /**
+     * ```css
+     * padding-inline-end: var(--v-space-pageoffset)
+     * padding-inline-start: var(--v-space-pageoffset)
+     * ``` */ readonly pxPageoffset: 'px-pageoffset';
     /**
      * ```css
      * padding-top: 0
@@ -2803,14 +2826,6 @@ export interface ClassNames {
      * overflow: auto hidden
      * scroll-behavior: auto
      * ``` */ readonly reel: 'reel';
-    /**
-     * ```css
-     * column-gap: var(--v-space-4)
-     * margin-block: var(--v-space-32)
-     * flex-direction: row
-     * justify-content: center
-     * display: flex
-     * ``` */ readonly reelIndicators: 'reel-indicators';
     /**
      * ```css
      * position: relative
@@ -2843,128 +2858,12 @@ export interface ClassNames {
      * ``` */ readonly rotate90: 'rotate-90';
     /**
      * ```css
-     * border-radius: var(--v-radius-sm)
-     * ``` */ readonly rounded: 'rounded';
-    /**
-     * ```css
-     * border-end-end-radius: var(--v-radius-sm)
-     * border-end-start-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedB: 'rounded-b';
-    /**
-     * ```css
-     * border-end-end-radius: var(--v-radius-full)
-     * border-end-start-radius: var(--v-radius-full)
-     * ``` */ readonly roundedBFull: 'rounded-b-full';
-    /**
-     * ```css
-     * border-end-end-radius: var(--v-radius-lg)
-     * border-end-start-radius: var(--v-radius-lg)
-     * ``` */ readonly roundedBLg: 'rounded-b-lg';
-    /**
-     * ```css
-     * border-end-end-radius: var(--v-radius-md)
-     * border-end-start-radius: var(--v-radius-md)
-     * ``` */ readonly roundedBMd: 'rounded-b-md';
-    /**
-     * ```css
-     * border-end-end-radius: var(--v-radius-sm)
-     * border-end-start-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedBSm: 'rounded-b-sm';
-    /**
-     * ```css
-     * border-start-end-radius: var(--v-radius-sm)
-     * border-end-end-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedE: 'rounded-e';
-    /**
-     * ```css
-     * border-start-end-radius: var(--v-radius-full)
-     * border-end-end-radius: var(--v-radius-full)
-     * ``` */ readonly roundedEFull: 'rounded-e-full';
-    /**
-     * ```css
-     * border-start-end-radius: var(--v-radius-lg)
-     * border-end-end-radius: var(--v-radius-lg)
-     * ``` */ readonly roundedELg: 'rounded-e-lg';
-    /**
-     * ```css
-     * border-start-end-radius: var(--v-radius-md)
-     * border-end-end-radius: var(--v-radius-md)
-     * ``` */ readonly roundedEMd: 'rounded-e-md';
-    /**
-     * ```css
-     * border-start-end-radius: var(--v-radius-sm)
-     * border-end-end-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedESm: 'rounded-e-sm';
-    /**
-     * ```css
-     * border-radius: var(--v-radius-full)
+     * border-radius: var(--v-shape-emphasis)
      * ``` */ 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: 0
      * ``` */ readonly roundedNone: 'rounded-none';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-sm)
-     * border-end-start-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedS: 'rounded-s';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-full)
-     * border-end-start-radius: var(--v-radius-full)
-     * ``` */ readonly roundedSFull: 'rounded-s-full';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-lg)
-     * border-end-start-radius: var(--v-radius-lg)
-     * ``` */ readonly roundedSLg: 'rounded-s-lg';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-md)
-     * border-end-start-radius: var(--v-radius-md)
-     * ``` */ readonly roundedSMd: 'rounded-s-md';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-sm)
-     * border-end-start-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedSSm: 'rounded-s-sm';
-    /**
-     * ```css
-     * border-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedSm: 'rounded-sm';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-sm)
-     * border-start-end-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedT: 'rounded-t';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-full)
-     * border-start-end-radius: var(--v-radius-full)
-     * ``` */ readonly roundedTFull: 'rounded-t-full';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-lg)
-     * border-start-end-radius: var(--v-radius-lg)
-     * ``` */ readonly roundedTLg: 'rounded-t-lg';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-md)
-     * border-start-end-radius: var(--v-radius-md)
-     * ``` */ readonly roundedTMd: 'rounded-t-md';
-    /**
-     * ```css
-     * border-start-start-radius: var(--v-radius-sm)
-     * border-start-end-radius: var(--v-radius-sm)
-     * ``` */ readonly roundedTSm: 'rounded-t-sm';
     /**
      * ```css
      * scale: 1
@@ -3420,30 +3319,6 @@ export interface ClassNames {
      * display: grid
      * width: var(--v-size-grid-xs)
      * ``` */ readonly toastMessage: 'toast-message';
-    /**
-     * ```css
-     * --_overlay-rate: 0%
-     * --_color: var(--v-color-foreground-primary)
-     * --spinner-size: 1rem
-     * min-width: max-content
-     * max-width: 100%
-     * height: 2.5rem
-     * padding-inline: var(--v-space-16)
-     * font: var(--v-font-16)
-     * 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))
-     * 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)
-     * justify-content: center
-     * align-items: center
-     * display: inline-flex
-     * position: relative
-     * ``` */ readonly toggleGroupButton: 'toggle-group-button';
     /**
      * ```css
      * max-width: 24ch