@scania/tegel-lite 1.3.0 → 1.4.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/components.css +720 -1
- package/dist/global.css +14 -6
- package/dist/scania-variables.css +175 -177
- package/dist/tl-header.css +11 -0
- package/dist/tl-icon.css +1 -1
- package/dist/tl-side-menu.css +723 -0
- package/dist/tl-text-field.css +1 -1
- package/dist/traton-variables.css +61 -64
- package/package.json +2 -1
package/dist/global.css
CHANGED
|
@@ -4,18 +4,26 @@
|
|
|
4
4
|
* Once the Web Components imports are removed from the global.scss file, that file can be used for Tegel Lite as well.
|
|
5
5
|
*/
|
|
6
6
|
:root {
|
|
7
|
+
--unit-1: 1px;
|
|
7
8
|
--unit-2: 2px;
|
|
8
9
|
--unit-4: 4px;
|
|
9
10
|
--unit-8: 8px;
|
|
11
|
+
--unit-10: 10px;
|
|
10
12
|
--unit-12: 12px;
|
|
11
13
|
--unit-16: 16px;
|
|
12
14
|
--unit-20: 20px;
|
|
15
|
+
--unit-22: 22px;
|
|
13
16
|
--unit-24: 24px;
|
|
14
17
|
--unit-32: 32px;
|
|
18
|
+
--unit-34: 34px;
|
|
19
|
+
--unit-36: 36px;
|
|
15
20
|
--unit-40: 40px;
|
|
16
21
|
--unit-48: 48px;
|
|
17
22
|
--unit-56: 56px;
|
|
23
|
+
--unit-58: 58px;
|
|
18
24
|
--unit-64: 64px;
|
|
25
|
+
--unit-68: 68px;
|
|
26
|
+
--unit-72: 72px;
|
|
19
27
|
--unit-80: 80px;
|
|
20
28
|
--unit-96: 96px;
|
|
21
29
|
--unit-120: 120px;
|
|
@@ -1464,31 +1472,31 @@ h6 {
|
|
|
1464
1472
|
|
|
1465
1473
|
:root,
|
|
1466
1474
|
.tl-mode-light {
|
|
1467
|
-
color: var(--color-
|
|
1475
|
+
color: var(--color-text-strong);
|
|
1468
1476
|
background-color: var(--color-background-base);
|
|
1469
1477
|
}
|
|
1470
1478
|
:root.tl-mode-variant-primary, :root .tl-mode-variant-primary,
|
|
1471
1479
|
.tl-mode-light.tl-mode-variant-primary,
|
|
1472
1480
|
.tl-mode-light .tl-mode-variant-primary {
|
|
1473
|
-
color: var(--color-
|
|
1481
|
+
color: var(--color-text-strong);
|
|
1474
1482
|
background-color: var(--color-background-base);
|
|
1475
1483
|
}
|
|
1476
1484
|
:root.tl-mode-variant-secondary, :root .tl-mode-variant-secondary,
|
|
1477
1485
|
.tl-mode-light.tl-mode-variant-secondary,
|
|
1478
1486
|
.tl-mode-light .tl-mode-variant-secondary {
|
|
1479
|
-
color: var(--color-
|
|
1487
|
+
color: var(--color-text-strong);
|
|
1480
1488
|
background-color: var(--color-background-layer-01);
|
|
1481
1489
|
}
|
|
1482
1490
|
|
|
1483
1491
|
.tl-mode-dark {
|
|
1484
|
-
color: var(--color-
|
|
1492
|
+
color: var(--color-text-strong);
|
|
1485
1493
|
background-color: var(--color-background-base);
|
|
1486
1494
|
}
|
|
1487
1495
|
.tl-mode-dark.tl-mode-variant-primary, .tl-mode-dark .tl-mode-variant-primary {
|
|
1488
|
-
color: var(--color-
|
|
1496
|
+
color: var(--color-text-strong);
|
|
1489
1497
|
background-color: var(--color-background-base);
|
|
1490
1498
|
}
|
|
1491
1499
|
.tl-mode-dark.tl-mode-variant-secondary, .tl-mode-dark .tl-mode-variant-secondary {
|
|
1492
|
-
color: var(--color-
|
|
1500
|
+
color: var(--color-text-strong);
|
|
1493
1501
|
background-color: var(--color-background-layer-01);
|
|
1494
1502
|
}
|