@scania/tegel-lite 0.1.0-memory-fix-beta.0 → 0.1.0-side-menu-beta.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.
Files changed (7) hide show
  1. package/dist/components.css +3579 -1951
  2. package/dist/global.css +16 -8
  3. package/dist/scania-variables.css +4 -4
  4. package/dist/tl-header.css +1014 -0
  5. package/dist/tl-side-menu.css +650 -0
  6. package/dist/tl-tooltip.css +46 -0
  7. package/package.json +4 -2
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;
@@ -1374,6 +1382,8 @@ html {
1374
1382
  .scania.tds-mode-light,
1375
1383
  .scania .tl-mode-light,
1376
1384
  .scania.tl-mode-light {
1385
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1386
+ --component--focus-ring-color-discrete: var(--scania-color-base-white);
1377
1387
  --component--focus-ring-radius-none: var(--scania-unit-0);
1378
1388
  --component--focus-ring-radius-extra-small: 1;
1379
1389
  --component--focus-ring-radius-small: 2;
@@ -1381,14 +1391,14 @@ html {
1381
1391
  --component--focus-ring-radius-large: 4;
1382
1392
  --component--focus-ring-radius-extra-large: 5;
1383
1393
  --component--focus-ring-radius-full: var(--scania-unit-9999);
1384
- --component--focus-ring-color-strong: var(--color-system-info-default);
1385
- --component--focus-ring-color-discrete: var(--scania-color-base-white);
1386
1394
  }
1387
1395
 
1388
1396
  .traton .tds-mode-light,
1389
1397
  .traton.tds-mode-light,
1390
1398
  .traton .tl-mode-light,
1391
1399
  .traton.tl-mode-light {
1400
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1401
+ --component--focus-ring-color-discrete: var(--traton-color-base-white);
1392
1402
  --component--focus-ring-radius-none: var(--traton-unit-0);
1393
1403
  --component--focus-ring-radius-extra-small: 1;
1394
1404
  --component--focus-ring-radius-small: 2;
@@ -1396,8 +1406,6 @@ html {
1396
1406
  --component--focus-ring-radius-large: 4;
1397
1407
  --component--focus-ring-radius-extra-large: 5;
1398
1408
  --component--focus-ring-radius-full: var(--traton-unit-9999);
1399
- --component--focus-ring-color-strong: var(--color-system-info-default);
1400
- --component--focus-ring-color-discrete: var(--traton-color-base-white);
1401
1409
  }
1402
1410
 
1403
1411
  .tds-mode-dark,
@@ -1405,6 +1413,8 @@ html {
1405
1413
  .scania.tds-mode-dark,
1406
1414
  .scania .tl-mode-dark,
1407
1415
  .scania.tl-mode-dark {
1416
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1417
+ --component--focus-ring-color-discrete: var(--scania-color-base-white);
1408
1418
  --component--focus-ring-radius-none: var(--scania-unit-0);
1409
1419
  --component--focus-ring-radius-extra-small: 1;
1410
1420
  --component--focus-ring-radius-small: 2;
@@ -1412,14 +1422,14 @@ html {
1412
1422
  --component--focus-ring-radius-large: 4;
1413
1423
  --component--focus-ring-radius-extra-large: 5;
1414
1424
  --component--focus-ring-radius-full: var(--scania-unit-9999);
1415
- --component--focus-ring-color-strong: var(--color-system-info-default);
1416
- --component--focus-ring-color-discrete: var(--scania-color-base-white);
1417
1425
  }
1418
1426
 
1419
1427
  .traton .tds-mode-dark,
1420
1428
  .traton.tds-mode-dark,
1421
1429
  .traton .tl-mode-dark,
1422
1430
  .traton.tl-mode-dark {
1431
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1432
+ --component--focus-ring-color-discrete: var(--traton-color-base-white);
1423
1433
  --component--focus-ring-radius-none: var(--traton-unit-0);
1424
1434
  --component--focus-ring-radius-extra-small: 1;
1425
1435
  --component--focus-ring-radius-small: 2;
@@ -1427,8 +1437,6 @@ html {
1427
1437
  --component--focus-ring-radius-large: 4;
1428
1438
  --component--focus-ring-radius-extra-large: 5;
1429
1439
  --component--focus-ring-radius-full: var(--traton-unit-9999);
1430
- --component--focus-ring-color-strong: var(--color-system-info-default);
1431
- --component--focus-ring-color-discrete: var(--traton-color-base-white);
1432
1440
  }
1433
1441
 
1434
1442
  body {
package/dist/scania-variables.css CHANGED
@@ -155,8 +155,6 @@
155
155
  --color-border-inverse-disabled: var(--scania-color-transparent-inverse-500);
156
156
  --color-border-inverse-discrete: var(--scania-color-transparent-inverse-600);
157
157
  --color-border-inverse-none: var(--scania-color-transparent-invisible-dark);
158
- --color-icon-base: var(--traton-color-base-black);
159
- --color-icon-brand: var(--traton-color-blue-950);
160
158
  --color-icon-defined: var(--scania-color-transparent-650);
161
159
  --color-icon-soft: var(--scania-color-transparent-500);
162
160
  --color-icon-subtle: var(--scania-color-transparent-350);
@@ -202,6 +200,8 @@
202
200
  --color-text-inverse-discrete: var(--scania-color-transparent-inverse-200);
203
201
  --color-border-strong: var(--scania-color-transparent-950);
204
202
  --color-border-inverse-strong: var(--scania-color-transparent-inverse-50);
203
+ --color-icon-base: var(--scania-color-base-black);
204
+ --color-icon-brand: var(--scania-color-base-black);
205
205
  --color-icon-strong: var(--scania-color-transparent-950);
206
206
  --color-icon-inverse-strong: var(--scania-color-transparent-inverse-50);
207
207
  --color-text-base: var(--scania-color-base-black);
@@ -244,8 +244,6 @@
244
244
  --color-border-inverse-disabled: var(--scania-color-transparent-250);
245
245
  --color-border-inverse-discrete: var(--scania-color-transparent-200);
246
246
  --color-border-inverse-none: var(--scania-color-transparent-invisible-light);
247
- --color-icon-base: var(--traton-color-base-white);
248
- --color-icon-brand: var(--traton-color-base-white);
249
247
  --color-icon-defined: var(--scania-color-transparent-inverse-200);
250
248
  --color-icon-soft: var(--scania-color-transparent-inverse-300);
251
249
  --color-icon-subtle: var(--scania-color-transparent-inverse-400);
@@ -291,6 +289,8 @@
291
289
  --color-text-inverse-discrete: var(--scania-color-transparent-200);
292
290
  --color-border-strong: var(--scania-color-transparent-inverse-50);
293
291
  --color-border-inverse-strong: var(--scania-color-transparent-950);
292
+ --color-icon-base: var(--scania-color-base-white);
293
+ --color-icon-brand: var(--scania-color-base-white);
294
294
  --color-icon-strong: var(--scania-color-transparent-inverse-50);
295
295
  --color-icon-inverse-strong: var(--scania-color-transparent-950);
296
296
  --color-text-base: var(--scania-color-base-white);