@entur/tokens 3.22.5 → 3.24.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 (16) hide show
  1. package/dist/base.css +10 -4
  2. package/dist/base.scss +10 -4
  3. package/dist/generated-js-objects/base.d.ts +6 -0
  4. package/dist/generated-js-objects/componentVariables.d.ts +120 -196
  5. package/dist/generated-js-objects/semantic.d.ts +10 -4
  6. package/dist/primitive.css +3 -3
  7. package/dist/primitive.less +3 -3
  8. package/dist/primitive.scss +3 -3
  9. package/dist/semantic.css +13 -7
  10. package/dist/semantic.less +13 -7
  11. package/dist/semantic.scss +13 -7
  12. package/dist/tokens.cjs.js +4 -4
  13. package/dist/tokens.cjs.js.map +1 -1
  14. package/dist/tokens.esm.js +4 -4
  15. package/dist/tokens.esm.js.map +1 -1
  16. package/package.json +2 -2
package/dist/base.css CHANGED
@@ -11,6 +11,8 @@
11
11
  --basecolors-frame-default: var(--fill-background-standard-light);
12
12
  --basecolors-frame-elevated: var(--fill-background-standard-light);
13
13
  --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
14
+ --basecolors-frame-highlight: var(--stroke-highlight);
15
+ --basecolors-frame-highlightalt: var(--stroke-highlightalt);
14
16
  --basecolors-frame-subdued: var(--fill-background-subdued-light);
15
17
  --basecolors-frame-tint: var(--fill-background-tint-light);
16
18
  --basecolors-shape-accent: var(--shape-accent);
@@ -58,13 +60,14 @@
58
60
  --basecolors-stroke-focus-contrast: var(--stroke-contrast);
59
61
  --basecolors-stroke-focus-standard: var(--stroke-accent);
60
62
  --basecolors-stroke-highlight: var(--stroke-highlight);
63
+ --basecolors-stroke-highlight2: var(--text-highlightalt);
61
64
  --basecolors-stroke-light: var(--stroke-light);
62
65
  --basecolors-stroke-subdued: var(--stroke-subdued);
63
66
  --basecolors-stroke-subduedalt: var(--stroke-neutral);
64
67
  --basecolors-text-accent: var(--text-accent);
65
68
  --basecolors-text-disabled: var(--text-neutral);
66
69
  --basecolors-text-disabledalt: var(--text-neutralalt);
67
- --basecolors-text-highlight: var(--stroke-highlight);
70
+ --basecolors-text-highlight: var(--text-highlight);
68
71
  --basecolors-text-highlightalt: var(--text-highlightalt);
69
72
  --basecolors-text-light: var(--text-light);
70
73
  --basecolors-text-subdued: var(--text-subdued);
@@ -78,6 +81,8 @@
78
81
  --basecolors-frame-default: var(--fill-background-standard-dark);
79
82
  --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
80
83
  --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
84
+ --basecolors-frame-highlight: var(--stroke-highlight);
85
+ --basecolors-frame-highlightalt: var(--stroke-highlightalt);
81
86
  --basecolors-frame-subdued: var(--fill-background-subdued-dark);
82
87
  --basecolors-frame-tint: var(--fill-background-tint-dark);
83
88
  --basecolors-shape-accent: var(--shape-lightalt);
@@ -95,7 +100,7 @@
95
100
  --basecolors-shape-funicular-default: var(--dark-funicular);
96
101
  --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
97
102
  --basecolors-shape-helicopter-default: var(--dark-helicopter);
98
- --basecolors-shape-highlight: var(--stroke-highlightalt);
103
+ --basecolors-shape-highlight: var(--stroke-highlight);
99
104
  --basecolors-shape-light: var(--shape-lightalt);
100
105
  --basecolors-shape-mask: var(--fill-background-subdued-dark);
101
106
  --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
@@ -124,14 +129,15 @@
124
129
  --basecolors-stroke-disabled: var(--stroke-neutral);
125
130
  --basecolors-stroke-focus-contrast: var(--stroke-contrast);
126
131
  --basecolors-stroke-focus-standard: var(--stroke-contrast);
127
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
132
+ --basecolors-stroke-highlight: var(--stroke-highlight);
133
+ --basecolors-stroke-highlight2: var(--stroke-highlightalt);
128
134
  --basecolors-stroke-light: var(--stroke-dark);
129
135
  --basecolors-stroke-subdued: var(--stroke-darkalt);
130
136
  --basecolors-stroke-subduedalt: var(--stroke-neutralalt);
131
137
  --basecolors-text-accent: var(--text-lightalt);
132
138
  --basecolors-text-disabled: var(--text-neutralalt);
133
139
  --basecolors-text-disabledalt: var(--text-neutralalt);
134
- --basecolors-text-highlight: var(--stroke-highlightalt);
140
+ --basecolors-text-highlight: var(--text-highlight);
135
141
  --basecolors-text-highlightalt: var(--text-highlightalt);
136
142
  --basecolors-text-light: var(--text-lightalt);
137
143
  --basecolors-text-subdued: var(--text-darkalt);
package/dist/base.scss CHANGED
@@ -13,6 +13,8 @@
13
13
  --basecolors-frame-default: #{$fill-background-standard-light};
14
14
  --basecolors-frame-elevated: #{$fill-background-standard-light};
15
15
  --basecolors-frame-elevatedalt: #{$fill-background-tint-light};
16
+ --basecolors-frame-highlight: #{$stroke-highlight};
17
+ --basecolors-frame-highlightalt: #{$stroke-highlightalt};
16
18
  --basecolors-frame-subdued: #{$fill-background-subdued-light};
17
19
  --basecolors-frame-tint: #{$fill-background-tint-light};
18
20
  --basecolors-shape-accent: #{$shape-accent};
@@ -60,13 +62,14 @@
60
62
  --basecolors-stroke-focus-contrast: #{$stroke-contrast};
61
63
  --basecolors-stroke-focus-standard: #{$stroke-accent};
62
64
  --basecolors-stroke-highlight: #{$stroke-highlight};
65
+ --basecolors-stroke-highlight2: #{$text-highlightalt};
63
66
  --basecolors-stroke-light: #{$stroke-light};
64
67
  --basecolors-stroke-subdued: #{$stroke-subdued};
65
68
  --basecolors-stroke-subduedalt: #{$stroke-neutral};
66
69
  --basecolors-text-accent: #{$text-accent};
67
70
  --basecolors-text-disabled: #{$text-neutral};
68
71
  --basecolors-text-disabledalt: #{$text-neutralalt};
69
- --basecolors-text-highlight: #{$stroke-highlight};
72
+ --basecolors-text-highlight: #{$text-highlight};
70
73
  --basecolors-text-highlightalt: #{$text-highlightalt};
71
74
  --basecolors-text-light: #{$text-light};
72
75
  --basecolors-text-subdued: #{$text-subdued};
@@ -80,6 +83,8 @@
80
83
  --basecolors-frame-default: #{$fill-background-standard-dark};
81
84
  --basecolors-frame-elevated: #{$fill-background-overlay-transparent};
82
85
  --basecolors-frame-elevatedalt: #{$fill-background-overlay-solidalt};
86
+ --basecolors-frame-highlight: #{$stroke-highlight};
87
+ --basecolors-frame-highlightalt: #{$stroke-highlightalt};
83
88
  --basecolors-frame-subdued: #{$fill-background-subdued-dark};
84
89
  --basecolors-frame-tint: #{$fill-background-tint-dark};
85
90
  --basecolors-shape-accent: #{$shape-lightalt};
@@ -97,7 +102,7 @@
97
102
  --basecolors-shape-funicular-default: #{$dark-funicular};
98
103
  --basecolors-shape-helicopter-contrast: #{$dark-helicopter};
99
104
  --basecolors-shape-helicopter-default: #{$dark-helicopter};
100
- --basecolors-shape-highlight: #{$stroke-highlightalt};
105
+ --basecolors-shape-highlight: #{$stroke-highlight};
101
106
  --basecolors-shape-light: #{$shape-lightalt};
102
107
  --basecolors-shape-mask: #{$fill-background-subdued-dark};
103
108
  --basecolors-shape-maskalt: #{$fill-background-overlay-solid};
@@ -126,14 +131,15 @@
126
131
  --basecolors-stroke-disabled: #{$stroke-neutral};
127
132
  --basecolors-stroke-focus-contrast: #{$stroke-contrast};
128
133
  --basecolors-stroke-focus-standard: #{$stroke-contrast};
129
- --basecolors-stroke-highlight: #{$stroke-highlightalt};
134
+ --basecolors-stroke-highlight: #{$stroke-highlight};
135
+ --basecolors-stroke-highlight2: #{$stroke-highlightalt};
130
136
  --basecolors-stroke-light: #{$stroke-dark};
131
137
  --basecolors-stroke-subdued: #{$stroke-darkalt};
132
138
  --basecolors-stroke-subduedalt: #{$stroke-neutralalt};
133
139
  --basecolors-text-accent: #{$text-lightalt};
134
140
  --basecolors-text-disabled: #{$text-neutralalt};
135
141
  --basecolors-text-disabledalt: #{$text-neutralalt};
136
- --basecolors-text-highlight: #{$stroke-highlightalt};
142
+ --basecolors-text-highlight: #{$text-highlight};
137
143
  --basecolors-text-highlightalt: #{$text-highlightalt};
138
144
  --basecolors-text-light: #{$text-lightalt};
139
145
  --basecolors-text-subdued: #{$text-darkalt};
package/dist/generated-js-objects/base.d.ts CHANGED
@@ -8,6 +8,8 @@ export declare const base: {
8
8
  default: string;
9
9
  elevated: string;
10
10
  elevatedalt: string;
11
+ highlight: string;
12
+ highlightalt: string;
11
13
  subdued: string;
12
14
  tint: string;
13
15
  };
@@ -59,6 +61,7 @@ export declare const base: {
59
61
  focusContrast: string;
60
62
  focusStandard: string;
61
63
  highlight: string;
64
+ highlight2: string;
62
65
  light: string;
63
66
  subdued: string;
64
67
  subduedalt: string;
@@ -84,6 +87,8 @@ export declare const base: {
84
87
  default: string;
85
88
  elevated: string;
86
89
  elevatedalt: string;
90
+ highlight: string;
91
+ highlightalt: string;
87
92
  subdued: string;
88
93
  tint: string;
89
94
  };
@@ -135,6 +140,7 @@ export declare const base: {
135
140
  focusContrast: string;
136
141
  focusStandard: string;
137
142
  highlight: string;
143
+ highlight2: string;
138
144
  light: string;
139
145
  subdued: string;
140
146
  subduedalt: string;
package/dist/generated-js-objects/componentVariables.d.ts CHANGED
@@ -158,81 +158,57 @@ export declare const componentVariables: {
158
158
  information: {
159
159
  contrast: {
160
160
  border: string;
161
- fillDefault: string;
162
- fillToast: string;
163
- iconDefault: string;
164
- iconToast: string;
165
- textDefault: string;
166
- textToast: string;
161
+ fill: string;
162
+ icon: string;
163
+ text: string;
167
164
  };
168
165
  standard: {
169
166
  border: string;
170
- fillDefault: string;
171
- fillToast: string;
172
- iconDefault: string;
173
- iconToast: string;
174
- textDefault: string;
175
- textToast: string;
167
+ fill: string;
168
+ icon: string;
169
+ text: string;
176
170
  };
177
171
  };
178
172
  negative: {
179
173
  contrast: {
180
174
  border: string;
181
- fillDefault: string;
182
- fillToast: string;
183
- iconDefault: string;
184
- iconToast: string;
185
- textDefault: string;
186
- textToast: string;
175
+ fill: string;
176
+ icon: string;
177
+ text: string;
187
178
  };
188
179
  standard: {
189
180
  border: string;
190
- fillDefault: string;
191
- fillToast: string;
192
- iconDefault: string;
193
- iconToast: string;
194
- textDefault: string;
195
- textToast: string;
181
+ fill: string;
182
+ icon: string;
183
+ text: string;
196
184
  };
197
185
  };
198
186
  success: {
199
187
  contrast: {
200
188
  border: string;
201
- fillDefault: string;
202
- fillToast: string;
203
- iconDefault: string;
204
- iconToast: string;
205
- textDefault: string;
206
- textToast: string;
189
+ fill: string;
190
+ icon: string;
191
+ text: string;
207
192
  };
208
193
  standard: {
209
194
  border: string;
210
- fillDefault: string;
211
- fillToast: string;
212
- iconDefault: string;
213
- iconToast: string;
214
- textDefault: string;
215
- textToast: string;
195
+ fill: string;
196
+ icon: string;
197
+ text: string;
216
198
  };
217
199
  };
218
200
  warning: {
219
201
  contrast: {
220
202
  border: string;
221
- fillDefault: string;
222
- fillToast: string;
223
- iconDefault: string;
224
- iconToast: string;
225
- textDefault: string;
226
- textDefault2: string;
203
+ fill: string;
204
+ icon: string;
205
+ text: string;
227
206
  };
228
207
  standard: {
229
208
  border: string;
230
- fillDefault: string;
231
- fillToast: string;
232
- iconDefault: string;
233
- iconToast: string;
234
- textDefault: string;
235
- textToast: string;
209
+ fill: string;
210
+ icon: string;
211
+ text: string;
236
212
  };
237
213
  };
238
214
  };
@@ -459,11 +435,15 @@ export declare const componentVariables: {
459
435
  border: string;
460
436
  dateborder: string;
461
437
  datefillHover: string;
438
+ datefillRange: string;
439
+ datefillSelectedHover: string;
440
+ datefillRangeHover: string;
462
441
  datefillSelected: string;
463
442
  icon: string;
464
443
  strokeToday: string;
465
444
  textAccent: string;
466
445
  textDisabled: string;
446
+ textSelected: string;
467
447
  textSubdued: string;
468
448
  };
469
449
  };
@@ -808,6 +788,26 @@ export declare const componentVariables: {
808
788
  text: string;
809
789
  };
810
790
  };
791
+ logo: {
792
+ contrast: {
793
+ entur: {
794
+ line: string;
795
+ text: string;
796
+ };
797
+ productname: {
798
+ text: string;
799
+ };
800
+ };
801
+ standard: {
802
+ entur: {
803
+ line: string;
804
+ text: string;
805
+ };
806
+ productname: {
807
+ text: string;
808
+ };
809
+ };
810
+ };
811
811
  navigationBar: {
812
812
  contrast: {
813
813
  background: string;
@@ -888,24 +888,6 @@ export declare const componentVariables: {
888
888
  text: string;
889
889
  textDisabled: string;
890
890
  };
891
- contrastBeta: {
892
- backgroundChild: string;
893
- divider: string;
894
- fillActive: string;
895
- fillClick: string;
896
- fillDefault: string;
897
- fillDisabled: string;
898
- fillHover: string;
899
- icon: string;
900
- iconDisabled: string;
901
- iconSubdued: string;
902
- strokeDev: string;
903
- strokeProd: string;
904
- strokeStaging: string;
905
- text: string;
906
- textDisabled: string;
907
- textGroup: string;
908
- };
909
891
  standard: {
910
892
  avatar: string;
911
893
  background: string;
@@ -921,24 +903,6 @@ export declare const componentVariables: {
921
903
  text: string;
922
904
  textDisabled: string;
923
905
  };
924
- standardBeta: {
925
- backgroundChild: string;
926
- divider: string;
927
- fillActive: string;
928
- fillClick: string;
929
- fillDefault: string;
930
- fillDisabled: string;
931
- fillHover: string;
932
- icon: string;
933
- iconDisabled: string;
934
- iconSubdued: string;
935
- strokeDev: string;
936
- strokeProd: string;
937
- strokeStaging: string;
938
- text: string;
939
- textDisabled: string;
940
- textGroup: string;
941
- };
942
906
  };
943
907
  stepper: {
944
908
  contrast: {
@@ -1540,20 +1504,6 @@ export declare const componentVariables: {
1540
1504
  fill: string;
1541
1505
  };
1542
1506
  };
1543
- logo: {
1544
- contrast: {
1545
- backgroundApp: string;
1546
- highlight: string;
1547
- text: string;
1548
- textApp: string;
1549
- };
1550
- standard: {
1551
- backgroundApp: string;
1552
- highlight: string;
1553
- text: string;
1554
- textApp: string;
1555
- };
1556
- };
1557
1507
  npmtag: {
1558
1508
  divide: string;
1559
1509
  text: string;
@@ -1731,81 +1681,57 @@ export declare const componentVariables: {
1731
1681
  information: {
1732
1682
  contrast: {
1733
1683
  border: string;
1734
- fillDefault: string;
1735
- fillToast: string;
1736
- iconDefault: string;
1737
- iconToast: string;
1738
- textDefault: string;
1739
- textToast: string;
1684
+ fill: string;
1685
+ icon: string;
1686
+ text: string;
1740
1687
  };
1741
1688
  standard: {
1742
1689
  border: string;
1743
- fillDefault: string;
1744
- fillToast: string;
1745
- iconDefault: string;
1746
- iconToast: string;
1747
- textDefault: string;
1748
- textToast: string;
1690
+ fill: string;
1691
+ icon: string;
1692
+ text: string;
1749
1693
  };
1750
1694
  };
1751
1695
  negative: {
1752
1696
  contrast: {
1753
1697
  border: string;
1754
- fillDefault: string;
1755
- fillToast: string;
1756
- iconDefault: string;
1757
- iconToast: string;
1758
- textDefault: string;
1759
- textToast: string;
1698
+ fill: string;
1699
+ icon: string;
1700
+ text: string;
1760
1701
  };
1761
1702
  standard: {
1762
1703
  border: string;
1763
- fillDefault: string;
1764
- fillToast: string;
1765
- iconDefault: string;
1766
- iconToast: string;
1767
- textDefault: string;
1768
- textToast: string;
1704
+ fill: string;
1705
+ icon: string;
1706
+ text: string;
1769
1707
  };
1770
1708
  };
1771
1709
  success: {
1772
1710
  contrast: {
1773
1711
  border: string;
1774
- fillDefault: string;
1775
- fillToast: string;
1776
- iconDefault: string;
1777
- iconToast: string;
1778
- textDefault: string;
1779
- textToast: string;
1712
+ fill: string;
1713
+ icon: string;
1714
+ text: string;
1780
1715
  };
1781
1716
  standard: {
1782
1717
  border: string;
1783
- fillDefault: string;
1784
- fillToast: string;
1785
- iconDefault: string;
1786
- iconToast: string;
1787
- textDefault: string;
1788
- textToast: string;
1718
+ fill: string;
1719
+ icon: string;
1720
+ text: string;
1789
1721
  };
1790
1722
  };
1791
1723
  warning: {
1792
1724
  contrast: {
1793
1725
  border: string;
1794
- fillDefault: string;
1795
- fillToast: string;
1796
- iconDefault: string;
1797
- iconToast: string;
1798
- textDefault: string;
1799
- textDefault2: string;
1726
+ fill: string;
1727
+ icon: string;
1728
+ text: string;
1800
1729
  };
1801
1730
  standard: {
1802
1731
  border: string;
1803
- fillDefault: string;
1804
- fillToast: string;
1805
- iconDefault: string;
1806
- iconToast: string;
1807
- textDefault: string;
1808
- textToast: string;
1732
+ fill: string;
1733
+ icon: string;
1734
+ text: string;
1809
1735
  };
1810
1736
  };
1811
1737
  };
@@ -2032,11 +1958,15 @@ export declare const componentVariables: {
2032
1958
  border: string;
2033
1959
  dateborder: string;
2034
1960
  datefillHover: string;
1961
+ datefillRange: string;
1962
+ datefillSelectedHover: string;
1963
+ datefillRangeHover: string;
2035
1964
  datefillSelected: string;
2036
1965
  icon: string;
2037
1966
  strokeToday: string;
2038
1967
  textAccent: string;
2039
1968
  textDisabled: string;
1969
+ textSelected: string;
2040
1970
  textSubdued: string;
2041
1971
  };
2042
1972
  };
@@ -2381,6 +2311,26 @@ export declare const componentVariables: {
2381
2311
  text: string;
2382
2312
  };
2383
2313
  };
2314
+ logo: {
2315
+ contrast: {
2316
+ entur: {
2317
+ line: string;
2318
+ text: string;
2319
+ };
2320
+ productname: {
2321
+ text: string;
2322
+ };
2323
+ };
2324
+ standard: {
2325
+ entur: {
2326
+ line: string;
2327
+ text: string;
2328
+ };
2329
+ productname: {
2330
+ text: string;
2331
+ };
2332
+ };
2333
+ };
2384
2334
  navigationBar: {
2385
2335
  contrast: {
2386
2336
  background: string;
@@ -2461,24 +2411,6 @@ export declare const componentVariables: {
2461
2411
  text: string;
2462
2412
  textDisabled: string;
2463
2413
  };
2464
- contrastBeta: {
2465
- backgroundChild: string;
2466
- divider: string;
2467
- fillActive: string;
2468
- fillClick: string;
2469
- fillDefault: string;
2470
- fillDisabled: string;
2471
- fillHover: string;
2472
- icon: string;
2473
- iconDisabled: string;
2474
- iconSubdued: string;
2475
- strokeDev: string;
2476
- strokeProd: string;
2477
- strokeStaging: string;
2478
- text: string;
2479
- textDisabled: string;
2480
- textGroup: string;
2481
- };
2482
2414
  standard: {
2483
2415
  avatar: string;
2484
2416
  background: string;
@@ -2494,24 +2426,6 @@ export declare const componentVariables: {
2494
2426
  text: string;
2495
2427
  textDisabled: string;
2496
2428
  };
2497
- standardBeta: {
2498
- backgroundChild: string;
2499
- divider: string;
2500
- fillActive: string;
2501
- fillClick: string;
2502
- fillDefault: string;
2503
- fillDisabled: string;
2504
- fillHover: string;
2505
- icon: string;
2506
- iconDisabled: string;
2507
- iconSubdued: string;
2508
- strokeDev: string;
2509
- strokeProd: string;
2510
- strokeStaging: string;
2511
- text: string;
2512
- textDisabled: string;
2513
- textGroup: string;
2514
- };
2515
2429
  };
2516
2430
  stepper: {
2517
2431
  contrast: {
@@ -3113,20 +3027,6 @@ export declare const componentVariables: {
3113
3027
  fill: string;
3114
3028
  };
3115
3029
  };
3116
- logo: {
3117
- contrast: {
3118
- backgroundApp: string;
3119
- highlight: string;
3120
- text: string;
3121
- textApp: string;
3122
- };
3123
- standard: {
3124
- backgroundApp: string;
3125
- highlight: string;
3126
- text: string;
3127
- textApp: string;
3128
- };
3129
- };
3130
3030
  npmtag: {
3131
3031
  divide: string;
3132
3032
  text: string;
@@ -3146,6 +3046,30 @@ export declare const componentVariables: {
3146
3046
  };
3147
3047
  };
3148
3048
  components: {
3049
+ travel: {
3050
+ travelHeader: {
3051
+ border: {
3052
+ small: string;
3053
+ large: string;
3054
+ medium: string;
3055
+ };
3056
+ gap: {
3057
+ small: string;
3058
+ medium: string;
3059
+ large: string;
3060
+ };
3061
+ spacing: {
3062
+ large: string;
3063
+ medium: string;
3064
+ small: string;
3065
+ };
3066
+ width: {
3067
+ small: string;
3068
+ medium: string;
3069
+ large: string;
3070
+ };
3071
+ };
3072
+ };
3149
3073
  button: {
3150
3074
  border: {
3151
3075
  large: string;