@scania/tegel-lite 0.1.0-var-5-beta.0 → 0.1.0-var-develop-beta.1

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 +39 -323
  2. package/dist/tl-banner.css +10 -78
  3. package/dist/tl-button.css +7 -7
  4. package/dist/tl-message.css +14 -128
  5. package/dist/tl-slider.css +7 -7
  6. package/dist/tl-toast.css +8 -110
  7. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -315,85 +315,17 @@
315
315
  font-weight: bold;
316
316
  }
317
317
 
318
- /**
319
- * Do not edit directly, this file was auto-generated.
320
- */
321
318
  :root,
322
- .tds-mode-light,
323
- .scania .tds-mode-light,
324
- .scania.tds-mode-light,
325
- .scania .tl-mode-light,
326
- .scania.tl-mode-light {
327
- --component-banner-background-neutral-default: var(--scania-color-grey-150);
328
- --component-banner-background-information-default: var(--scania-color-blue-100);
329
- --component-banner-background-error-default: var(--color-system-danger-discrete);
330
- --component-banner-text-neutral-default: var(--color-text-strong);
331
- --component-banner-text-information-default: var(--color-text-strong);
332
- --component-banner-text-error-default: var(--color-text-strong);
333
- --component-banner-icon-neutral-default: var(--color-icon-strong);
334
- --component-banner-icon-information-default: var(--color-system-info-default);
335
- --component-banner-icon-error-default: var(--color-system-danger-default);
336
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
337
- }
338
-
339
- .traton .tds-mode-light,
340
- .traton.tds-mode-light,
341
- .traton .tl-mode-light,
342
- .traton.tl-mode-light {
343
- --component-banner-background-neutral-default: var(--color-background-layer-01);
344
- --component-banner-background-information-default: var(--color-system-info-discrete);
345
- --component-banner-background-error-default: var(--color-system-danger-discrete);
346
- --component-banner-text-neutral-default: var(--color-text-strong);
347
- --component-banner-text-information-default: var(--color-text-strong);
348
- --component-banner-text-error-default: var(--color-text-strong);
349
- --component-banner-icon-neutral-default: var(--color-icon-strong);
350
- --component-banner-icon-information-default: var(--color-system-info-default);
351
- --component-banner-icon-error-default: var(--color-system-danger-default);
352
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
353
- }
354
-
355
- .tds-mode-dark,
356
- .scania .tds-mode-dark,
357
- .scania.tds-mode-dark,
358
- .scania .tl-mode-dark,
359
- .scania.tl-mode-dark {
360
- --component-banner-background-neutral-default: var(--color-background-layer-02);
361
- --component-banner-background-information-default: var(--scania-color-blue-700);
362
- --component-banner-background-error-default: var(--color-system-danger-discrete);
363
- --component-banner-text-neutral-default: var(--color-text-strong);
364
- --component-banner-text-information-default: var(--color-text-strong);
365
- --component-banner-text-error-default: var(--color-text-strong);
366
- --component-banner-icon-neutral-default: var(--color-icon-strong);
367
- --component-banner-icon-information-default: var(--color-system-info-default);
368
- --component-banner-icon-error-default: var(--color-system-danger-default);
369
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
370
- }
371
-
372
- .traton .tds-mode-dark,
373
- .traton.tds-mode-dark,
374
- .traton .tl-mode-dark,
375
- .traton.tl-mode-dark {
376
- --component-banner-background-neutral-default: var(--color-background-layer-01);
377
- --component-banner-background-information-default: var(--color-system-info-discrete);
378
- --component-banner-background-error-default: var(--color-system-danger-discrete);
379
- --component-banner-text-neutral-default: var(--color-text-strong);
380
- --component-banner-text-information-default: var(--color-text-strong);
381
- --component-banner-text-error-default: var(--color-text-strong);
382
- --component-banner-icon-neutral-default: var(--color-icon-strong);
383
- --component-banner-icon-information-default: var(--color-system-info-default);
384
- --component-banner-icon-error-default: var(--color-system-danger-default);
385
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
386
- }
387
-
388
- .tl-banner {
389
- --banner-text: var(--component-banner-text-neutral-default);
390
- --banner-close-icon: var(--component-banner-icon-dismiss-default);
391
- --banner-background-default: var(--component-banner-background-neutral-default);
392
- --banner-prefix-default: var(--component-banner-icon-neutral-default);
393
- --banner-background-info: var(--component-banner-background-information-default);
394
- --banner-prefix-info: var(--component-banner-icon-information-default);
395
- --banner-background-error: var(--component-banner-background-error-default);
396
- --banner-prefix-error: var(--component-banner-icon-error-default);
319
+ .tl-mode-light,
320
+ .tl-mode-dark {
321
+ --banner-text: var(--color-foreground-text-strong);
322
+ --banner-close-icon: var(--color-foreground-icon-strong);
323
+ --banner-background-default: var(--color-background-layer-01);
324
+ --banner-prefix-default: var(--color-foreground-icon-strong);
325
+ --banner-background-info: var(--color-system-info-discrete);
326
+ --banner-prefix-info: var(--color-system-info-default);
327
+ --banner-background-error: var(--color-system-danger-discrete);
328
+ --banner-prefix-error: var(--color-system-danger-default);
397
329
  }
398
330
 
399
331
  .tl-banner {
@@ -829,9 +761,9 @@
829
761
  .traton.tds-mode-light,
830
762
  .traton .tl-mode-light,
831
763
  .traton.tl-mode-light {
832
- --component-button-background-standard-primary-default: var(--traton-color-blue-800);
833
- --component-button-background-standard-primary-hover: var(--traton-color-blue-850);
834
- --component-button-background-standard-primary-active: var(--traton-color-blue-900);
764
+ --component-button-background-standard-primary-default: #004852;
765
+ --component-button-background-standard-primary-hover: #003137;
766
+ --component-button-background-standard-primary-active: #002429;
835
767
  --component-button-background-standard-secondary-default: var(--color-background-none);
836
768
  --component-button-background-standard-secondary-hover: var(--color-background-none);
837
769
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -1048,9 +980,9 @@
1048
980
  .traton.tds-mode-dark,
1049
981
  .traton .tl-mode-dark,
1050
982
  .traton.tl-mode-dark {
1051
- --component-button-background-standard-primary-default: var(--traton-color-grey-300);
1052
- --component-button-background-standard-primary-hover: var(--traton-color-grey-200);
1053
- --component-button-background-standard-primary-active: var(--traton-color-grey-400);
983
+ --component-button-background-standard-primary-default: #c2bfb6;
984
+ --component-button-background-standard-primary-hover: #d6d4c9;
985
+ --component-button-background-standard-primary-active: #a6a49c;
1054
986
  --component-button-background-standard-secondary-default: var(--color-background-none);
1055
987
  --component-button-background-standard-secondary-hover: var(--color-background-none);
1056
988
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -1107,7 +1039,7 @@
1107
1039
  --component-button-icon-standard-tertiary-active: var(
1108
1040
  --component-button-icon-standard-tertiary-default
1109
1041
  );
1110
- --component-button-icon-danger-primary-default: var(--traton-color-base-white);
1042
+ --component-button-icon-danger-primary-default: var(--scania-color-base-white);
1111
1043
  --component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);
1112
1044
  --component-button-icon-danger-primary-active: var(
1113
1045
  --component-button-icon-danger-primary-default
@@ -6123,139 +6055,25 @@ body {
6123
6055
  color: var(--link);
6124
6056
  }
6125
6057
 
6126
- /**
6127
- * Do not edit directly, this file was auto-generated.
6128
- */
6129
- :root,
6130
- .tds-mode-light,
6131
- .scania .tds-mode-light,
6132
- .scania.tds-mode-light,
6133
- .scania .tl-mode-light,
6134
- .scania.tl-mode-light {
6135
- --component-message-background-primary: var(--color-background-layer-01);
6136
- --component-message-background-secondary: var(--color-background-layer-02);
6137
- --component-message-background-information-default: var(--color-background-layer-01);
6138
- --component-message-background-success-default: var(--color-background-layer-01);
6139
- --component-message-background-warning-default: var(--color-background-layer-01);
6140
- --component-message-background-error-default: var(--color-system-danger-discrete);
6141
- --component-message-text-information-default: var(--color-text-strong);
6142
- --component-message-text-success-default: var(--color-text-strong);
6143
- --component-message-text-warning-default: var(--color-text-strong);
6144
- --component-message-text-error-default: var(--color-text-strong);
6145
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
6146
- --component-message-border-information-default: var(--color-system-info-default);
6147
- --component-message-border-success-default: var(--color-system-success-default);
6148
- --component-message-border-warning-default: var(--color-system-warning-subtle);
6149
- --component-message-border-error-default: var(--color-system-danger-default);
6150
- --component-message-border-radius-default: var(--scania-unit-4);
6151
- --component-message-border-width-default: var(--scania-unit-4);
6152
- --component-message-icon-information-default: var(--color-system-info-default);
6153
- --component-message-icon-success-default: var(--color-system-success-default);
6154
- --component-message-icon-warning-default: var(--color-system-warning-default);
6155
- --component-message-icon-error-default: var(--color-system-danger-default);
6156
- }
6157
-
6158
- .traton .tds-mode-light,
6159
- .traton.tds-mode-light,
6160
- .traton .tl-mode-light,
6161
- .traton.tl-mode-light {
6162
- --component-message-background-primary: var(--color-background-layer-01);
6163
- --component-message-background-secondary: var(--color-background-layer-02);
6164
- --component-message-background-information-default: var(--color-background-layer-01);
6165
- --component-message-background-success-default: var(--color-background-layer-01);
6166
- --component-message-background-warning-default: var(--color-background-layer-01);
6167
- --component-message-background-error-default: var(--color-system-danger-discrete);
6168
- --component-message-text-information-default: var(--color-text-strong);
6169
- --component-message-text-success-default: var(--color-text-strong);
6170
- --component-message-text-warning-default: var(--color-text-strong);
6171
- --component-message-text-error-default: var(--color-text-strong);
6172
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
6173
- --component-message-border-information-default: var(--color-system-info-subtle);
6174
- --component-message-border-success-default: var(--color-system-success-subtle);
6175
- --component-message-border-warning-default: var(--color-system-warning-subtle);
6176
- --component-message-border-error-default: var(--color-system-danger-subtle);
6177
- --component-message-border-radius-default: var(--traton-unit-4);
6178
- --component-message-border-width-default: var(--traton-unit-4);
6179
- --component-message-icon-information-default: var(--color-system-info-default);
6180
- --component-message-icon-success-default: var(--color-system-success-default);
6181
- --component-message-icon-warning-default: var(--color-system-warning-defined);
6182
- --component-message-icon-error-default: var(--color-system-danger-default);
6183
- }
6184
-
6185
- .tds-mode-dark,
6186
- .scania .tds-mode-dark,
6187
- .scania.tds-mode-dark,
6188
- .scania .tl-mode-dark,
6189
- .scania.tl-mode-dark {
6190
- --component-message-background-primary: var(--color-background-layer-01);
6191
- --component-message-background-secondary: var(--color-background-layer-02);
6192
- --component-message-background-information-default: var(--color-background-layer-01);
6193
- --component-message-background-success-default: var(--color-background-layer-01);
6194
- --component-message-background-warning-default: var(--color-background-layer-01);
6195
- --component-message-background-error-default: var(--color-system-danger-discrete);
6196
- --component-message-text-information-default: var(--color-text-strong);
6197
- --component-message-text-success-default: var(--color-text-strong);
6198
- --component-message-text-warning-default: var(--color-text-strong);
6199
- --component-message-text-error-default: var(--color-text-strong);
6200
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
6201
- --component-message-border-information-default: var(--color-system-info-default);
6202
- --component-message-border-success-default: var(--color-system-success-subtle);
6203
- --component-message-border-warning-default: var(--color-system-warning-subtle);
6204
- --component-message-border-error-default: var(--color-system-danger-subtle);
6205
- --component-message-border-radius-default: var(--scania-unit-4);
6206
- --component-message-border-width-default: var(--scania-unit-4);
6207
- --component-message-icon-information-default: var(--color-system-info-default);
6208
- --component-message-icon-success-default: var(--color-system-success-subtle);
6209
- --component-message-icon-warning-default: var(--color-system-warning-subtle);
6210
- --component-message-icon-error-default: var(--color-system-danger-default);
6211
- }
6212
-
6213
- .traton .tds-mode-dark,
6214
- .traton.tds-mode-dark,
6215
- .traton .tl-mode-dark,
6216
- .traton.tl-mode-dark {
6217
- --component-message-background-primary: var(--color-background-layer-01);
6218
- --component-message-background-secondary: var(--color-background-layer-02);
6219
- --component-message-background-information-default: var(--color-background-layer-01);
6220
- --component-message-background-success-default: var(--color-background-layer-01);
6221
- --component-message-background-warning-default: var(--color-background-layer-01);
6222
- --component-message-background-error-default: var(--color-system-danger-discrete);
6223
- --component-message-text-information-default: var(--color-text-strong);
6224
- --component-message-text-success-default: var(--color-text-strong);
6225
- --component-message-text-warning-default: var(--color-text-strong);
6226
- --component-message-text-error-default: var(--color-text-strong);
6227
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
6228
- --component-message-border-information-default: var(--color-system-info-subtle);
6229
- --component-message-border-success-default: var(--color-system-success-subtle);
6230
- --component-message-border-warning-default: var(--color-system-warning-subtle);
6231
- --component-message-border-error-default: var(--color-system-danger-subtle);
6232
- --component-message-border-radius-default: var(--traton-unit-4);
6233
- --component-message-border-width-default: var(--traton-unit-4);
6234
- --component-message-icon-information-default: var(--color-system-info-default);
6235
- --component-message-icon-success-default: var(--color-system-success-default);
6236
- --component-message-icon-warning-default: var(--color-system-warning-subtle);
6237
- --component-message-icon-error-default: var(--color-system-danger-default);
6238
- }
6239
-
6240
6058
  .tl-message {
6241
- --message-main-background: var(--component-message-background-primary);
6242
- --message-mode-primary-background: var(--component-message-background-primary);
6243
- --message-mode-secondary-background: var(--component-message-background-secondary);
6244
- --message-main-text-color: var(--color-text-strong);
6059
+ --message-main-background: var(--color-background-layer-01);
6060
+ --message-mode-primary-background: var(--color-background-layer-01);
6061
+ --message-mode-secondary-background: var(--color-background-layer-02);
6062
+ --message-main-text-color: var(--color-foreground-text-strong);
6245
6063
  /* Info */
6246
- --message-info-border-color: var(--component-message-border-information-default);
6247
- --message-info-icon-color: var(--component-message-icon-information-default);
6064
+ --message-info-border-color: var(--color-system-info-subtle);
6065
+ --message-info-icon-color: var(--color-system-info-default);
6248
6066
  /* Success */
6249
- --message-success-border-color: var(--component-message-border-success-default);
6250
- --message-success-icon-color: var(--component-message-icon-success-default);
6067
+ --message-success-border-color: var(--color-system-success-subtle);
6068
+ --message-success-icon-color: var(--color-system-success-default);
6251
6069
  /* Error */
6252
- --message-error-background: var(--component-message-background-error-default);
6253
- --message-error-border-color: var(--component-message-border-error-default);
6254
- --message-error-icon-color: var(--component-message-icon-error-default);
6255
- --message-error-header-text-color: var(--component-message-text-error-highlight-default);
6070
+ --message-error-background: var(--color-system-danger-discrete);
6071
+ --message-error-border-color: var(--color-system-danger-subtle);
6072
+ --message-error-icon-color: var(--color-system-danger-default);
6073
+ --message-error-header-text-color: var(--color-system-danger-default);
6256
6074
  /* Warning */
6257
- --message-warning-border-color: var(--component-message-border-warning-default);
6258
- --message-warning-icon-color: var(--component-message-icon-warning-default);
6075
+ --message-warning-border-color: var(--color-system-warning-subtle);
6076
+ --message-warning-icon-color: var(--color-system-warning-default);
6259
6077
  }
6260
6078
 
6261
6079
  .tl-message--primary {
@@ -10603,117 +10421,15 @@ body {
10603
10421
  transform: none;
10604
10422
  }
10605
10423
 
10606
- /**
10607
- * Do not edit directly, this file was auto-generated.
10608
- */
10609
- :root,
10610
- .tds-mode-light,
10611
- .scania .tds-mode-light,
10612
- .scania.tds-mode-light,
10613
- .scania .tl-mode-light,
10614
- .scania.tl-mode-light {
10615
- --component-toast-background-information-default: var(--color-background-inverse-base);
10616
- --component-toast-background-success-default: var(--color-background-inverse-base);
10617
- --component-toast-background-warning-default: var(--color-background-inverse-base);
10618
- --component-toast-background-error-default: var(--color-background-inverse-base);
10619
- --component-toast-border-radius-default: var(--scania-unit-4);
10620
- --component-toast-border-width-default: var(--scania-unit-4);
10621
- --component-toast-border-information-default: var(--scania-color-blue-300);
10622
- --component-toast-border-success-default: var(--scania-color-green-300);
10623
- --component-toast-border-warning-default: var(--scania-color-yellow-300);
10624
- --component-toast-border-error-default: var(--scania-color-red-400);
10625
- --component-toast-text-title-default: var(--color-text-inverse-strong);
10626
- --component-toast-text-body-default: var(--color-text-inverse-strong);
10627
- --component-toast-text-link-default: var(--component-toast-text-body-default);
10628
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
10629
- --component-toast-icon-information-default: var(--scania-color-blue-300);
10630
- --component-toast-icon-success-default: var(--scania-color-green-300);
10631
- --component-toast-icon-warning-default: var(--scania-color-yellow-300);
10632
- --component-toast-icon-error-default: var(--scania-color-red-400);
10633
- }
10634
-
10635
- .traton .tds-mode-light,
10636
- .traton.tds-mode-light,
10637
- .traton .tl-mode-light,
10638
- .traton.tl-mode-light {
10639
- --component-toast-background-information-default: var(--color-background-inverse-base);
10640
- --component-toast-background-success-default: var(--color-background-inverse-base);
10641
- --component-toast-background-warning-default: var(--color-background-inverse-base);
10642
- --component-toast-background-error-default: var(--color-background-inverse-base);
10643
- --component-toast-border-radius-default: var(--traton-unit-4);
10644
- --component-toast-border-width-default: var(--traton-unit-4);
10645
- --component-toast-border-information-default: var(--color-system-info-default);
10646
- --component-toast-border-success-default: var(--color-system-success-default);
10647
- --component-toast-border-warning-default: var(--color-system-warning-default);
10648
- --component-toast-border-error-default: var(--color-system-danger-default);
10649
- --component-toast-text-title-default: var(--color-text-inverse-strong);
10650
- --component-toast-text-body-default: var(--color-text-inverse-soft);
10651
- --component-toast-text-link-default: var(--component-toast-text-body-default);
10652
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
10653
- --component-toast-icon-information-default: var(--color-system-info-default);
10654
- --component-toast-icon-success-default: var(--color-system-success-default);
10655
- --component-toast-icon-warning-default: var(--color-system-warning-default);
10656
- --component-toast-icon-error-default: var(--color-system-danger-default);
10657
- }
10658
-
10659
- .tds-mode-dark,
10660
- .scania .tds-mode-dark,
10661
- .scania.tds-mode-dark,
10662
- .scania .tl-mode-dark,
10663
- .scania.tl-mode-dark {
10664
- --component-toast-background-information-default: var(--color-background-inverse-layer-01);
10665
- --component-toast-background-success-default: var(--color-background-inverse-layer-01);
10666
- --component-toast-background-warning-default: var(--color-background-inverse-layer-01);
10667
- --component-toast-background-error-default: var(--color-background-inverse-layer-01);
10668
- --component-toast-border-radius-default: var(--scania-unit-4);
10669
- --component-toast-border-width-default: var(--scania-unit-4);
10670
- --component-toast-border-information-default: var(--scania-color-blue-400);
10671
- --component-toast-border-success-default: var(--scania-color-green-300);
10672
- --component-toast-border-warning-default: var(--scania-color-yellow-400);
10673
- --component-toast-border-error-default: var(--scania-color-red-400);
10674
- --component-toast-text-title-default: var(--color-text-inverse-strong);
10675
- --component-toast-text-body-default: var(--color-text-inverse-strong);
10676
- --component-toast-text-link-default: var(--component-toast-text-body-default);
10677
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
10678
- --component-toast-icon-information-default: var(--scania-color-blue-400);
10679
- --component-toast-icon-success-default: var(--scania-color-green-300);
10680
- --component-toast-icon-warning-default: var(--scania-color-yellow-500);
10681
- --component-toast-icon-error-default: var(--scania-color-red-400);
10682
- }
10683
-
10684
- .traton .tds-mode-dark,
10685
- .traton.tds-mode-dark,
10686
- .traton .tl-mode-dark,
10687
- .traton.tl-mode-dark {
10688
- --component-toast-background-information-default: var(--color-background-inverse-base);
10689
- --component-toast-background-success-default: var(--color-background-inverse-base);
10690
- --component-toast-background-warning-default: var(--color-background-inverse-base);
10691
- --component-toast-background-error-default: var(--color-background-inverse-base);
10692
- --component-toast-border-radius-default: var(--traton-unit-4);
10693
- --component-toast-border-width-default: var(--traton-unit-4);
10694
- --component-toast-border-information-default: var(--color-system-info-default);
10695
- --component-toast-border-success-default: var(--color-system-success-default);
10696
- --component-toast-border-warning-default: var(--color-system-warning-default);
10697
- --component-toast-border-error-default: var(--color-system-danger-default);
10698
- --component-toast-text-title-default: var(--color-text-inverse-strong);
10699
- --component-toast-text-body-default: var(--color-text-inverse-soft);
10700
- --component-toast-text-link-default: var(--component-toast-text-body-default);
10701
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
10702
- --component-toast-icon-information-default: var(--color-system-info-default);
10703
- --component-toast-icon-success-default: var(--color-system-success-default);
10704
- --component-toast-icon-warning-default: var(--color-system-warning-default);
10705
- --component-toast-icon-error-default: var(--color-system-danger-default);
10706
- }
10707
-
10708
10424
  .tl-toast {
10709
- --toast-background: var(--component-toast-background-information-default);
10710
- --toast-headline: var(--component-toast-text-title-default);
10711
- --toast-subheadline: var(--component-toast-text-body-default);
10712
- --toast-dismiss: var(--component-toast-icon-dismiss-default);
10713
- --toast-icon-info: var(--component-toast-icon-information-default);
10714
- --toast-icon-success: var(--component-toast-icon-success-default);
10715
- --toast-icon-warning: var(--component-toast-icon-warning-default);
10716
- --toast-icon-error: var(--component-toast-icon-error-default);
10425
+ --toast-background: var(--color-background-inverse-base);
10426
+ --toast-headline: var(--color-foreground-text-inverse-strong);
10427
+ --toast-subheadline: var(--color-foreground-text-inverse-soft);
10428
+ --toast-dismiss: var(--color-foreground-text-inverse-strong);
10429
+ --toast-icon-error: var(--color-system-danger-default);
10430
+ --toast-icon-success: var(--color-system-success-default);
10431
+ --toast-icon-warning: var(--color-system-warning-default);
10432
+ --toast-icon-info: var(--color-system-info-default);
10717
10433
  }
10718
10434
 
10719
10435
  .tl-toast {
package/dist/tl-banner.css CHANGED
@@ -1,82 +1,14 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
1
  :root,
5
- .tds-mode-light,
6
- .scania .tds-mode-light,
7
- .scania.tds-mode-light,
8
- .scania .tl-mode-light,
9
- .scania.tl-mode-light {
10
- --component-banner-background-neutral-default: var(--scania-color-grey-150);
11
- --component-banner-background-information-default: var(--scania-color-blue-100);
12
- --component-banner-background-error-default: var(--color-system-danger-discrete);
13
- --component-banner-text-neutral-default: var(--color-text-strong);
14
- --component-banner-text-information-default: var(--color-text-strong);
15
- --component-banner-text-error-default: var(--color-text-strong);
16
- --component-banner-icon-neutral-default: var(--color-icon-strong);
17
- --component-banner-icon-information-default: var(--color-system-info-default);
18
- --component-banner-icon-error-default: var(--color-system-danger-default);
19
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
20
- }
21
-
22
- .traton .tds-mode-light,
23
- .traton.tds-mode-light,
24
- .traton .tl-mode-light,
25
- .traton.tl-mode-light {
26
- --component-banner-background-neutral-default: var(--color-background-layer-01);
27
- --component-banner-background-information-default: var(--color-system-info-discrete);
28
- --component-banner-background-error-default: var(--color-system-danger-discrete);
29
- --component-banner-text-neutral-default: var(--color-text-strong);
30
- --component-banner-text-information-default: var(--color-text-strong);
31
- --component-banner-text-error-default: var(--color-text-strong);
32
- --component-banner-icon-neutral-default: var(--color-icon-strong);
33
- --component-banner-icon-information-default: var(--color-system-info-default);
34
- --component-banner-icon-error-default: var(--color-system-danger-default);
35
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
36
- }
37
-
38
- .tds-mode-dark,
39
- .scania .tds-mode-dark,
40
- .scania.tds-mode-dark,
41
- .scania .tl-mode-dark,
42
- .scania.tl-mode-dark {
43
- --component-banner-background-neutral-default: var(--color-background-layer-02);
44
- --component-banner-background-information-default: var(--scania-color-blue-700);
45
- --component-banner-background-error-default: var(--color-system-danger-discrete);
46
- --component-banner-text-neutral-default: var(--color-text-strong);
47
- --component-banner-text-information-default: var(--color-text-strong);
48
- --component-banner-text-error-default: var(--color-text-strong);
49
- --component-banner-icon-neutral-default: var(--color-icon-strong);
50
- --component-banner-icon-information-default: var(--color-system-info-default);
51
- --component-banner-icon-error-default: var(--color-system-danger-default);
52
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
53
- }
54
-
55
- .traton .tds-mode-dark,
56
- .traton.tds-mode-dark,
57
- .traton .tl-mode-dark,
58
- .traton.tl-mode-dark {
59
- --component-banner-background-neutral-default: var(--color-background-layer-01);
60
- --component-banner-background-information-default: var(--color-system-info-discrete);
61
- --component-banner-background-error-default: var(--color-system-danger-discrete);
62
- --component-banner-text-neutral-default: var(--color-text-strong);
63
- --component-banner-text-information-default: var(--color-text-strong);
64
- --component-banner-text-error-default: var(--color-text-strong);
65
- --component-banner-icon-neutral-default: var(--color-icon-strong);
66
- --component-banner-icon-information-default: var(--color-system-info-default);
67
- --component-banner-icon-error-default: var(--color-system-danger-default);
68
- --component-banner-icon-dismiss-default: var(--color-icon-strong);
69
- }
70
-
71
- .tl-banner {
72
- --banner-text: var(--component-banner-text-neutral-default);
73
- --banner-close-icon: var(--component-banner-icon-dismiss-default);
74
- --banner-background-default: var(--component-banner-background-neutral-default);
75
- --banner-prefix-default: var(--component-banner-icon-neutral-default);
76
- --banner-background-info: var(--component-banner-background-information-default);
77
- --banner-prefix-info: var(--component-banner-icon-information-default);
78
- --banner-background-error: var(--component-banner-background-error-default);
79
- --banner-prefix-error: var(--component-banner-icon-error-default);
2
+ .tl-mode-light,
3
+ .tl-mode-dark {
4
+ --banner-text: var(--color-foreground-text-strong);
5
+ --banner-close-icon: var(--color-foreground-icon-strong);
6
+ --banner-background-default: var(--color-background-layer-01);
7
+ --banner-prefix-default: var(--color-foreground-icon-strong);
8
+ --banner-background-info: var(--color-system-info-discrete);
9
+ --banner-prefix-info: var(--color-system-info-default);
10
+ --banner-background-error: var(--color-system-danger-discrete);
11
+ --banner-prefix-error: var(--color-system-danger-default);
80
12
  }
81
13
 
82
14
  /* Typography Usage mixins */
package/dist/tl-button.css CHANGED
@@ -108,9 +108,9 @@
108
108
  .traton.tds-mode-light,
109
109
  .traton .tl-mode-light,
110
110
  .traton.tl-mode-light {
111
- --component-button-background-standard-primary-default: var(--traton-color-blue-800);
112
- --component-button-background-standard-primary-hover: var(--traton-color-blue-850);
113
- --component-button-background-standard-primary-active: var(--traton-color-blue-900);
111
+ --component-button-background-standard-primary-default: #004852;
112
+ --component-button-background-standard-primary-hover: #003137;
113
+ --component-button-background-standard-primary-active: #002429;
114
114
  --component-button-background-standard-secondary-default: var(--color-background-none);
115
115
  --component-button-background-standard-secondary-hover: var(--color-background-none);
116
116
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -327,9 +327,9 @@
327
327
  .traton.tds-mode-dark,
328
328
  .traton .tl-mode-dark,
329
329
  .traton.tl-mode-dark {
330
- --component-button-background-standard-primary-default: var(--traton-color-grey-300);
331
- --component-button-background-standard-primary-hover: var(--traton-color-grey-200);
332
- --component-button-background-standard-primary-active: var(--traton-color-grey-400);
330
+ --component-button-background-standard-primary-default: #c2bfb6;
331
+ --component-button-background-standard-primary-hover: #d6d4c9;
332
+ --component-button-background-standard-primary-active: #a6a49c;
333
333
  --component-button-background-standard-secondary-default: var(--color-background-none);
334
334
  --component-button-background-standard-secondary-hover: var(--color-background-none);
335
335
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -386,7 +386,7 @@
386
386
  --component-button-icon-standard-tertiary-active: var(
387
387
  --component-button-icon-standard-tertiary-default
388
388
  );
389
- --component-button-icon-danger-primary-default: var(--traton-color-base-white);
389
+ --component-button-icon-danger-primary-default: var(--scania-color-base-white);
390
390
  --component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);
391
391
  --component-button-icon-danger-primary-active: var(
392
392
  --component-button-icon-danger-primary-default
package/dist/tl-message.css CHANGED
@@ -1,137 +1,23 @@
1
1
  /* Typography Usage mixins */
2
- /**
3
- * Do not edit directly, this file was auto-generated.
4
- */
5
- :root,
6
- .tds-mode-light,
7
- .scania .tds-mode-light,
8
- .scania.tds-mode-light,
9
- .scania .tl-mode-light,
10
- .scania.tl-mode-light {
11
- --component-message-background-primary: var(--color-background-layer-01);
12
- --component-message-background-secondary: var(--color-background-layer-02);
13
- --component-message-background-information-default: var(--color-background-layer-01);
14
- --component-message-background-success-default: var(--color-background-layer-01);
15
- --component-message-background-warning-default: var(--color-background-layer-01);
16
- --component-message-background-error-default: var(--color-system-danger-discrete);
17
- --component-message-text-information-default: var(--color-text-strong);
18
- --component-message-text-success-default: var(--color-text-strong);
19
- --component-message-text-warning-default: var(--color-text-strong);
20
- --component-message-text-error-default: var(--color-text-strong);
21
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
22
- --component-message-border-information-default: var(--color-system-info-default);
23
- --component-message-border-success-default: var(--color-system-success-default);
24
- --component-message-border-warning-default: var(--color-system-warning-subtle);
25
- --component-message-border-error-default: var(--color-system-danger-default);
26
- --component-message-border-radius-default: var(--scania-unit-4);
27
- --component-message-border-width-default: var(--scania-unit-4);
28
- --component-message-icon-information-default: var(--color-system-info-default);
29
- --component-message-icon-success-default: var(--color-system-success-default);
30
- --component-message-icon-warning-default: var(--color-system-warning-default);
31
- --component-message-icon-error-default: var(--color-system-danger-default);
32
- }
33
-
34
- .traton .tds-mode-light,
35
- .traton.tds-mode-light,
36
- .traton .tl-mode-light,
37
- .traton.tl-mode-light {
38
- --component-message-background-primary: var(--color-background-layer-01);
39
- --component-message-background-secondary: var(--color-background-layer-02);
40
- --component-message-background-information-default: var(--color-background-layer-01);
41
- --component-message-background-success-default: var(--color-background-layer-01);
42
- --component-message-background-warning-default: var(--color-background-layer-01);
43
- --component-message-background-error-default: var(--color-system-danger-discrete);
44
- --component-message-text-information-default: var(--color-text-strong);
45
- --component-message-text-success-default: var(--color-text-strong);
46
- --component-message-text-warning-default: var(--color-text-strong);
47
- --component-message-text-error-default: var(--color-text-strong);
48
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
49
- --component-message-border-information-default: var(--color-system-info-subtle);
50
- --component-message-border-success-default: var(--color-system-success-subtle);
51
- --component-message-border-warning-default: var(--color-system-warning-subtle);
52
- --component-message-border-error-default: var(--color-system-danger-subtle);
53
- --component-message-border-radius-default: var(--traton-unit-4);
54
- --component-message-border-width-default: var(--traton-unit-4);
55
- --component-message-icon-information-default: var(--color-system-info-default);
56
- --component-message-icon-success-default: var(--color-system-success-default);
57
- --component-message-icon-warning-default: var(--color-system-warning-defined);
58
- --component-message-icon-error-default: var(--color-system-danger-default);
59
- }
60
-
61
- .tds-mode-dark,
62
- .scania .tds-mode-dark,
63
- .scania.tds-mode-dark,
64
- .scania .tl-mode-dark,
65
- .scania.tl-mode-dark {
66
- --component-message-background-primary: var(--color-background-layer-01);
67
- --component-message-background-secondary: var(--color-background-layer-02);
68
- --component-message-background-information-default: var(--color-background-layer-01);
69
- --component-message-background-success-default: var(--color-background-layer-01);
70
- --component-message-background-warning-default: var(--color-background-layer-01);
71
- --component-message-background-error-default: var(--color-system-danger-discrete);
72
- --component-message-text-information-default: var(--color-text-strong);
73
- --component-message-text-success-default: var(--color-text-strong);
74
- --component-message-text-warning-default: var(--color-text-strong);
75
- --component-message-text-error-default: var(--color-text-strong);
76
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
77
- --component-message-border-information-default: var(--color-system-info-default);
78
- --component-message-border-success-default: var(--color-system-success-subtle);
79
- --component-message-border-warning-default: var(--color-system-warning-subtle);
80
- --component-message-border-error-default: var(--color-system-danger-subtle);
81
- --component-message-border-radius-default: var(--scania-unit-4);
82
- --component-message-border-width-default: var(--scania-unit-4);
83
- --component-message-icon-information-default: var(--color-system-info-default);
84
- --component-message-icon-success-default: var(--color-system-success-subtle);
85
- --component-message-icon-warning-default: var(--color-system-warning-subtle);
86
- --component-message-icon-error-default: var(--color-system-danger-default);
87
- }
88
-
89
- .traton .tds-mode-dark,
90
- .traton.tds-mode-dark,
91
- .traton .tl-mode-dark,
92
- .traton.tl-mode-dark {
93
- --component-message-background-primary: var(--color-background-layer-01);
94
- --component-message-background-secondary: var(--color-background-layer-02);
95
- --component-message-background-information-default: var(--color-background-layer-01);
96
- --component-message-background-success-default: var(--color-background-layer-01);
97
- --component-message-background-warning-default: var(--color-background-layer-01);
98
- --component-message-background-error-default: var(--color-system-danger-discrete);
99
- --component-message-text-information-default: var(--color-text-strong);
100
- --component-message-text-success-default: var(--color-text-strong);
101
- --component-message-text-warning-default: var(--color-text-strong);
102
- --component-message-text-error-default: var(--color-text-strong);
103
- --component-message-text-error-highlight-default: var(--color-system-danger-default);
104
- --component-message-border-information-default: var(--color-system-info-subtle);
105
- --component-message-border-success-default: var(--color-system-success-subtle);
106
- --component-message-border-warning-default: var(--color-system-warning-subtle);
107
- --component-message-border-error-default: var(--color-system-danger-subtle);
108
- --component-message-border-radius-default: var(--traton-unit-4);
109
- --component-message-border-width-default: var(--traton-unit-4);
110
- --component-message-icon-information-default: var(--color-system-info-default);
111
- --component-message-icon-success-default: var(--color-system-success-default);
112
- --component-message-icon-warning-default: var(--color-system-warning-subtle);
113
- --component-message-icon-error-default: var(--color-system-danger-default);
114
- }
115
-
116
2
  .tl-message {
117
- --message-main-background: var(--component-message-background-primary);
118
- --message-mode-primary-background: var(--component-message-background-primary);
119
- --message-mode-secondary-background: var(--component-message-background-secondary);
120
- --message-main-text-color: var(--color-text-strong);
3
+ --message-main-background: var(--color-background-layer-01);
4
+ --message-mode-primary-background: var(--color-background-layer-01);
5
+ --message-mode-secondary-background: var(--color-background-layer-02);
6
+ --message-main-text-color: var(--color-foreground-text-strong);
121
7
  /* Info */
122
- --message-info-border-color: var(--component-message-border-information-default);
123
- --message-info-icon-color: var(--component-message-icon-information-default);
8
+ --message-info-border-color: var(--color-system-info-subtle);
9
+ --message-info-icon-color: var(--color-system-info-default);
124
10
  /* Success */
125
- --message-success-border-color: var(--component-message-border-success-default);
126
- --message-success-icon-color: var(--component-message-icon-success-default);
11
+ --message-success-border-color: var(--color-system-success-subtle);
12
+ --message-success-icon-color: var(--color-system-success-default);
127
13
  /* Error */
128
- --message-error-background: var(--component-message-background-error-default);
129
- --message-error-border-color: var(--component-message-border-error-default);
130
- --message-error-icon-color: var(--component-message-icon-error-default);
131
- --message-error-header-text-color: var(--component-message-text-error-highlight-default);
14
+ --message-error-background: var(--color-system-danger-discrete);
15
+ --message-error-border-color: var(--color-system-danger-subtle);
16
+ --message-error-icon-color: var(--color-system-danger-default);
17
+ --message-error-header-text-color: var(--color-system-danger-default);
132
18
  /* Warning */
133
- --message-warning-border-color: var(--component-message-border-warning-default);
134
- --message-warning-icon-color: var(--component-message-icon-warning-default);
19
+ --message-warning-border-color: var(--color-system-warning-subtle);
20
+ --message-warning-icon-color: var(--color-system-warning-default);
135
21
  }
136
22
 
137
23
  .tl-message--primary {
package/dist/tl-slider.css CHANGED
@@ -136,9 +136,9 @@
136
136
  .traton.tds-mode-light,
137
137
  .traton .tl-mode-light,
138
138
  .traton.tl-mode-light {
139
- --component-button-background-standard-primary-default: var(--traton-color-blue-800);
140
- --component-button-background-standard-primary-hover: var(--traton-color-blue-850);
141
- --component-button-background-standard-primary-active: var(--traton-color-blue-900);
139
+ --component-button-background-standard-primary-default: #004852;
140
+ --component-button-background-standard-primary-hover: #003137;
141
+ --component-button-background-standard-primary-active: #002429;
142
142
  --component-button-background-standard-secondary-default: var(--color-background-none);
143
143
  --component-button-background-standard-secondary-hover: var(--color-background-none);
144
144
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -355,9 +355,9 @@
355
355
  .traton.tds-mode-dark,
356
356
  .traton .tl-mode-dark,
357
357
  .traton.tl-mode-dark {
358
- --component-button-background-standard-primary-default: var(--traton-color-grey-300);
359
- --component-button-background-standard-primary-hover: var(--traton-color-grey-200);
360
- --component-button-background-standard-primary-active: var(--traton-color-grey-400);
358
+ --component-button-background-standard-primary-default: #c2bfb6;
359
+ --component-button-background-standard-primary-hover: #d6d4c9;
360
+ --component-button-background-standard-primary-active: #a6a49c;
361
361
  --component-button-background-standard-secondary-default: var(--color-background-none);
362
362
  --component-button-background-standard-secondary-hover: var(--color-background-none);
363
363
  --component-button-background-standard-secondary-active: var(--color-background-none);
@@ -414,7 +414,7 @@
414
414
  --component-button-icon-standard-tertiary-active: var(
415
415
  --component-button-icon-standard-tertiary-default
416
416
  );
417
- --component-button-icon-danger-primary-default: var(--traton-color-base-white);
417
+ --component-button-icon-danger-primary-default: var(--scania-color-base-white);
418
418
  --component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);
419
419
  --component-button-icon-danger-primary-active: var(
420
420
  --component-button-icon-danger-primary-default
package/dist/tl-toast.css CHANGED
@@ -1,114 +1,12 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
- :root,
5
- .tds-mode-light,
6
- .scania .tds-mode-light,
7
- .scania.tds-mode-light,
8
- .scania .tl-mode-light,
9
- .scania.tl-mode-light {
10
- --component-toast-background-information-default: var(--color-background-inverse-base);
11
- --component-toast-background-success-default: var(--color-background-inverse-base);
12
- --component-toast-background-warning-default: var(--color-background-inverse-base);
13
- --component-toast-background-error-default: var(--color-background-inverse-base);
14
- --component-toast-border-radius-default: var(--scania-unit-4);
15
- --component-toast-border-width-default: var(--scania-unit-4);
16
- --component-toast-border-information-default: var(--scania-color-blue-300);
17
- --component-toast-border-success-default: var(--scania-color-green-300);
18
- --component-toast-border-warning-default: var(--scania-color-yellow-300);
19
- --component-toast-border-error-default: var(--scania-color-red-400);
20
- --component-toast-text-title-default: var(--color-text-inverse-strong);
21
- --component-toast-text-body-default: var(--color-text-inverse-strong);
22
- --component-toast-text-link-default: var(--component-toast-text-body-default);
23
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
24
- --component-toast-icon-information-default: var(--scania-color-blue-300);
25
- --component-toast-icon-success-default: var(--scania-color-green-300);
26
- --component-toast-icon-warning-default: var(--scania-color-yellow-300);
27
- --component-toast-icon-error-default: var(--scania-color-red-400);
28
- }
29
-
30
- .traton .tds-mode-light,
31
- .traton.tds-mode-light,
32
- .traton .tl-mode-light,
33
- .traton.tl-mode-light {
34
- --component-toast-background-information-default: var(--color-background-inverse-base);
35
- --component-toast-background-success-default: var(--color-background-inverse-base);
36
- --component-toast-background-warning-default: var(--color-background-inverse-base);
37
- --component-toast-background-error-default: var(--color-background-inverse-base);
38
- --component-toast-border-radius-default: var(--traton-unit-4);
39
- --component-toast-border-width-default: var(--traton-unit-4);
40
- --component-toast-border-information-default: var(--color-system-info-default);
41
- --component-toast-border-success-default: var(--color-system-success-default);
42
- --component-toast-border-warning-default: var(--color-system-warning-default);
43
- --component-toast-border-error-default: var(--color-system-danger-default);
44
- --component-toast-text-title-default: var(--color-text-inverse-strong);
45
- --component-toast-text-body-default: var(--color-text-inverse-soft);
46
- --component-toast-text-link-default: var(--component-toast-text-body-default);
47
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
48
- --component-toast-icon-information-default: var(--color-system-info-default);
49
- --component-toast-icon-success-default: var(--color-system-success-default);
50
- --component-toast-icon-warning-default: var(--color-system-warning-default);
51
- --component-toast-icon-error-default: var(--color-system-danger-default);
52
- }
53
-
54
- .tds-mode-dark,
55
- .scania .tds-mode-dark,
56
- .scania.tds-mode-dark,
57
- .scania .tl-mode-dark,
58
- .scania.tl-mode-dark {
59
- --component-toast-background-information-default: var(--color-background-inverse-layer-01);
60
- --component-toast-background-success-default: var(--color-background-inverse-layer-01);
61
- --component-toast-background-warning-default: var(--color-background-inverse-layer-01);
62
- --component-toast-background-error-default: var(--color-background-inverse-layer-01);
63
- --component-toast-border-radius-default: var(--scania-unit-4);
64
- --component-toast-border-width-default: var(--scania-unit-4);
65
- --component-toast-border-information-default: var(--scania-color-blue-400);
66
- --component-toast-border-success-default: var(--scania-color-green-300);
67
- --component-toast-border-warning-default: var(--scania-color-yellow-400);
68
- --component-toast-border-error-default: var(--scania-color-red-400);
69
- --component-toast-text-title-default: var(--color-text-inverse-strong);
70
- --component-toast-text-body-default: var(--color-text-inverse-strong);
71
- --component-toast-text-link-default: var(--component-toast-text-body-default);
72
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
73
- --component-toast-icon-information-default: var(--scania-color-blue-400);
74
- --component-toast-icon-success-default: var(--scania-color-green-300);
75
- --component-toast-icon-warning-default: var(--scania-color-yellow-500);
76
- --component-toast-icon-error-default: var(--scania-color-red-400);
77
- }
78
-
79
- .traton .tds-mode-dark,
80
- .traton.tds-mode-dark,
81
- .traton .tl-mode-dark,
82
- .traton.tl-mode-dark {
83
- --component-toast-background-information-default: var(--color-background-inverse-base);
84
- --component-toast-background-success-default: var(--color-background-inverse-base);
85
- --component-toast-background-warning-default: var(--color-background-inverse-base);
86
- --component-toast-background-error-default: var(--color-background-inverse-base);
87
- --component-toast-border-radius-default: var(--traton-unit-4);
88
- --component-toast-border-width-default: var(--traton-unit-4);
89
- --component-toast-border-information-default: var(--color-system-info-default);
90
- --component-toast-border-success-default: var(--color-system-success-default);
91
- --component-toast-border-warning-default: var(--color-system-warning-default);
92
- --component-toast-border-error-default: var(--color-system-danger-default);
93
- --component-toast-text-title-default: var(--color-text-inverse-strong);
94
- --component-toast-text-body-default: var(--color-text-inverse-soft);
95
- --component-toast-text-link-default: var(--component-toast-text-body-default);
96
- --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
97
- --component-toast-icon-information-default: var(--color-system-info-default);
98
- --component-toast-icon-success-default: var(--color-system-success-default);
99
- --component-toast-icon-warning-default: var(--color-system-warning-default);
100
- --component-toast-icon-error-default: var(--color-system-danger-default);
101
- }
102
-
103
1
  .tl-toast {
104
- --toast-background: var(--component-toast-background-information-default);
105
- --toast-headline: var(--component-toast-text-title-default);
106
- --toast-subheadline: var(--component-toast-text-body-default);
107
- --toast-dismiss: var(--component-toast-icon-dismiss-default);
108
- --toast-icon-info: var(--component-toast-icon-information-default);
109
- --toast-icon-success: var(--component-toast-icon-success-default);
110
- --toast-icon-warning: var(--component-toast-icon-warning-default);
111
- --toast-icon-error: var(--component-toast-icon-error-default);
2
+ --toast-background: var(--color-background-inverse-base);
3
+ --toast-headline: var(--color-foreground-text-inverse-strong);
4
+ --toast-subheadline: var(--color-foreground-text-inverse-soft);
5
+ --toast-dismiss: var(--color-foreground-text-inverse-strong);
6
+ --toast-icon-error: var(--color-system-danger-default);
7
+ --toast-icon-success: var(--color-system-success-default);
8
+ --toast-icon-warning: var(--color-system-warning-default);
9
+ --toast-icon-info: var(--color-system-info-default);
112
10
  }
113
11
 
114
12
  /* Typography Usage mixins */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel-lite",
3
- "version": "0.1.0-var-5-beta.0",
3
+ "version": "0.1.0-var-develop-beta.1",
4
4
  "description": "Styles-only library for Tegel Design System (Beta)",
5
5
  "type": "module",
6
6
  "keywords": [