@volvo-cars/css 1.47.0 → 1.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.d.ts CHANGED
@@ -790,7 +790,7 @@ export interface ClassNames {
790
790
  * max-width: 100%
791
791
  * height: 2.5rem
792
792
  * padding-inline: var(--v-space-16)
793
- * font-size: var(--v-font-16-size)
793
+ * font: var(--v-font-16)
794
794
  * color: var(--_color)
795
795
  * white-space: nowrap
796
796
  * user-select: none
@@ -815,7 +815,7 @@ export interface ClassNames {
815
815
  * max-width: 100%
816
816
  * height: 2.5rem
817
817
  * padding-inline: var(--v-space-16)
818
- * font-size: var(--v-font-16-size)
818
+ * font: var(--v-font-16)
819
819
  * color: var(--_color)
820
820
  * white-space: nowrap
821
821
  * user-select: none
@@ -1804,6 +1804,38 @@ export interface ClassNames {
1804
1804
  * ```css
1805
1805
  * margin-bottom: var(--v-space-xs)
1806
1806
  * ``` */ readonly mbXs: 'mb-xs';
1807
+ /**
1808
+ * ```css
1809
+ * flex-direction: column
1810
+ * display: flex
1811
+ * overflow: clip
1812
+ * background-color: var(--v-color-background-primary)
1813
+ * height: 100%
1814
+ * gap: var(--v-space-24)
1815
+ * flex-direction: row
1816
+ * ``` */ readonly mediaBanner: 'media-banner';
1817
+ /**
1818
+ * ```css
1819
+ * flex-direction: column
1820
+ * display: flex
1821
+ * gap: var(--v-space-8)
1822
+ * align-items: start
1823
+ * ``` */ readonly mediaCard: 'media-card';
1824
+ /**
1825
+ * ```css
1826
+ * cursor: pointer
1827
+ * background-color: color-mix(in lab,
1828
+ * var(--background-color, var(--v-color-background-primary)),
1829
+ * var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))
1830
+ * var(--_overlay-rate, 0%))
1831
+ * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
1832
+ * transition-duration: var(--_v-transition-speed-default)
1833
+ * display: block
1834
+ * flex-direction: column
1835
+ * display: flex
1836
+ * text-decoration: none
1837
+ * overflow: clip
1838
+ * ``` */ readonly mediaTile: 'media-tile';
1807
1839
  /**
1808
1840
  * ```css
1809
1841
  * font-size: var(--v-font-12-size)
@@ -2778,10 +2810,10 @@ export interface ClassNames {
2778
2810
  * ``` */ readonly reel: 'reel';
2779
2811
  /**
2780
2812
  * ```css
2813
+ * column-gap: var(--v-space-4)
2814
+ * margin-block: var(--v-space-32)
2781
2815
  * flex-direction: row
2782
2816
  * justify-content: center
2783
- * column-gap: .25rem
2784
- * margin-block: 2rem
2785
2817
  * display: flex
2786
2818
  * ``` */ readonly reelIndicators: 'reel-indicators';
2787
2819
  /**
@@ -3262,6 +3294,26 @@ export interface ClassNames {
3262
3294
  * ```css
3263
3295
  * text-wrap: balance
3264
3296
  * ``` */ readonly textBalance: 'text-balance';
3297
+ /**
3298
+ * ```css
3299
+ * flex-direction: column
3300
+ * display: flex
3301
+ * overflow: clip
3302
+ * gap: var(--v-space-24)
3303
+ * padding: var(--v-space-48) var(--v-space-24)
3304
+ * background-color: var(--v-color-background-secondary)
3305
+ * flex-direction: row
3306
+ * ``` */ readonly textBanner: 'text-banner';
3307
+ /**
3308
+ * ```css
3309
+ * flex-direction: column
3310
+ * display: flex
3311
+ * gap: var(--v-space-8)
3312
+ * align-items: start
3313
+ * padding-block: var(--v-space-32)
3314
+ * padding-inline: var(--v-space-24)
3315
+ * background-color: var(--v-color-background-secondary)
3316
+ * ``` */ readonly textCard: 'text-card';
3265
3317
  /**
3266
3318
  * ```css
3267
3319
  * text-align: center
@@ -3308,6 +3360,26 @@ export interface ClassNames {
3308
3360
  * ```css
3309
3361
  * text-align: start
3310
3362
  * ``` */ readonly textStart: 'text-start';
3363
+ /**
3364
+ * ```css
3365
+ * cursor: pointer
3366
+ * background-color: color-mix(in lab,
3367
+ * var(--background-color, var(--v-color-background-primary)),
3368
+ * var(--tap-area-color, var(--color, var(--v-color-foreground-primary)))
3369
+ * var(--_overlay-rate, 0%))
3370
+ * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
3371
+ * transition-duration: var(--_v-transition-speed-default)
3372
+ * display: block
3373
+ * flex-direction: column
3374
+ * display: flex
3375
+ * text-decoration: none
3376
+ * overflow: clip
3377
+ * --background-color: var(--v-color-background-secondary)
3378
+ * gap: var(--v-space-24)
3379
+ * height: 100%
3380
+ * padding: var(--v-space-24)
3381
+ * justify-content: space-between
3382
+ * ``` */ readonly textTile: 'text-tile';
3311
3383
  /**
3312
3384
  * ```css
3313
3385
  * text-wrap: wrap
@@ -3360,7 +3432,7 @@ export interface ClassNames {
3360
3432
  * max-width: 100%
3361
3433
  * height: 2.5rem
3362
3434
  * padding-inline: var(--v-space-16)
3363
- * font-size: var(--v-font-16-size)
3435
+ * font: var(--v-font-16)
3364
3436
  * color: var(--_color)
3365
3437
  * white-space: nowrap
3366
3438
  * user-select: none