@entur/tab 0.4.61 → 0.4.62

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 (2) hide show
  1. package/dist/styles.css +168 -296
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -1,319 +1,191 @@
1
- @import "~@entur/tokens/dist/primitive.css";
2
- @import "~@entur/tokens/dist/semantic.css";
3
1
  /* DO NOT CHANGE!*/
4
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
3
  /* DO NOT CHANGE!*/
6
4
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
- :root {
8
- --fill-background-contrast-dark: var(--ebony-90);
9
- --fill-background-contrast-light: var(--lavender-90);
10
- --fill-background-contrast-lightalt: var(--blue-90);
11
- --fill-background-contrast-lightalt-2: var(--blue-100);
12
- --fill-background-overlay-solid: var(--ebony-80);
13
- --fill-background-overlay-solidalt: var(--ebony-75);
14
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
15
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
16
- --fill-background-standard-colorless: var(--white-alpha-0);
17
- --fill-background-standard-dark: var(--ebony-100);
18
- --fill-background-standard-light: var(--white-alpha-100);
19
- --fill-background-subdued-dark: var(--ebony-85);
20
- --fill-background-subdued-light: var(--blue-30);
21
- --fill-background-tint-dark: var(--ebony-95);
22
- --fill-background-tint-light: var(--blue-10);
23
- --fill-background-tint-neutral: var(--grey-10);
24
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
25
- --fill-boolean-false-contrast: var(--blue-50);
26
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
27
- --fill-boolean-false-light: var(--grey-60);
28
- --fill-boolean-true-contrast: var(--mint-40);
29
- --fill-boolean-true-dark: var(--mint-40);
30
- --fill-boolean-true-light: var(--mint-60);
31
- --fill-disabled-light: var(--grey-40);
32
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
33
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
34
- --fill-information-contrast: var(--sky-30);
35
- --fill-information-deep: var(--sky-50);
36
- --fill-information-muted: var(--sky-10);
37
- --fill-information-tint: var(--sky-20);
38
- --fill-negative-contrast: var(--coral-40);
39
- --fill-negative-dark: var(--coral-90);
40
- --fill-negative-deep: var(--coral-60);
41
- --fill-negative-muted: var(--coral-20);
42
- --fill-negative-tint: var(--coral-30);
43
- --fill-negative-transparent: var(--transparent-coral-alpha20);
44
- --fill-primary-active-contrast: var(--lavender-50);
45
- --fill-primary-active-light: var(--lavender-100);
46
- --fill-primary-default-contrast: var(--lavender-40);
47
- --fill-primary-default-light: var(--lavender-90);
48
- --fill-primary-hover-contrast: var(--lavender-30);
49
- --fill-primary-hover-light: var(--blue-90);
50
- --fill-secondary-active-contrast: var(--lavender-50);
51
- --fill-secondary-active-light: var(--lavender-40);
52
- --fill-secondary-default-colorless: var(--white-alpha-0);
53
- --fill-secondary-hover-contrast: var(--blue-70);
54
- --fill-secondary-hover-light: var(--lavender-20);
55
- --fill-selected-default-contrast: var(--blue-90);
56
- --fill-selected-default-dark: var(--ebony-10);
57
- --fill-selected-default-darkalt: var(--ebony-50);
58
- --fill-selected-default-light: var(--blue-10);
59
- --fill-selected-default-neutral: var(--grey-30);
60
- --fill-selected-hover-contrast: var(--blue-80);
61
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
62
- --fill-selected-hover-light: var(--blue-20);
63
- --fill-selected-hover-neutral: var(--grey-20);
64
- --fill-success-contrast: var(--mint-40);
65
- --fill-success-deep: var(--mint-60);
66
- --fill-success-muted: var(--mint-20);
67
- --fill-success-subdued: var(--mint-50);
68
- --fill-success-tint: var(--mint-30);
69
- --fill-warning-contrast: var(--canary-40);
70
- --fill-warning-deep: var(--canary-60);
71
- --fill-warning-muted: var(--canary-20);
72
- --fill-warning-tint: var(--canary-30);
73
- --shape-accent: var(--lavender-90);
74
- --shape-contrast: var(--lavender-40);
75
- --shape-dark: var(--ebony-100);
76
- --shape-darkalt: var(--ebony-30);
77
- --shape-disabled: var(--grey-80);
78
- --shape-highlight: var(--coral-40);
79
- --shape-highlightalt: var(--coral-30);
80
- --shape-inactive: var(--blue-40);
81
- --shape-information: var(--sky-50);
82
- --shape-informationalt: var(--sky-30);
83
- --shape-light: var(--white-alpha-100);
84
- --shape-lightalt: var(--ebony-10);
85
- --shape-negative: var(--coral-60);
86
- --shape-negativealt: var(--coral-30);
87
- --shape-neutral: var(--grey-70);
88
- --shape-neutralalt: var(--grey-50);
89
- --shape-neutralalt2: var(--grey-60);
90
- --shape-subdued: var(--blue-70);
91
- --shape-subduedalt: var(--blue-30);
92
- --shape-success: var(--mint-60);
93
- --shape-successalt: var(--mint-40);
94
- --shape-warning: var(--canary-60);
95
- --shape-warningalt: var(--canary-40);
96
- --stroke-accent: var(--lavender-90);
97
- --stroke-colorless: var(--white-alpha-0);
98
- --stroke-contrast: var(--lavender-40);
99
- --stroke-contrastalt: var(--blue-80);
100
- --stroke-dark: var(--ebony-30);
101
- --stroke-darkalt: var(--ebony-50);
102
- --stroke-darkalt-2: var(--ebony-100);
103
- --stroke-highlight: var(--coral-40);
104
- --stroke-highlightalt: var(--coral-30);
105
- --stroke-information: var(--sky-50);
106
- --stroke-light: var(--white-alpha-100);
107
- --stroke-lightalt: var(--ebony-10);
108
- --stroke-negative: var(--coral-60);
109
- --stroke-negativealt: var(--coral-30);
110
- --stroke-neutral: var(--grey-30);
111
- --stroke-neutralalt: var(--grey-60);
112
- --stroke-subdued: var(--blue-60);
113
- --stroke-success: var(--mint-60);
114
- --stroke-successalt: var(--mint-40);
115
- --stroke-transparent: var(--transparent-blue-alpha40);
116
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
117
- --stroke-warning: var(--canary-70);
118
- --text-accent: var(--lavender-90);
119
- --text-dark: var(--ebony-100);
120
- --text-darkalt: var(--ebony-30);
121
- --text-disabled: var(--grey-80);
122
- --text-highlight: var(--lavender-40);
123
- --text-highlightalt: var(--peach-40);
124
- --text-light: var(--white-alpha-100);
125
- --text-lightalt: var(--ebony-10);
126
- --text-negative: var(--coral-60);
127
- --text-negativealt: var(--coral-30);
128
- --text-neutral: var(--grey-70);
129
- --text-neutralalt: var(--grey-50);
130
- --text-neutralalt2: var(--grey-60);
131
- --text-subdued: var(--blue-70);
132
- --text-subduedalt: var(--blue-30);
133
- --text-success: var(--mint-60);
134
- --text-successalt: var(--mint-40);
135
- }
136
-
5
+ /* DO NOT CHANGE!*/
6
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
137
7
  /* DO NOT CHANGE!*/
138
8
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
139
9
  [data-color-mode=light],
140
10
  :root {
141
- --components-tab-contrast-border: var(--stroke-contrast);
142
- --components-tab-contrast-fill-disabled: var(--stroke-transparent);
143
- --components-tab-contrast-fill-hover: var(--fill-secondary-hover-contrast);
144
- --components-tab-contrast-fill-selected: var(--fill-background-contrast-light);
145
- --components-tab-contrast-fill-unselected: var(--fill-selected-default-contrast);
146
- --components-tab-contrast-icon: var(--shape-light);
147
- --components-tab-contrast-icon-disabled: var(--shape-neutralalt);
148
- --components-tab-contrast-text: var(--text-light);
149
- --components-tab-contrast-text-disabled: var(--text-neutralalt);
150
- --components-tab-contrast-underline-selected: var(--stroke-highlight);
151
- --components-tab-standard-border: var(--stroke-neutral);
152
- --components-tab-standard-fill-disabled: var(--fill-disabled-light);
153
- --components-tab-standard-fill-hover: var(--fill-selected-default-neutral);
154
- --components-tab-standard-fill-selected: var(--fill-background-standard-light);
155
- --components-tab-standard-fill-unselected: var(--fill-selected-hover-neutral);
156
- --components-tab-standard-icon: var(--shape-accent);
157
- --components-tab-standard-icon-disabled: var(--shape-disabled);
158
- --components-tab-standard-text: var(--text-accent);
159
- --components-tab-standard-text-disabled: var(--text-disabled);
160
- --components-tab-standard-underline-selected: var(--stroke-highlight);
11
+ --components-tab-contrast-border: #aeb7e2;
12
+ --components-tab-contrast-fill-disabled: rgba(84, 86, 140, 0.4);
13
+ --components-tab-contrast-fill-hover: #626493;
14
+ --components-tab-contrast-fill-selected: #181c56;
15
+ --components-tab-contrast-fill-unselected: #393d79;
16
+ --components-tab-contrast-icon: #ffffff;
17
+ --components-tab-contrast-icon-disabled: #b6b8ba;
18
+ --components-tab-contrast-text: #ffffff;
19
+ --components-tab-contrast-text-disabled: #b6b8ba;
20
+ --components-tab-contrast-underline-selected: #ff5959;
21
+ --components-tab-standard-border: #e3e6e8;
22
+ --components-tab-standard-fill-disabled: #cfd2d4;
23
+ --components-tab-standard-fill-hover: #e3e6e8;
24
+ --components-tab-standard-fill-selected: #ffffff;
25
+ --components-tab-standard-fill-unselected: #edf0f2;
26
+ --components-tab-standard-icon: #181c56;
27
+ --components-tab-standard-icon-disabled: #515254;
28
+ --components-tab-standard-text: #181c56;
29
+ --components-tab-standard-text-disabled: #515254;
30
+ --components-tab-standard-underline-selected: #ff5959;
161
31
  }
162
32
 
163
33
  [data-color-mode=dark] {
164
- --components-tab-contrast-border: var(--stroke-darkalt);
165
- --components-tab-contrast-fill-disabled: var(--fill-disabled-transparentalt);
166
- --components-tab-contrast-fill-hover: var(--fill-background-overlay-solid);
167
- --components-tab-contrast-fill-selected: var(--fill-background-standard-dark);
168
- --components-tab-contrast-fill-unselected: var(--fill-background-overlay-transparentalt);
169
- --components-tab-contrast-icon: var(--shape-lightalt);
170
- --components-tab-contrast-icon-disabled: var(--shape-neutralalt2);
171
- --components-tab-contrast-text: var(--text-lightalt);
172
- --components-tab-contrast-text-disabled: var(--text-neutralalt2);
173
- --components-tab-contrast-underline-selected: var(--stroke-highlightalt);
174
- --components-tab-standard-border: var(--stroke-darkalt);
175
- --components-tab-standard-fill-disabled: var(--fill-disabled-transparentalt);
176
- --components-tab-standard-fill-hover: var(--fill-background-overlay-solid);
177
- --components-tab-standard-fill-selected: var(--fill-background-standard-dark);
178
- --components-tab-standard-fill-unselected: var(--fill-background-overlay-transparentalt);
179
- --components-tab-standard-icon: var(--shape-lightalt);
180
- --components-tab-standard-icon-disabled: var(--shape-neutralalt2);
181
- --components-tab-standard-text: var(--text-lightalt);
182
- --components-tab-standard-text-disabled: var(--text-neutralalt2);
183
- --components-tab-standard-underline-selected: var(--stroke-highlightalt);
34
+ --components-tab-contrast-border: #81828f;
35
+ --components-tab-contrast-fill-disabled: rgba(207, 210, 212, 0.1019607843);
36
+ --components-tab-contrast-fill-hover: #393a49;
37
+ --components-tab-contrast-fill-selected: #08091c;
38
+ --components-tab-contrast-fill-unselected: rgba(229, 229, 233, 0.2509803922);
39
+ --components-tab-contrast-icon: #e5e5e9;
40
+ --components-tab-contrast-icon-disabled: #949699;
41
+ --components-tab-contrast-text: #e5e5e9;
42
+ --components-tab-contrast-text-disabled: #949699;
43
+ --components-tab-contrast-underline-selected: #ff9494;
44
+ --components-tab-standard-border: #81828f;
45
+ --components-tab-standard-fill-disabled: rgba(207, 210, 212, 0.1019607843);
46
+ --components-tab-standard-fill-hover: #393a49;
47
+ --components-tab-standard-fill-selected: #08091c;
48
+ --components-tab-standard-fill-unselected: rgba(229, 229, 233, 0.2509803922);
49
+ --components-tab-standard-icon: #e5e5e9;
50
+ --components-tab-standard-icon-disabled: #949699;
51
+ --components-tab-standard-text: #e5e5e9;
52
+ --components-tab-standard-text-disabled: #949699;
53
+ --components-tab-standard-underline-selected: #ff9494;
184
54
  }
185
55
 
56
+ /* DO NOT CHANGE!*/
57
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
186
58
  /* DO NOT CHANGE!*/
187
59
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
188
60
  [data-color-mode=light],
189
61
  :root {
190
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
191
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
192
- --basecolors-frame-default: var(--fill-background-standard-light);
193
- --basecolors-frame-elevated: var(--fill-background-standard-light);
194
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
195
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
196
- --basecolors-frame-tint: var(--fill-background-tint-light);
197
- --basecolors-shape-accent: var(--shape-accent);
198
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
199
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
200
- --basecolors-shape-bus-contrast: var(--contrast-bus);
201
- --basecolors-shape-bus-default: var(--standard-bus);
202
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
203
- --basecolors-shape-cableway-default: var(--standard-cableway);
204
- --basecolors-shape-disabled: var(--shape-neutral);
205
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
206
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
207
- --basecolors-shape-ferry-default: var(--standard-ferry);
208
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
209
- --basecolors-shape-funicular-default: var(--standard-funicular);
210
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
211
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
212
- --basecolors-shape-highlight: var(--stroke-highlight);
213
- --basecolors-shape-light: var(--shape-light);
214
- --basecolors-shape-mask: var(--shape-light);
215
- --basecolors-shape-maskalt: var(--shape-light);
216
- --basecolors-shape-metro-contrast: var(--contrast-metro);
217
- --basecolors-shape-metro-default: var(--standard-metro);
218
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
219
- --basecolors-shape-mobility-default: var(--standard-mobility);
220
- --basecolors-shape-plane-contrast: var(--contrast-plane);
221
- --basecolors-shape-plane-default: var(--standard-plane);
222
- --basecolors-shape-subdued: var(--shape-subdued);
223
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
224
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
225
- --basecolors-shape-taxi-default: var(--standard-taxi);
226
- --basecolors-shape-train-contrast: var(--contrast-train);
227
- --basecolors-shape-train-default: var(--standard-train);
228
- --basecolors-shape-tram-contrast: var(--contrast-tram);
229
- --basecolors-shape-tram-default: var(--standard-tram);
230
- --basecolors-shape-walk-contrast: var(--contrast-walk);
231
- --basecolors-shape-walk-default: var(--standard-walk);
232
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
233
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
234
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
235
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
236
- --basecolors-stroke-contrast: var(--stroke-contrast);
237
- --basecolors-stroke-default: var(--stroke-accent);
238
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
239
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
240
- --basecolors-stroke-focus-standard: var(--stroke-accent);
241
- --basecolors-stroke-highlight: var(--stroke-highlight);
242
- --basecolors-stroke-light: var(--stroke-light);
243
- --basecolors-stroke-subdued: var(--stroke-subdued);
244
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
245
- --basecolors-text-accent: var(--text-accent);
246
- --basecolors-text-disabled: var(--text-neutral);
247
- --basecolors-text-disabledalt: var(--text-neutralalt);
248
- --basecolors-text-highlight: var(--stroke-highlight);
249
- --basecolors-text-light: var(--text-light);
250
- --basecolors-text-subdued: var(--text-subdued);
251
- --basecolors-text-subduedalt: var(--text-subduedalt);
62
+ --basecolors-frame-contrast: #181c56;
63
+ --basecolors-frame-contrastalt: #393d79;
64
+ --basecolors-frame-default: #ffffff;
65
+ --basecolors-frame-elevated: #ffffff;
66
+ --basecolors-frame-elevatedalt: #f6f6f9;
67
+ --basecolors-frame-subdued: #d9dae8;
68
+ --basecolors-frame-tint: #f6f6f9;
69
+ --basecolors-shape-accent: #181c56;
70
+ --basecolors-shape-bicycle-contrast: #00db9b;
71
+ --basecolors-shape-bicycle-default: #388f76;
72
+ --basecolors-shape-bus-contrast: #ff6392;
73
+ --basecolors-shape-bus-default: #c5044e;
74
+ --basecolors-shape-cableway-contrast: #b482fb;
75
+ --basecolors-shape-cableway-default: #78469a;
76
+ --basecolors-shape-disabled: #6e6f73;
77
+ --basecolors-shape-disabledalt: #b6b8ba;
78
+ --basecolors-shape-ferry-contrast: #6fdfff;
79
+ --basecolors-shape-ferry-default: #0c6693;
80
+ --basecolors-shape-funicular-contrast: #b482fb;
81
+ --basecolors-shape-funicular-default: #78469a;
82
+ --basecolors-shape-helicopter-contrast: #fbafea;
83
+ --basecolors-shape-helicopter-default: #800664;
84
+ --basecolors-shape-highlight: #ff5959;
85
+ --basecolors-shape-light: #ffffff;
86
+ --basecolors-shape-mask: #ffffff;
87
+ --basecolors-shape-maskalt: #ffffff;
88
+ --basecolors-shape-metro-contrast: #f08901;
89
+ --basecolors-shape-metro-default: #bf5826;
90
+ --basecolors-shape-mobility-contrast: #00db9b;
91
+ --basecolors-shape-mobility-default: #388f76;
92
+ --basecolors-shape-plane-contrast: #fbafea;
93
+ --basecolors-shape-plane-default: #800664;
94
+ --basecolors-shape-subdued: #626493;
95
+ --basecolors-shape-subduedalt: #d9dae8;
96
+ --basecolors-shape-taxi-contrast: #ffe082;
97
+ --basecolors-shape-taxi-default: #3d3e40;
98
+ --basecolors-shape-train-contrast: #42a5f5;
99
+ --basecolors-shape-train-default: #00367f;
100
+ --basecolors-shape-tram-contrast: #b482fb;
101
+ --basecolors-shape-tram-default: #78469a;
102
+ --basecolors-shape-walk-contrast: #8284ab;
103
+ --basecolors-shape-walk-default: #8d8e9c;
104
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
105
+ --basecolors-shape-airportlinkbus-default: #800664;
106
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
107
+ --basecolors-shape-airportlinkrail-default: #800664;
108
+ --basecolors-stroke-contrast: #aeb7e2;
109
+ --basecolors-stroke-default: #181c56;
110
+ --basecolors-stroke-disabled: #949699;
111
+ --basecolors-stroke-focus-contrast: #aeb7e2;
112
+ --basecolors-stroke-focus-standard: #181c56;
113
+ --basecolors-stroke-highlight: #ff5959;
114
+ --basecolors-stroke-light: #ffffff;
115
+ --basecolors-stroke-subdued: #8284ab;
116
+ --basecolors-stroke-subduedalt: #e3e6e8;
117
+ --basecolors-text-accent: #181c56;
118
+ --basecolors-text-disabled: #6e6f73;
119
+ --basecolors-text-disabledalt: #b6b8ba;
120
+ --basecolors-text-highlight: #ff5959;
121
+ --basecolors-text-light: #ffffff;
122
+ --basecolors-text-subdued: #626493;
123
+ --basecolors-text-subduedalt: #d9dae8;
252
124
  }
253
125
 
254
126
  [data-color-mode=dark] {
255
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
256
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
257
- --basecolors-frame-default: var(--fill-background-standard-dark);
258
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
259
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
260
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
261
- --basecolors-frame-tint: var(--fill-background-tint-dark);
262
- --basecolors-shape-accent: var(--shape-lightalt);
263
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
264
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
265
- --basecolors-shape-bus-contrast: var(--dark-bus);
266
- --basecolors-shape-bus-default: var(--dark-bus);
267
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
268
- --basecolors-shape-cableway-default: var(--dark-cableway);
269
- --basecolors-shape-disabled: var(--shape-neutralalt);
270
- --basecolors-shape-disabledalt: var(--shape-darkalt);
271
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
272
- --basecolors-shape-ferry-default: var(--dark-ferry);
273
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
274
- --basecolors-shape-funicular-default: var(--dark-funicular);
275
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
276
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
277
- --basecolors-shape-highlight: var(--stroke-highlightalt);
278
- --basecolors-shape-light: var(--shape-lightalt);
279
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
280
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
281
- --basecolors-shape-metro-contrast: var(--dark-metro);
282
- --basecolors-shape-metro-default: var(--dark-metro);
283
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
284
- --basecolors-shape-mobility-default: var(--dark-mobility);
285
- --basecolors-shape-plane-contrast: var(--dark-plane);
286
- --basecolors-shape-plane-default: var(--dark-plane);
287
- --basecolors-shape-subdued: var(--shape-darkalt);
288
- --basecolors-shape-subduedalt: var(--shape-darkalt);
289
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
290
- --basecolors-shape-taxi-default: var(--dark-taxi);
291
- --basecolors-shape-train-contrast: var(--dark-train);
292
- --basecolors-shape-train-default: var(--dark-train);
293
- --basecolors-shape-tram-contrast: var(--dark-tram);
294
- --basecolors-shape-tram-default: var(--dark-tram);
295
- --basecolors-shape-walk-contrast: var(--dark-walk);
296
- --basecolors-shape-walk-default: var(--dark-walk);
297
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
298
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
299
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
300
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
301
- --basecolors-stroke-contrast: var(--stroke-contrast);
302
- --basecolors-stroke-default: var(--stroke-dark);
303
- --basecolors-stroke-disabled: var(--stroke-neutral);
304
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
305
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
306
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
307
- --basecolors-stroke-light: var(--stroke-dark);
308
- --basecolors-stroke-subdued: var(--stroke-darkalt);
309
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
310
- --basecolors-text-accent: var(--text-lightalt);
311
- --basecolors-text-disabled: var(--text-neutralalt);
312
- --basecolors-text-disabledalt: var(--text-neutralalt);
313
- --basecolors-text-highlight: var(--stroke-highlightalt);
314
- --basecolors-text-light: var(--text-lightalt);
315
- --basecolors-text-subdued: var(--text-darkalt);
316
- --basecolors-text-subduedalt: var(--text-darkalt);
127
+ --basecolors-frame-contrast: #212233;
128
+ --basecolors-frame-contrastalt: #141527;
129
+ --basecolors-frame-default: #08091c;
130
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
131
+ --basecolors-frame-elevatedalt: #464755;
132
+ --basecolors-frame-subdued: #2d2e3e;
133
+ --basecolors-frame-tint: #141527;
134
+ --basecolors-shape-accent: #e5e5e9;
135
+ --basecolors-shape-bicycle-contrast: #4db295;
136
+ --basecolors-shape-bicycle-default: #4db295;
137
+ --basecolors-shape-bus-contrast: #e87a9b;
138
+ --basecolors-shape-bus-default: #e87a9b;
139
+ --basecolors-shape-cableway-contrast: #b898e5;
140
+ --basecolors-shape-cableway-default: #b898e5;
141
+ --basecolors-shape-disabled: #b6b8ba;
142
+ --basecolors-shape-disabledalt: #b3b4bd;
143
+ --basecolors-shape-ferry-contrast: #8ccfe2;
144
+ --basecolors-shape-ferry-default: #8ccfe2;
145
+ --basecolors-shape-funicular-contrast: #b898e5;
146
+ --basecolors-shape-funicular-default: #b898e5;
147
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
148
+ --basecolors-shape-helicopter-default: #f2b8e5;
149
+ --basecolors-shape-highlight: #ff9494;
150
+ --basecolors-shape-light: #e5e5e9;
151
+ --basecolors-shape-mask: #2d2e3e;
152
+ --basecolors-shape-maskalt: #393a49;
153
+ --basecolors-shape-metro-contrast: #dd973c;
154
+ --basecolors-shape-metro-default: #dd973c;
155
+ --basecolors-shape-mobility-contrast: #4db295;
156
+ --basecolors-shape-mobility-default: #4db295;
157
+ --basecolors-shape-plane-contrast: #f2b8e5;
158
+ --basecolors-shape-plane-default: #f2b8e5;
159
+ --basecolors-shape-subdued: #b3b4bd;
160
+ --basecolors-shape-subduedalt: #b3b4bd;
161
+ --basecolors-shape-taxi-contrast: #ffe082;
162
+ --basecolors-shape-taxi-default: #ffe082;
163
+ --basecolors-shape-train-contrast: #60a2d7;
164
+ --basecolors-shape-train-default: #60a2d7;
165
+ --basecolors-shape-tram-contrast: #b898e5;
166
+ --basecolors-shape-tram-default: #b898e5;
167
+ --basecolors-shape-walk-contrast: #8d8e9c;
168
+ --basecolors-shape-walk-default: #8d8e9c;
169
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
170
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
171
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
172
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
173
+ --basecolors-stroke-contrast: #aeb7e2;
174
+ --basecolors-stroke-default: #b3b4bd;
175
+ --basecolors-stroke-disabled: #e3e6e8;
176
+ --basecolors-stroke-focus-contrast: #aeb7e2;
177
+ --basecolors-stroke-focus-standard: #aeb7e2;
178
+ --basecolors-stroke-highlight: #ff9494;
179
+ --basecolors-stroke-light: #b3b4bd;
180
+ --basecolors-stroke-subdued: #81828f;
181
+ --basecolors-stroke-subduedalt: #81828f;
182
+ --basecolors-text-accent: #e5e5e9;
183
+ --basecolors-text-disabled: #b6b8ba;
184
+ --basecolors-text-disabledalt: #b6b8ba;
185
+ --basecolors-text-highlight: #ff9494;
186
+ --basecolors-text-light: #e5e5e9;
187
+ --basecolors-text-subdued: #b3b4bd;
188
+ --basecolors-text-subduedalt: #b3b4bd;
317
189
  }
318
190
 
319
191
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/tab",
3
- "version": "0.4.61",
3
+ "version": "0.4.62",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tab.esm.js",
@@ -26,10 +26,10 @@
26
26
  "react-dom": ">=16.8.0"
27
27
  },
28
28
  "dependencies": {
29
- "@entur/tokens": "^3.13.2",
30
- "@entur/utils": "^0.10.0",
29
+ "@entur/tokens": "^3.13.3",
30
+ "@entur/utils": "^0.10.1",
31
31
  "@reach/tabs": "^0.15.0",
32
32
  "classnames": "^2.3.1"
33
33
  },
34
- "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
34
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
35
35
  }