@volvo-cars/css 0.40.0 → 0.42.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/meta.json CHANGED
@@ -28,6 +28,7 @@
28
28
  "-my-24",
29
29
  "-my-4",
30
30
  "-my-8",
31
+ "-rotate-90",
31
32
  "active:scale-pressed",
32
33
  "backdrop",
33
34
  "bg-accent-blue",
@@ -75,6 +76,9 @@
75
76
  "border-x-2",
76
77
  "border-y",
77
78
  "border-y-2",
79
+ "button-expanded:border-accent-blue",
80
+ "button-expanded:border-primary",
81
+ "button-expanded:rotate-180",
78
82
  "button-filled",
79
83
  "button-group",
80
84
  "button-hover:scale-zoomed",
@@ -103,6 +107,7 @@
103
107
  "current:border-accent-blue",
104
108
  "current:border-primary",
105
109
  "current:text-primary",
110
+ "details-open:rotate-180",
106
111
  "dialog",
107
112
  "dialog__close",
108
113
  "disclosure",
@@ -305,6 +310,18 @@
305
310
  "lg:my-l",
306
311
  "lg:my-m",
307
312
  "lg:my-s",
313
+ "lg:overflow-auto",
314
+ "lg:overflow-hidden",
315
+ "lg:overflow-scroll",
316
+ "lg:overflow-visible",
317
+ "lg:overflow-x-auto",
318
+ "lg:overflow-x-hidden",
319
+ "lg:overflow-x-scroll",
320
+ "lg:overflow-x-visible",
321
+ "lg:overflow-y-auto",
322
+ "lg:overflow-y-hidden",
323
+ "lg:overflow-y-scroll",
324
+ "lg:overflow-y-visible",
308
325
  "lg:p-0",
309
326
  "lg:p-16",
310
327
  "lg:p-24",
@@ -530,6 +547,18 @@
530
547
  "md:my-l",
531
548
  "md:my-m",
532
549
  "md:my-s",
550
+ "md:overflow-auto",
551
+ "md:overflow-hidden",
552
+ "md:overflow-scroll",
553
+ "md:overflow-visible",
554
+ "md:overflow-x-auto",
555
+ "md:overflow-x-hidden",
556
+ "md:overflow-x-scroll",
557
+ "md:overflow-x-visible",
558
+ "md:overflow-y-auto",
559
+ "md:overflow-y-hidden",
560
+ "md:overflow-y-scroll",
561
+ "md:overflow-y-visible",
533
562
  "md:p-0",
534
563
  "md:p-16",
535
564
  "md:p-24",
@@ -659,6 +688,18 @@
659
688
  "my-l",
660
689
  "my-m",
661
690
  "my-s",
691
+ "overflow-auto",
692
+ "overflow-hidden",
693
+ "overflow-scroll",
694
+ "overflow-visible",
695
+ "overflow-x-auto",
696
+ "overflow-x-hidden",
697
+ "overflow-x-scroll",
698
+ "overflow-x-visible",
699
+ "overflow-y-auto",
700
+ "overflow-y-hidden",
701
+ "overflow-y-scroll",
702
+ "overflow-y-visible",
662
703
  "p-0",
663
704
  "p-16",
664
705
  "p-24",
@@ -734,6 +775,9 @@
734
775
  "radio-checked:border-primary",
735
776
  "reel",
736
777
  "reel-indicators",
778
+ "rotate-0",
779
+ "rotate-180",
780
+ "rotate-90",
737
781
  "rounded",
738
782
  "rounded-full",
739
783
  "scale-100",
@@ -804,9 +848,7 @@
804
848
  "until-xl:hidden",
805
849
  "uppercase",
806
850
  "v-input",
807
- "v-input-delegate",
808
851
  "v-input-floating-label",
809
- "v-input__password-visibility-control",
810
852
  "v-label",
811
853
  "volvo_v0",
812
854
  "w-0",
@@ -943,6 +985,18 @@
943
985
  "xl:my-l",
944
986
  "xl:my-m",
945
987
  "xl:my-s",
988
+ "xl:overflow-auto",
989
+ "xl:overflow-hidden",
990
+ "xl:overflow-scroll",
991
+ "xl:overflow-visible",
992
+ "xl:overflow-x-auto",
993
+ "xl:overflow-x-hidden",
994
+ "xl:overflow-x-scroll",
995
+ "xl:overflow-x-visible",
996
+ "xl:overflow-y-auto",
997
+ "xl:overflow-y-hidden",
998
+ "xl:overflow-y-scroll",
999
+ "xl:overflow-y-visible",
946
1000
  "xl:p-0",
947
1001
  "xl:p-16",
948
1002
  "xl:p-24",
@@ -1856,13 +1910,13 @@
1856
1910
  "name": "radio",
1857
1911
  "prefixes": [],
1858
1912
  "declarations": [
1859
- "width: var(--v-space-16)",
1860
- "height: var(--v-space-16)",
1861
1913
  "background-color: var(--_input-background-color, var(--v-color-background-primary))",
1862
1914
  "border-radius: var(--v-radius-4)",
1863
1915
  "box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-foreground-secondary))",
1864
1916
  "transition: box-shadow var(--v-transition-default)",
1865
1917
  "place-content: center",
1918
+ "width: 1rem",
1919
+ "height: 1rem",
1866
1920
  "margin-top: .25em",
1867
1921
  "display: inline-grid",
1868
1922
  "position: relative",
@@ -1874,13 +1928,13 @@
1874
1928
  "name": "checkbox",
1875
1929
  "prefixes": [],
1876
1930
  "declarations": [
1877
- "width: var(--v-space-16)",
1878
- "height: var(--v-space-16)",
1879
1931
  "background-color: var(--_input-background-color, var(--v-color-background-primary))",
1880
1932
  "border-radius: var(--v-radius-4)",
1881
1933
  "box-shadow: inset 0 0 0 var(--_input-border-size, 1px) var(--_input-border-color, var(--v-color-foreground-secondary))",
1882
1934
  "transition: box-shadow var(--v-transition-default)",
1883
1935
  "place-content: center",
1936
+ "width: 1rem",
1937
+ "height: 1rem",
1884
1938
  "margin-top: .25em",
1885
1939
  "display: inline-grid",
1886
1940
  "position: relative"
@@ -1968,28 +2022,11 @@
1968
2022
  "outline: none",
1969
2023
  "height: 3rem",
1970
2024
  "width: 100%",
1971
- "--_input-border-color: var(--v-color-ornament-primary)",
1972
- "--_input-background-color: var(--v-color-background-secondary)",
1973
2025
  "--_bg-pos-x: var(--_rtl-toggle) left",
1974
- "background-image: var(--_icon-calendar)",
2026
+ "background-image: var(--_icon-chevrondown)",
1975
2027
  "background-repeat: no-repeat",
1976
2028
  "background-position: center var(--_bg-pos-x, right) var(--v-space-16)",
1977
- "background-size: 1.5rem 1.5rem",
1978
- "background-image: var(--_icon-chevrondown)"
1979
- ],
1980
- "layer": "volvo.blocks"
1981
- },
1982
- {
1983
- "name": "v-input__password-visibility-control",
1984
- "prefixes": [],
1985
- "declarations": [
1986
- "background-image: var(--_icon-eye-slash)",
1987
- "background-position: center",
1988
- "background-repeat: no-repeat",
1989
- "background-size: 1.5rem 1.5rem",
1990
- "flex-shrink: 0",
1991
- "width: 1.5rem",
1992
- "height: 1.5rem"
2029
+ "background-size: 1rem 1rem"
1993
2030
  ],
1994
2031
  "layer": "volvo.blocks"
1995
2032
  },
@@ -2384,6 +2421,7 @@
2384
2421
  {
2385
2422
  "name": "border-primary",
2386
2423
  "prefixes": [
2424
+ "button-expanded",
2387
2425
  "checkbox-checked",
2388
2426
  "checked",
2389
2427
  "current",
@@ -2410,6 +2448,7 @@
2410
2448
  {
2411
2449
  "name": "border-accent-blue",
2412
2450
  "prefixes": [
2451
+ "button-expanded",
2413
2452
  "checkbox-checked",
2414
2453
  "checked",
2415
2454
  "current",
@@ -4388,6 +4427,150 @@
4388
4427
  ],
4389
4428
  "layer": "volvo.utilities"
4390
4429
  },
4430
+ {
4431
+ "name": "overflow-auto",
4432
+ "prefixes": [
4433
+ "lg",
4434
+ "md",
4435
+ "xl"
4436
+ ],
4437
+ "declarations": [
4438
+ "overflow: auto"
4439
+ ],
4440
+ "layer": "volvo.utilities"
4441
+ },
4442
+ {
4443
+ "name": "overflow-hidden",
4444
+ "prefixes": [
4445
+ "lg",
4446
+ "md",
4447
+ "xl"
4448
+ ],
4449
+ "declarations": [
4450
+ "overflow: hidden"
4451
+ ],
4452
+ "layer": "volvo.utilities"
4453
+ },
4454
+ {
4455
+ "name": "overflow-visible",
4456
+ "prefixes": [
4457
+ "lg",
4458
+ "md",
4459
+ "xl"
4460
+ ],
4461
+ "declarations": [
4462
+ "overflow: visible"
4463
+ ],
4464
+ "layer": "volvo.utilities"
4465
+ },
4466
+ {
4467
+ "name": "overflow-scroll",
4468
+ "prefixes": [
4469
+ "lg",
4470
+ "md",
4471
+ "xl"
4472
+ ],
4473
+ "declarations": [
4474
+ "overflow: scroll"
4475
+ ],
4476
+ "layer": "volvo.utilities"
4477
+ },
4478
+ {
4479
+ "name": "overflow-x-auto",
4480
+ "prefixes": [
4481
+ "lg",
4482
+ "md",
4483
+ "xl"
4484
+ ],
4485
+ "declarations": [
4486
+ "overflow-x: auto"
4487
+ ],
4488
+ "layer": "volvo.utilities"
4489
+ },
4490
+ {
4491
+ "name": "overflow-x-hidden",
4492
+ "prefixes": [
4493
+ "lg",
4494
+ "md",
4495
+ "xl"
4496
+ ],
4497
+ "declarations": [
4498
+ "overflow-x: hidden"
4499
+ ],
4500
+ "layer": "volvo.utilities"
4501
+ },
4502
+ {
4503
+ "name": "overflow-x-visible",
4504
+ "prefixes": [
4505
+ "lg",
4506
+ "md",
4507
+ "xl"
4508
+ ],
4509
+ "declarations": [
4510
+ "overflow-x: visible"
4511
+ ],
4512
+ "layer": "volvo.utilities"
4513
+ },
4514
+ {
4515
+ "name": "overflow-x-scroll",
4516
+ "prefixes": [
4517
+ "lg",
4518
+ "md",
4519
+ "xl"
4520
+ ],
4521
+ "declarations": [
4522
+ "overflow-x: scroll"
4523
+ ],
4524
+ "layer": "volvo.utilities"
4525
+ },
4526
+ {
4527
+ "name": "overflow-y-auto",
4528
+ "prefixes": [
4529
+ "lg",
4530
+ "md",
4531
+ "xl"
4532
+ ],
4533
+ "declarations": [
4534
+ "overflow-y: auto"
4535
+ ],
4536
+ "layer": "volvo.utilities"
4537
+ },
4538
+ {
4539
+ "name": "overflow-y-hidden",
4540
+ "prefixes": [
4541
+ "lg",
4542
+ "md",
4543
+ "xl"
4544
+ ],
4545
+ "declarations": [
4546
+ "overflow-y: hidden"
4547
+ ],
4548
+ "layer": "volvo.utilities"
4549
+ },
4550
+ {
4551
+ "name": "overflow-y-visible",
4552
+ "prefixes": [
4553
+ "lg",
4554
+ "md",
4555
+ "xl"
4556
+ ],
4557
+ "declarations": [
4558
+ "overflow-y: visible"
4559
+ ],
4560
+ "layer": "volvo.utilities"
4561
+ },
4562
+ {
4563
+ "name": "overflow-y-scroll",
4564
+ "prefixes": [
4565
+ "lg",
4566
+ "md",
4567
+ "xl"
4568
+ ],
4569
+ "declarations": [
4570
+ "overflow-y: scroll"
4571
+ ],
4572
+ "layer": "volvo.utilities"
4573
+ },
4391
4574
  {
4392
4575
  "name": "p-0",
4393
4576
  "prefixes": [
@@ -5212,6 +5395,87 @@
5212
5395
  ],
5213
5396
  "layer": "volvo.utilities"
5214
5397
  },
5398
+ {
5399
+ "name": "rotate-0",
5400
+ "prefixes": [],
5401
+ "declarations": [
5402
+ "rotate: none"
5403
+ ],
5404
+ "layer": "volvo.utilities"
5405
+ },
5406
+ {
5407
+ "name": "rotate-90",
5408
+ "prefixes": [],
5409
+ "declarations": [
5410
+ "rotate: 90deg"
5411
+ ],
5412
+ "layer": "volvo.utilities"
5413
+ },
5414
+ {
5415
+ "name": "rotate-180",
5416
+ "prefixes": [
5417
+ "button-expanded",
5418
+ "details-open"
5419
+ ],
5420
+ "declarations": [
5421
+ "rotate: 180deg"
5422
+ ],
5423
+ "layer": "volvo.utilities"
5424
+ },
5425
+ {
5426
+ "name": "-rotate-90",
5427
+ "prefixes": [],
5428
+ "declarations": [
5429
+ "rotate: -90deg"
5430
+ ],
5431
+ "layer": "volvo.utilities"
5432
+ },
5433
+ {
5434
+ "name": "scale-pressed",
5435
+ "prefixes": [
5436
+ "active"
5437
+ ],
5438
+ "declarations": [
5439
+ "scale: .95"
5440
+ ],
5441
+ "layer": "volvo.utilities"
5442
+ },
5443
+ {
5444
+ "name": "scale-95",
5445
+ "prefixes": [],
5446
+ "declarations": [
5447
+ "scale: .95"
5448
+ ],
5449
+ "layer": "volvo.utilities"
5450
+ },
5451
+ {
5452
+ "name": "scale-100",
5453
+ "prefixes": [],
5454
+ "declarations": [
5455
+ "scale: 1"
5456
+ ],
5457
+ "layer": "volvo.utilities"
5458
+ },
5459
+ {
5460
+ "name": "scale-zoomed",
5461
+ "prefixes": [
5462
+ "button-hover",
5463
+ "hover",
5464
+ "link-hover"
5465
+ ],
5466
+ "declarations": [
5467
+ "scale: 1.1"
5468
+ ],
5469
+ "layer": "volvo.utilities"
5470
+ },
5471
+ {
5472
+ "name": "scale-110",
5473
+ "prefixes": [],
5474
+ "declarations": [
5475
+ "scale: 1.1"
5476
+ ],
5477
+ "layer": "volvo.utilities"
5478
+ },
5215
5479
  {
5216
5480
  "name": "scrollbar-none",
5217
5481
  "prefixes": [],
@@ -5425,52 +5689,6 @@
5425
5689
  ],
5426
5690
  "layer": "volvo.utilities"
5427
5691
  },
5428
- {
5429
- "name": "scale-pressed",
5430
- "prefixes": [
5431
- "active"
5432
- ],
5433
- "declarations": [
5434
- "scale: .95"
5435
- ],
5436
- "layer": "volvo.utilities"
5437
- },
5438
- {
5439
- "name": "scale-95",
5440
- "prefixes": [],
5441
- "declarations": [
5442
- "scale: .95"
5443
- ],
5444
- "layer": "volvo.utilities"
5445
- },
5446
- {
5447
- "name": "scale-100",
5448
- "prefixes": [],
5449
- "declarations": [
5450
- "scale: 1"
5451
- ],
5452
- "layer": "volvo.utilities"
5453
- },
5454
- {
5455
- "name": "scale-zoomed",
5456
- "prefixes": [
5457
- "button-hover",
5458
- "hover",
5459
- "link-hover"
5460
- ],
5461
- "declarations": [
5462
- "scale: 1.1"
5463
- ],
5464
- "layer": "volvo.utilities"
5465
- },
5466
- {
5467
- "name": "scale-110",
5468
- "prefixes": [],
5469
- "declarations": [
5470
- "scale: 1.1"
5471
- ],
5472
- "layer": "volvo.utilities"
5473
- },
5474
5692
  {
5475
5693
  "name": "transition-colors",
5476
5694
  "prefixes": [],
@@ -5576,14 +5794,6 @@
5576
5794
  "width: 100%"
5577
5795
  ],
5578
5796
  "layer": "volvo.utilities"
5579
- },
5580
- {
5581
- "name": "v-input-delegate",
5582
- "prefixes": [],
5583
- "declarations": [
5584
- "pointer-events: none"
5585
- ],
5586
- "layer": "volvo.blocks"
5587
5797
  }
5588
5798
  ],
5589
5799
  "tokens": [