@scania/tegel-lite 1.2.2 → 1.3.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 (5) hide show
  1. package/dist/components.css +1014 -67
  2. package/dist/global.css +8 -8
  3. package/dist/scania-variables.css +4 -4
  4. package/dist/tl-header.css +1014 -0
  5. package/package.json +2 -1
package/dist/global.css CHANGED
@@ -1374,6 +1374,8 @@ html {
1374
1374
  .scania.tds-mode-light,
1375
1375
  .scania .tl-mode-light,
1376
1376
  .scania.tl-mode-light {
1377
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1378
+ --component--focus-ring-color-discrete: var(--scania-color-base-white);
1377
1379
  --component--focus-ring-radius-none: var(--scania-unit-0);
1378
1380
  --component--focus-ring-radius-extra-small: 1;
1379
1381
  --component--focus-ring-radius-small: 2;
@@ -1381,14 +1383,14 @@ html {
1381
1383
  --component--focus-ring-radius-large: 4;
1382
1384
  --component--focus-ring-radius-extra-large: 5;
1383
1385
  --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
1386
  }
1387
1387
 
1388
1388
  .traton .tds-mode-light,
1389
1389
  .traton.tds-mode-light,
1390
1390
  .traton .tl-mode-light,
1391
1391
  .traton.tl-mode-light {
1392
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1393
+ --component--focus-ring-color-discrete: var(--traton-color-base-white);
1392
1394
  --component--focus-ring-radius-none: var(--traton-unit-0);
1393
1395
  --component--focus-ring-radius-extra-small: 1;
1394
1396
  --component--focus-ring-radius-small: 2;
@@ -1396,8 +1398,6 @@ html {
1396
1398
  --component--focus-ring-radius-large: 4;
1397
1399
  --component--focus-ring-radius-extra-large: 5;
1398
1400
  --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
1401
  }
1402
1402
 
1403
1403
  .tds-mode-dark,
@@ -1405,6 +1405,8 @@ html {
1405
1405
  .scania.tds-mode-dark,
1406
1406
  .scania .tl-mode-dark,
1407
1407
  .scania.tl-mode-dark {
1408
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1409
+ --component--focus-ring-color-discrete: var(--scania-color-base-white);
1408
1410
  --component--focus-ring-radius-none: var(--scania-unit-0);
1409
1411
  --component--focus-ring-radius-extra-small: 1;
1410
1412
  --component--focus-ring-radius-small: 2;
@@ -1412,14 +1414,14 @@ html {
1412
1414
  --component--focus-ring-radius-large: 4;
1413
1415
  --component--focus-ring-radius-extra-large: 5;
1414
1416
  --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
1417
  }
1418
1418
 
1419
1419
  .traton .tds-mode-dark,
1420
1420
  .traton.tds-mode-dark,
1421
1421
  .traton .tl-mode-dark,
1422
1422
  .traton.tl-mode-dark {
1423
+ --component--focus-ring-color-strong: var(--color-system-info-default);
1424
+ --component--focus-ring-color-discrete: var(--traton-color-base-white);
1423
1425
  --component--focus-ring-radius-none: var(--traton-unit-0);
1424
1426
  --component--focus-ring-radius-extra-small: 1;
1425
1427
  --component--focus-ring-radius-small: 2;
@@ -1427,8 +1429,6 @@ html {
1427
1429
  --component--focus-ring-radius-large: 4;
1428
1430
  --component--focus-ring-radius-extra-large: 5;
1429
1431
  --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
1432
  }
1433
1433
 
1434
1434
  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);