@volvo-cars/css 2.4.1 → 2.5.1

package/dist/styles.d.ts

@@ -412,7 +412,7 @@ export interface ClassNames {
      * ``` */ readonly basisXs: 'basis-xs';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly bgAccentBlueMedium: 'bg-accent-blue-medium';
     /**
      * ```css
@@ -455,7 +455,7 @@ export interface ClassNames {
      * ``` */ readonly bgPrimary: 'bg-primary';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly bgPrimarySubtle: 'bg-primary-subtle';
     /**
      * ```css
@@ -777,7 +777,7 @@ export interface ClassNames {
      * ``` */ readonly capitalize: 'capitalize';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly checkbox: 'checkbox';
     /**
      * ```css
@@ -830,6 +830,26 @@ export interface ClassNames {
      * display: inline-flex
      * position: relative
      * ``` */ readonly chipSelectable: 'chip-selectable';
+    /**
+     * ```css
+     * grid-column: span 1 / span 1
+     * ``` */ readonly colSpan1: 'col-span-1';
+    /**
+     * ```css
+     * grid-column: span 2 / span 2
+     * ``` */ readonly colSpan2: 'col-span-2';
+    /**
+     * ```css
+     * grid-column: span 3 / span 3
+     * ``` */ readonly colSpan3: 'col-span-3';
+    /**
+     * ```css
+     * grid-column: span 4 / span 4
+     * ``` */ readonly colSpan4: 'col-span-4';
+    /**
+     * ```css
+     * grid-column: 1 / -1
+     * ``` */ readonly colSpanFull: 'col-span-full';
     /**
      * ```css
      * contain: content
@@ -845,7 +865,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -857,7 +877,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -868,12 +888,11 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       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),
+     * max-width: min((100vw - var(--v-space-pagemargin) * 2) + var(--_outer-margin),
      *     160rem)
      * ``` */ readonly containerMax: 'container-max';
     /**
@@ -883,7 +902,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -895,7 +914,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -907,7 +926,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -919,7 +938,7 @@ export interface ClassNames {
      * width: 100%
      * max-width: min(var(--_container-max-width, 81rem),
      *     min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) +
-     *     var(--_outer-margin))
+     *       var(--_outer-margin))
      * scroll-padding-inline: calc(var(--_outer-margin) / 2)
      * margin-inline: auto
      * container-type: inline-size
@@ -938,15 +957,15 @@ export interface ClassNames {
      * ``` */ readonly cursorPointer: 'cursor-pointer';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly customSelect: 'custom-select';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly dialogLarge: 'dialog-large';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly dialogSmall: 'dialog-small';
     /**
      * ```css
@@ -1022,6 +1041,10 @@ export interface ClassNames {
      * --_display-inner: flex
      * display: var(--_display-outer) flex
      * ``` */ readonly flex: 'flex';
+    /**
+     * ```css
+     * flex: 1
+     * ``` */ readonly flex1: 'flex-1';
     /**
      * ```css
      * --_display-inner: flex
@@ -1042,6 +1065,10 @@ export interface ClassNames {
      * ```css
      * flex-grow: 0
      * ``` */ readonly flexGrow0: 'flex-grow-0';
+    /**
+     * ```css
+     * flex: none
+     * ``` */ readonly flexNone: 'flex-none';
     /**
      * ```css
      * flex-wrap: nowrap
@@ -1280,6 +1307,12 @@ export interface ClassNames {
      * --_display-inner: grid
      * display: var(--_display-outer) grid
      * ``` */ readonly grid: 'grid';
+    /**
+     * ```css
+     * --_display-inner: grid
+     * display: var(--_display-outer) grid
+     * grid-template-columns: repeat(1, minmax(0, 1fr))
+     * ``` */ readonly gridCols1: 'grid-cols-1';
     /**
      * ```css
      * --_display-inner: grid
@@ -1334,6 +1367,10 @@ export interface ClassNames {
      * ```css
      * height: .5rem
      * ``` */ readonly h8: 'h-8';
+    /**
+     * ```css
+     * height: auto
+     * ``` */ readonly hAuto: 'h-auto';
     /**
      * ```css
      * height: fit-content
@@ -1362,7 +1399,7 @@ export interface ClassNames {
      * ``` */ readonly heading2: 'heading-2';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly heading3: 'heading-3';
     /**
      * ```css
@@ -1440,11 +1477,11 @@ export interface ClassNames {
      * ``` */ readonly iconButtonOutlined: 'icon-button-outlined';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly iconMask: 'icon-mask';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly iconSprite: 'icon-sprite';
     /**
      * ```css
@@ -1462,6 +1499,18 @@ export interface ClassNames {
      * --_display-outer: inline
      * display: var(--_display-outer) var(--_display-inner)
      * ``` */ readonly inline: 'inline';
+    /**
+     * ```css
+     * --_display-outer: inline
+     * --_display-inner: flex
+     * display: var(--_display-outer) var(--_display-inner)
+     * ``` */ readonly inlineFlex: 'inline-flex';
+    /**
+     * ```css
+     * --_display-outer: inline
+     * --_display-inner: grid
+     * display: var(--_display-outer) var(--_display-inner)
+     * ``` */ readonly inlineGrid: 'inline-grid';
     /**
      * ```css
      * --_background-color: var(--v-color-background-feedback-gray)
@@ -1474,7 +1523,7 @@ export interface ClassNames {
      * ``` */ readonly inlineMessage: 'inline-message';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly input: 'input';
     /**
      * ```css
@@ -1488,11 +1537,15 @@ 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';
+    /**
+     * ```css
+     * align-items: baseline
+     * ``` */ readonly itemsBaseline: 'items-baseline';
     /**
      * ```css
      * align-items: center
@@ -1535,7 +1588,7 @@ export interface ClassNames {
      * ``` */ readonly justifyStart: 'justify-start';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly label: 'label';
     /**
      * ```css
@@ -1600,7 +1653,7 @@ export interface ClassNames {
      * ``` */ readonly linkUnderlined: 'link-underlined';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly list: 'list';
     /**
      * ```css
@@ -2285,7 +2338,7 @@ export interface ClassNames {
      * ``` */ readonly objectFill: 'object-fill';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly opacity0: 'opacity-0';
     /**
      * ```css
@@ -2384,10 +2437,8 @@ export interface ClassNames {
      * --_page-grid: [page-start] 1fr [page-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)
+     *     /* 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
@@ -2853,7 +2904,7 @@ export interface ClassNames {
      * ``` */ readonly pyXs: 'py-xs';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly radio: 'radio';
     /**
      * ```css
@@ -2933,7 +2984,7 @@ export interface ClassNames {
      * ``` */ readonly scaleZoomed: 'scale-zoomed';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly scrollbarNone: 'scrollbar-none';
     /**
      * ```css
@@ -2985,7 +3036,7 @@ export interface ClassNames {
      * ``` */ readonly shapeEmphasis: 'shape-emphasis';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly sheet: 'sheet';
     /**
      * ```css
@@ -2994,6 +3045,11 @@ export interface ClassNames {
      * border-radius: var(--v-shape-default)
      * min-height: 1em
      * ``` */ readonly skeleton: 'skeleton';
+    /**
+     * ```css
+     * --animate-from-translate-y: 100%
+     * animation: v-slide-in var(--v-transition-micro)
+     * ``` */ readonly slideInFromBottom: 'slide-in-from-bottom';
     /**
      * ```css
      * scroll-snap-align: center
@@ -3016,7 +3072,7 @@ export interface ClassNames {
      * ``` */ readonly snapY: 'snap-y';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly spinner: 'spinner';
     /**
      * ```css
@@ -3032,47 +3088,47 @@ export interface ClassNames {
      * ``` */ readonly srOnly: 'sr-only';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack16: 'stack-16';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack24: 'stack-24';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack32: 'stack-32';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack4: 'stack-4';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack48: 'stack-48';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack64: 'stack-64';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stack8: 'stack-8';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stackL: 'stack-l';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stackM: 'stack-m';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stackS: 'stack-s';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly stackText: 'stack-text';
     /**
      * ```css
@@ -3174,7 +3230,7 @@ export interface ClassNames {
      * ``` */ readonly sticky: 'sticky';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly switch: 'switch';
     /**
      * ```css
@@ -3557,6 +3613,10 @@ export interface ClassNames {
      * ```css
      * width: .5rem
      * ``` */ readonly w8: 'w-8';
+    /**
+     * ```css
+     * width: auto
+     * ``` */ readonly wAuto: 'w-auto';
     /**
      * ```css
      * width: fit-content
@@ -3601,13 +3661,17 @@ export interface ClassNames {
      * ```css
      * white-space: nowrap
      * ``` */ readonly whitespaceNowrap: 'whitespace-nowrap';
+    /**
+     * ```css
+     * white-space: pre
+     * ``` */ readonly whitespacePre: 'whitespace-pre';
     /**
      * ```css
      * white-space: pre-line
      * ``` */ readonly whitespacePreLine: 'whitespace-pre-line';
     /**
      * ```css
-     * 
+     *
      * ``` */ readonly wordmark: 'wordmark';
     /**
      * ```css