@entur/expand 3.5.3 → 3.5.4

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 +188 -316
  2. package/package.json +6 -6
package/dist/styles.css CHANGED
@@ -92,322 +92,6 @@
92
92
  .eds-expandable-panel--disable-animation .ReactCollapse--collapse {
93
93
  transition: none;
94
94
  }
95
- @import "~@entur/tokens/dist/primitive.css";
96
- @import "~@entur/tokens/dist/semantic.css";
97
- /* DO NOT CHANGE!*/
98
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
99
- :root {
100
- --fill-background-contrast-dark: var(--ebony-90);
101
- --fill-background-contrast-light: var(--lavender-90);
102
- --fill-background-contrast-lightalt: var(--blue-90);
103
- --fill-background-contrast-lightalt-2: var(--blue-100);
104
- --fill-background-overlay-solid: var(--ebony-80);
105
- --fill-background-overlay-solidalt: var(--ebony-75);
106
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
107
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
108
- --fill-background-standard-colorless: var(--white-alpha-0);
109
- --fill-background-standard-dark: var(--ebony-100);
110
- --fill-background-standard-light: var(--white-alpha-100);
111
- --fill-background-subdued-dark: var(--ebony-85);
112
- --fill-background-subdued-light: var(--blue-30);
113
- --fill-background-tint-dark: var(--ebony-95);
114
- --fill-background-tint-light: var(--blue-10);
115
- --fill-background-tint-neutral: var(--grey-10);
116
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
117
- --fill-boolean-false-contrast: var(--blue-50);
118
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
119
- --fill-boolean-false-light: var(--grey-60);
120
- --fill-boolean-true-contrast: var(--mint-40);
121
- --fill-boolean-true-dark: var(--mint-40);
122
- --fill-boolean-true-light: var(--mint-60);
123
- --fill-disabled-light: var(--grey-40);
124
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
125
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
126
- --fill-information-contrast: var(--sky-30);
127
- --fill-information-deep: var(--sky-50);
128
- --fill-information-muted: var(--sky-10);
129
- --fill-information-tint: var(--sky-20);
130
- --fill-negative-contrast: var(--coral-40);
131
- --fill-negative-dark: var(--coral-90);
132
- --fill-negative-deep: var(--coral-60);
133
- --fill-negative-muted: var(--coral-20);
134
- --fill-negative-tint: var(--coral-30);
135
- --fill-negative-transparent: var(--transparent-coral-alpha20);
136
- --fill-primary-active-contrast: var(--lavender-50);
137
- --fill-primary-active-light: var(--lavender-100);
138
- --fill-primary-default-contrast: var(--lavender-40);
139
- --fill-primary-default-light: var(--lavender-90);
140
- --fill-primary-hover-contrast: var(--lavender-30);
141
- --fill-primary-hover-light: var(--blue-90);
142
- --fill-secondary-active-contrast: var(--lavender-50);
143
- --fill-secondary-active-light: var(--lavender-40);
144
- --fill-secondary-default-colorless: var(--white-alpha-0);
145
- --fill-secondary-hover-contrast: var(--blue-70);
146
- --fill-secondary-hover-light: var(--lavender-20);
147
- --fill-selected-default-contrast: var(--blue-90);
148
- --fill-selected-default-dark: var(--ebony-10);
149
- --fill-selected-default-darkalt: var(--ebony-50);
150
- --fill-selected-default-light: var(--blue-10);
151
- --fill-selected-default-neutral: var(--grey-30);
152
- --fill-selected-hover-contrast: var(--blue-80);
153
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
154
- --fill-selected-hover-light: var(--blue-20);
155
- --fill-selected-hover-neutral: var(--grey-20);
156
- --fill-success-contrast: var(--mint-40);
157
- --fill-success-deep: var(--mint-60);
158
- --fill-success-muted: var(--mint-20);
159
- --fill-success-subdued: var(--mint-50);
160
- --fill-success-tint: var(--mint-30);
161
- --fill-warning-contrast: var(--canary-40);
162
- --fill-warning-deep: var(--canary-60);
163
- --fill-warning-muted: var(--canary-20);
164
- --fill-warning-tint: var(--canary-30);
165
- --shape-accent: var(--lavender-90);
166
- --shape-contrast: var(--lavender-40);
167
- --shape-dark: var(--ebony-100);
168
- --shape-darkalt: var(--ebony-30);
169
- --shape-disabled: var(--grey-80);
170
- --shape-highlight: var(--coral-40);
171
- --shape-highlightalt: var(--coral-30);
172
- --shape-inactive: var(--blue-40);
173
- --shape-information: var(--sky-50);
174
- --shape-informationalt: var(--sky-30);
175
- --shape-light: var(--white-alpha-100);
176
- --shape-lightalt: var(--ebony-10);
177
- --shape-negative: var(--coral-60);
178
- --shape-negativealt: var(--coral-30);
179
- --shape-neutral: var(--grey-70);
180
- --shape-neutralalt: var(--grey-50);
181
- --shape-neutralalt2: var(--grey-60);
182
- --shape-subdued: var(--blue-70);
183
- --shape-subduedalt: var(--blue-30);
184
- --shape-success: var(--mint-60);
185
- --shape-successalt: var(--mint-40);
186
- --shape-warning: var(--canary-60);
187
- --shape-warningalt: var(--canary-40);
188
- --stroke-accent: var(--lavender-90);
189
- --stroke-colorless: var(--white-alpha-0);
190
- --stroke-contrast: var(--lavender-40);
191
- --stroke-contrastalt: var(--blue-80);
192
- --stroke-dark: var(--ebony-30);
193
- --stroke-darkalt: var(--ebony-50);
194
- --stroke-darkalt-2: var(--ebony-100);
195
- --stroke-highlight: var(--coral-40);
196
- --stroke-highlightalt: var(--coral-30);
197
- --stroke-information: var(--sky-50);
198
- --stroke-light: var(--white-alpha-100);
199
- --stroke-lightalt: var(--ebony-10);
200
- --stroke-negative: var(--coral-60);
201
- --stroke-negativealt: var(--coral-30);
202
- --stroke-neutral: var(--grey-30);
203
- --stroke-neutralalt: var(--grey-60);
204
- --stroke-subdued: var(--blue-60);
205
- --stroke-success: var(--mint-60);
206
- --stroke-successalt: var(--mint-40);
207
- --stroke-transparent: var(--transparent-blue-alpha40);
208
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
209
- --stroke-warning: var(--canary-70);
210
- --text-accent: var(--lavender-90);
211
- --text-dark: var(--ebony-100);
212
- --text-darkalt: var(--ebony-30);
213
- --text-disabled: var(--grey-80);
214
- --text-highlight: var(--lavender-40);
215
- --text-highlightalt: var(--peach-40);
216
- --text-light: var(--white-alpha-100);
217
- --text-lightalt: var(--ebony-10);
218
- --text-negative: var(--coral-60);
219
- --text-negativealt: var(--coral-30);
220
- --text-neutral: var(--grey-70);
221
- --text-neutralalt: var(--grey-50);
222
- --text-neutralalt2: var(--grey-60);
223
- --text-subdued: var(--blue-70);
224
- --text-subduedalt: var(--blue-30);
225
- --text-success: var(--mint-60);
226
- --text-successalt: var(--mint-40);
227
- }
228
-
229
- /* DO NOT CHANGE!*/
230
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
231
- [data-color-mode=light],
232
- :root {
233
- --components-expand-expandablepanel-contrast-fill-default: var(--fill-selected-default-contrast);
234
- --components-expand-expandablepanel-contrast-fill-hover: var(--fill-secondary-hover-contrast);
235
- --components-expand-expandablepanel-contrast-fill-selected: var(--fill-selected-default-contrast);
236
- --components-expand-expandablepanel-contrast-icon: var(--shape-light);
237
- --components-expand-expandablepanel-contrast-text: var(--text-light);
238
- --components-expand-expandablepanel-standard-fill-default: var(--fill-selected-default-neutral);
239
- --components-expand-expandablepanel-standard-fill-hover: var(--fill-selected-hover-neutral);
240
- --components-expand-expandablepanel-standard-fill-selected: var(--fill-selected-default-neutral);
241
- --components-expand-expandablepanel-standard-icon: var(--shape-accent);
242
- --components-expand-expandablepanel-standard-text: var(--text-accent);
243
- --components-expand-expandabletext-contrast-icon: var(--shape-light);
244
- --components-expand-expandabletext-contrast-text: var(--text-light);
245
- --components-expand-expandabletext-standard-icon: var(--shape-accent);
246
- --components-expand-expandabletext-standard-text: var(--text-accent);
247
- }
248
-
249
- [data-color-mode=dark] {
250
- --components-expand-expandablepanel-contrast-fill-default: var(--fill-background-overlay-transparent);
251
- --components-expand-expandablepanel-contrast-fill-hover: var(--fill-background-overlay-solid);
252
- --components-expand-expandablepanel-contrast-fill-selected: var(--fill-background-overlay-transparent);
253
- --components-expand-expandablepanel-contrast-icon: var(--shape-lightalt);
254
- --components-expand-expandablepanel-contrast-text: var(--text-lightalt);
255
- --components-expand-expandablepanel-standard-fill-default: var(--fill-background-overlay-transparent);
256
- --components-expand-expandablepanel-standard-fill-hover: var(--fill-background-overlay-solid);
257
- --components-expand-expandablepanel-standard-fill-selected: var(--fill-background-overlay-transparent);
258
- --components-expand-expandablepanel-standard-icon: var(--shape-lightalt);
259
- --components-expand-expandablepanel-standard-text: var(--text-lightalt);
260
- --components-expand-expandabletext-contrast-icon: var(--shape-lightalt);
261
- --components-expand-expandabletext-contrast-text: var(--text-lightalt);
262
- --components-expand-expandabletext-standard-icon: var(--shape-lightalt);
263
- --components-expand-expandabletext-standard-text: var(--text-lightalt);
264
- }
265
-
266
- /* DO NOT CHANGE!*/
267
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
268
- [data-color-mode=light],
269
- :root {
270
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
271
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
272
- --basecolors-frame-default: var(--fill-background-standard-light);
273
- --basecolors-frame-elevated: var(--fill-background-standard-light);
274
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
275
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
276
- --basecolors-frame-tint: var(--fill-background-tint-light);
277
- --basecolors-shape-accent: var(--shape-accent);
278
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
279
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
280
- --basecolors-shape-bus-contrast: var(--contrast-bus);
281
- --basecolors-shape-bus-default: var(--standard-bus);
282
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
283
- --basecolors-shape-cableway-default: var(--standard-cableway);
284
- --basecolors-shape-disabled: var(--shape-neutral);
285
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
286
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
287
- --basecolors-shape-ferry-default: var(--standard-ferry);
288
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
289
- --basecolors-shape-funicular-default: var(--standard-funicular);
290
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
291
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
292
- --basecolors-shape-highlight: var(--stroke-highlight);
293
- --basecolors-shape-light: var(--shape-light);
294
- --basecolors-shape-mask: var(--shape-light);
295
- --basecolors-shape-maskalt: var(--shape-light);
296
- --basecolors-shape-metro-contrast: var(--contrast-metro);
297
- --basecolors-shape-metro-default: var(--standard-metro);
298
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
299
- --basecolors-shape-mobility-default: var(--standard-mobility);
300
- --basecolors-shape-plane-contrast: var(--contrast-plane);
301
- --basecolors-shape-plane-default: var(--standard-plane);
302
- --basecolors-shape-subdued: var(--shape-subdued);
303
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
304
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
305
- --basecolors-shape-taxi-default: var(--standard-taxi);
306
- --basecolors-shape-train-contrast: var(--contrast-train);
307
- --basecolors-shape-train-default: var(--standard-train);
308
- --basecolors-shape-tram-contrast: var(--contrast-tram);
309
- --basecolors-shape-tram-default: var(--standard-tram);
310
- --basecolors-shape-walk-contrast: var(--contrast-walk);
311
- --basecolors-shape-walk-default: var(--standard-walk);
312
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
313
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
314
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
315
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
316
- --basecolors-stroke-contrast: var(--stroke-contrast);
317
- --basecolors-stroke-default: var(--stroke-accent);
318
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
319
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
320
- --basecolors-stroke-focus-standard: var(--stroke-accent);
321
- --basecolors-stroke-highlight: var(--stroke-highlight);
322
- --basecolors-stroke-light: var(--stroke-light);
323
- --basecolors-stroke-subdued: var(--stroke-subdued);
324
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
325
- --basecolors-text-accent: var(--text-accent);
326
- --basecolors-text-disabled: var(--text-neutral);
327
- --basecolors-text-disabledalt: var(--text-neutralalt);
328
- --basecolors-text-highlight: var(--stroke-highlight);
329
- --basecolors-text-light: var(--text-light);
330
- --basecolors-text-subdued: var(--text-subdued);
331
- --basecolors-text-subduedalt: var(--text-subduedalt);
332
- }
333
-
334
- [data-color-mode=dark] {
335
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
336
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
337
- --basecolors-frame-default: var(--fill-background-standard-dark);
338
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
339
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
340
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
341
- --basecolors-frame-tint: var(--fill-background-tint-dark);
342
- --basecolors-shape-accent: var(--shape-lightalt);
343
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
344
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
345
- --basecolors-shape-bus-contrast: var(--dark-bus);
346
- --basecolors-shape-bus-default: var(--dark-bus);
347
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
348
- --basecolors-shape-cableway-default: var(--dark-cableway);
349
- --basecolors-shape-disabled: var(--shape-neutralalt);
350
- --basecolors-shape-disabledalt: var(--shape-darkalt);
351
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
352
- --basecolors-shape-ferry-default: var(--dark-ferry);
353
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
354
- --basecolors-shape-funicular-default: var(--dark-funicular);
355
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
356
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
357
- --basecolors-shape-highlight: var(--stroke-highlightalt);
358
- --basecolors-shape-light: var(--shape-lightalt);
359
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
360
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
361
- --basecolors-shape-metro-contrast: var(--dark-metro);
362
- --basecolors-shape-metro-default: var(--dark-metro);
363
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
364
- --basecolors-shape-mobility-default: var(--dark-mobility);
365
- --basecolors-shape-plane-contrast: var(--dark-plane);
366
- --basecolors-shape-plane-default: var(--dark-plane);
367
- --basecolors-shape-subdued: var(--shape-darkalt);
368
- --basecolors-shape-subduedalt: var(--shape-darkalt);
369
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
370
- --basecolors-shape-taxi-default: var(--dark-taxi);
371
- --basecolors-shape-train-contrast: var(--dark-train);
372
- --basecolors-shape-train-default: var(--dark-train);
373
- --basecolors-shape-tram-contrast: var(--dark-tram);
374
- --basecolors-shape-tram-default: var(--dark-tram);
375
- --basecolors-shape-walk-contrast: var(--dark-walk);
376
- --basecolors-shape-walk-default: var(--dark-walk);
377
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
378
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
379
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
380
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
381
- --basecolors-stroke-contrast: var(--stroke-contrast);
382
- --basecolors-stroke-default: var(--stroke-dark);
383
- --basecolors-stroke-disabled: var(--stroke-neutral);
384
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
385
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
386
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
387
- --basecolors-stroke-light: var(--stroke-dark);
388
- --basecolors-stroke-subdued: var(--stroke-darkalt);
389
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
390
- --basecolors-text-accent: var(--text-lightalt);
391
- --basecolors-text-disabled: var(--text-neutralalt);
392
- --basecolors-text-disabledalt: var(--text-neutralalt);
393
- --basecolors-text-highlight: var(--stroke-highlightalt);
394
- --basecolors-text-light: var(--text-lightalt);
395
- --basecolors-text-subdued: var(--text-darkalt);
396
- --basecolors-text-subduedalt: var(--text-darkalt);
397
- }
398
-
399
- :root {
400
- --eds-expand: 1;
401
- }
402
-
403
- @media (prefers-reduced-motion) {
404
- .ReactCollapse--collapse {
405
- transition: none !important;
406
- }
407
- .eds-expandable-arrow {
408
- transition: none !important;
409
- }
410
- }
411
95
  /* DO NOT CHANGE!*/
412
96
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
413
97
  .eds-expandable-text__trigger {
@@ -456,3 +140,191 @@
456
140
  .eds-contrast .eds-expandable-text__trigger:focus {
457
141
  outline-color: var(--basecolors-stroke-focus-contrast);
458
142
  }
143
+ /* DO NOT CHANGE!*/
144
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
145
+ /* DO NOT CHANGE!*/
146
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
147
+ /* DO NOT CHANGE!*/
148
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
149
+ [data-color-mode=light],
150
+ :root {
151
+ --components-expand-expandablepanel-contrast-fill-default: #393d79;
152
+ --components-expand-expandablepanel-contrast-fill-hover: #626493;
153
+ --components-expand-expandablepanel-contrast-fill-selected: #393d79;
154
+ --components-expand-expandablepanel-contrast-icon: #ffffff;
155
+ --components-expand-expandablepanel-contrast-text: #ffffff;
156
+ --components-expand-expandablepanel-standard-fill-default: #e3e6e8;
157
+ --components-expand-expandablepanel-standard-fill-hover: #edf0f2;
158
+ --components-expand-expandablepanel-standard-fill-selected: #e3e6e8;
159
+ --components-expand-expandablepanel-standard-icon: #181c56;
160
+ --components-expand-expandablepanel-standard-text: #181c56;
161
+ --components-expand-expandabletext-contrast-icon: #ffffff;
162
+ --components-expand-expandabletext-contrast-text: #ffffff;
163
+ --components-expand-expandabletext-standard-icon: #181c56;
164
+ --components-expand-expandabletext-standard-text: #181c56;
165
+ }
166
+
167
+ [data-color-mode=dark] {
168
+ --components-expand-expandablepanel-contrast-fill-default: rgba(229, 229, 233, 0.1490196078);
169
+ --components-expand-expandablepanel-contrast-fill-hover: #393a49;
170
+ --components-expand-expandablepanel-contrast-fill-selected: rgba(229, 229, 233, 0.1490196078);
171
+ --components-expand-expandablepanel-contrast-icon: #e5e5e9;
172
+ --components-expand-expandablepanel-contrast-text: #e5e5e9;
173
+ --components-expand-expandablepanel-standard-fill-default: rgba(229, 229, 233, 0.1490196078);
174
+ --components-expand-expandablepanel-standard-fill-hover: #393a49;
175
+ --components-expand-expandablepanel-standard-fill-selected: rgba(229, 229, 233, 0.1490196078);
176
+ --components-expand-expandablepanel-standard-icon: #e5e5e9;
177
+ --components-expand-expandablepanel-standard-text: #e5e5e9;
178
+ --components-expand-expandabletext-contrast-icon: #e5e5e9;
179
+ --components-expand-expandabletext-contrast-text: #e5e5e9;
180
+ --components-expand-expandabletext-standard-icon: #e5e5e9;
181
+ --components-expand-expandabletext-standard-text: #e5e5e9;
182
+ }
183
+
184
+ /* DO NOT CHANGE!*/
185
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
186
+ /* DO NOT CHANGE!*/
187
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
188
+ [data-color-mode=light],
189
+ :root {
190
+ --basecolors-frame-contrast: #181c56;
191
+ --basecolors-frame-contrastalt: #393d79;
192
+ --basecolors-frame-default: #ffffff;
193
+ --basecolors-frame-elevated: #ffffff;
194
+ --basecolors-frame-elevatedalt: #f6f6f9;
195
+ --basecolors-frame-subdued: #d9dae8;
196
+ --basecolors-frame-tint: #f6f6f9;
197
+ --basecolors-shape-accent: #181c56;
198
+ --basecolors-shape-bicycle-contrast: #00db9b;
199
+ --basecolors-shape-bicycle-default: #388f76;
200
+ --basecolors-shape-bus-contrast: #ff6392;
201
+ --basecolors-shape-bus-default: #c5044e;
202
+ --basecolors-shape-cableway-contrast: #b482fb;
203
+ --basecolors-shape-cableway-default: #78469a;
204
+ --basecolors-shape-disabled: #6e6f73;
205
+ --basecolors-shape-disabledalt: #b6b8ba;
206
+ --basecolors-shape-ferry-contrast: #6fdfff;
207
+ --basecolors-shape-ferry-default: #0c6693;
208
+ --basecolors-shape-funicular-contrast: #b482fb;
209
+ --basecolors-shape-funicular-default: #78469a;
210
+ --basecolors-shape-helicopter-contrast: #fbafea;
211
+ --basecolors-shape-helicopter-default: #800664;
212
+ --basecolors-shape-highlight: #ff5959;
213
+ --basecolors-shape-light: #ffffff;
214
+ --basecolors-shape-mask: #ffffff;
215
+ --basecolors-shape-maskalt: #ffffff;
216
+ --basecolors-shape-metro-contrast: #f08901;
217
+ --basecolors-shape-metro-default: #bf5826;
218
+ --basecolors-shape-mobility-contrast: #00db9b;
219
+ --basecolors-shape-mobility-default: #388f76;
220
+ --basecolors-shape-plane-contrast: #fbafea;
221
+ --basecolors-shape-plane-default: #800664;
222
+ --basecolors-shape-subdued: #626493;
223
+ --basecolors-shape-subduedalt: #d9dae8;
224
+ --basecolors-shape-taxi-contrast: #ffe082;
225
+ --basecolors-shape-taxi-default: #3d3e40;
226
+ --basecolors-shape-train-contrast: #42a5f5;
227
+ --basecolors-shape-train-default: #00367f;
228
+ --basecolors-shape-tram-contrast: #b482fb;
229
+ --basecolors-shape-tram-default: #78469a;
230
+ --basecolors-shape-walk-contrast: #8284ab;
231
+ --basecolors-shape-walk-default: #8d8e9c;
232
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
233
+ --basecolors-shape-airportlinkbus-default: #800664;
234
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
235
+ --basecolors-shape-airportlinkrail-default: #800664;
236
+ --basecolors-stroke-contrast: #aeb7e2;
237
+ --basecolors-stroke-default: #181c56;
238
+ --basecolors-stroke-disabled: #949699;
239
+ --basecolors-stroke-focus-contrast: #aeb7e2;
240
+ --basecolors-stroke-focus-standard: #181c56;
241
+ --basecolors-stroke-highlight: #ff5959;
242
+ --basecolors-stroke-light: #ffffff;
243
+ --basecolors-stroke-subdued: #8284ab;
244
+ --basecolors-stroke-subduedalt: #e3e6e8;
245
+ --basecolors-text-accent: #181c56;
246
+ --basecolors-text-disabled: #6e6f73;
247
+ --basecolors-text-disabledalt: #b6b8ba;
248
+ --basecolors-text-highlight: #ff5959;
249
+ --basecolors-text-light: #ffffff;
250
+ --basecolors-text-subdued: #626493;
251
+ --basecolors-text-subduedalt: #d9dae8;
252
+ }
253
+
254
+ [data-color-mode=dark] {
255
+ --basecolors-frame-contrast: #212233;
256
+ --basecolors-frame-contrastalt: #141527;
257
+ --basecolors-frame-default: #08091c;
258
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
259
+ --basecolors-frame-elevatedalt: #464755;
260
+ --basecolors-frame-subdued: #2d2e3e;
261
+ --basecolors-frame-tint: #141527;
262
+ --basecolors-shape-accent: #e5e5e9;
263
+ --basecolors-shape-bicycle-contrast: #4db295;
264
+ --basecolors-shape-bicycle-default: #4db295;
265
+ --basecolors-shape-bus-contrast: #e87a9b;
266
+ --basecolors-shape-bus-default: #e87a9b;
267
+ --basecolors-shape-cableway-contrast: #b898e5;
268
+ --basecolors-shape-cableway-default: #b898e5;
269
+ --basecolors-shape-disabled: #b6b8ba;
270
+ --basecolors-shape-disabledalt: #b3b4bd;
271
+ --basecolors-shape-ferry-contrast: #8ccfe2;
272
+ --basecolors-shape-ferry-default: #8ccfe2;
273
+ --basecolors-shape-funicular-contrast: #b898e5;
274
+ --basecolors-shape-funicular-default: #b898e5;
275
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
276
+ --basecolors-shape-helicopter-default: #f2b8e5;
277
+ --basecolors-shape-highlight: #ff9494;
278
+ --basecolors-shape-light: #e5e5e9;
279
+ --basecolors-shape-mask: #2d2e3e;
280
+ --basecolors-shape-maskalt: #393a49;
281
+ --basecolors-shape-metro-contrast: #dd973c;
282
+ --basecolors-shape-metro-default: #dd973c;
283
+ --basecolors-shape-mobility-contrast: #4db295;
284
+ --basecolors-shape-mobility-default: #4db295;
285
+ --basecolors-shape-plane-contrast: #f2b8e5;
286
+ --basecolors-shape-plane-default: #f2b8e5;
287
+ --basecolors-shape-subdued: #b3b4bd;
288
+ --basecolors-shape-subduedalt: #b3b4bd;
289
+ --basecolors-shape-taxi-contrast: #ffe082;
290
+ --basecolors-shape-taxi-default: #ffe082;
291
+ --basecolors-shape-train-contrast: #60a2d7;
292
+ --basecolors-shape-train-default: #60a2d7;
293
+ --basecolors-shape-tram-contrast: #b898e5;
294
+ --basecolors-shape-tram-default: #b898e5;
295
+ --basecolors-shape-walk-contrast: #8d8e9c;
296
+ --basecolors-shape-walk-default: #8d8e9c;
297
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
298
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
299
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
300
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
301
+ --basecolors-stroke-contrast: #aeb7e2;
302
+ --basecolors-stroke-default: #b3b4bd;
303
+ --basecolors-stroke-disabled: #e3e6e8;
304
+ --basecolors-stroke-focus-contrast: #aeb7e2;
305
+ --basecolors-stroke-focus-standard: #aeb7e2;
306
+ --basecolors-stroke-highlight: #ff9494;
307
+ --basecolors-stroke-light: #b3b4bd;
308
+ --basecolors-stroke-subdued: #81828f;
309
+ --basecolors-stroke-subduedalt: #81828f;
310
+ --basecolors-text-accent: #e5e5e9;
311
+ --basecolors-text-disabled: #b6b8ba;
312
+ --basecolors-text-disabledalt: #b6b8ba;
313
+ --basecolors-text-highlight: #ff9494;
314
+ --basecolors-text-light: #e5e5e9;
315
+ --basecolors-text-subdued: #b3b4bd;
316
+ --basecolors-text-subduedalt: #b3b4bd;
317
+ }
318
+
319
+ :root {
320
+ --eds-expand: 1;
321
+ }
322
+
323
+ @media (prefers-reduced-motion) {
324
+ .ReactCollapse--collapse {
325
+ transition: none !important;
326
+ }
327
+ .eds-expandable-arrow {
328
+ transition: none !important;
329
+ }
330
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/expand",
3
- "version": "3.5.3",
3
+ "version": "3.5.4",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/expand.esm.js",
@@ -27,15 +27,15 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/icons": "^6.15.3",
31
- "@entur/tokens": "^3.13.2",
32
- "@entur/typography": "^1.8.27",
33
- "@entur/utils": "^0.10.0",
30
+ "@entur/icons": "^6.15.4",
31
+ "@entur/tokens": "^3.13.3",
32
+ "@entur/typography": "^1.8.28",
33
+ "@entur/utils": "^0.10.1",
34
34
  "classnames": "^2.3.1",
35
35
  "react-collapse": "^5.1.0"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/react-collapse": "^5.0.1"
39
39
  },
40
- "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
40
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
41
41
  }