@entur/alert 0.17.18 → 0.17.19

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 +826 -629
  2. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -1,622 +1,811 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- /* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
1
  [data-color-mode=light],
8
- :root {
9
- --components-alert-alertbox-information-contrast-border: #067eb2;
10
- --components-alert-alertbox-information-contrast-filldefault: #acd7f1;
11
- --components-alert-alertbox-information-contrast-filltoast: #acd7f1;
12
- --components-alert-alertbox-information-contrast-icondefault: #181c56;
13
- --components-alert-alertbox-information-contrast-icontoast: #181c56;
14
- --components-alert-alertbox-information-contrast-textdefault: #181c56;
15
- --components-alert-alertbox-information-contrast-texttoast: #181c56;
16
- --components-alert-alertbox-information-standard-border: #067eb2;
17
- --components-alert-alertbox-information-standard-filldefault: #e1eff8;
18
- --components-alert-alertbox-information-standard-filltoast: #e1eff8;
19
- --components-alert-alertbox-information-standard-icondefault: #067eb2;
20
- --components-alert-alertbox-information-standard-icontoast: #067eb2;
21
- --components-alert-alertbox-information-standard-textdefault: #181c56;
22
- --components-alert-alertbox-information-standard-texttoast: #181c56;
23
- --components-alert-alertbox-negative-contrast-border: #d31b1b;
24
- --components-alert-alertbox-negative-contrast-filldefault: #ff9494;
25
- --components-alert-alertbox-negative-contrast-filltoast: #ff9494;
26
- --components-alert-alertbox-negative-contrast-icondefault: #181c56;
27
- --components-alert-alertbox-negative-contrast-icontoast: #181c56;
28
- --components-alert-alertbox-negative-contrast-textdefault: #181c56;
29
- --components-alert-alertbox-negative-contrast-texttoast: #181c56;
30
- --components-alert-alertbox-negative-standard-border: #d31b1b;
31
- --components-alert-alertbox-negative-standard-filldefault: #ffcece;
32
- --components-alert-alertbox-negative-standard-filltoast: #ffcece;
33
- --components-alert-alertbox-negative-standard-icondefault: #d31b1b;
34
- --components-alert-alertbox-negative-standard-icontoast: #d31b1b;
35
- --components-alert-alertbox-negative-standard-textdefault: #181c56;
36
- --components-alert-alertbox-negative-standard-texttoast: #181c56;
37
- --components-alert-alertbox-success-contrast-border: #1a8e60;
38
- --components-alert-alertbox-success-contrast-filldefault: #9cd9c2;
39
- --components-alert-alertbox-success-contrast-filltoast: #9cd9c2;
40
- --components-alert-alertbox-success-contrast-icondefault: #181c56;
41
- --components-alert-alertbox-success-contrast-icontoast: #181c56;
42
- --components-alert-alertbox-success-contrast-textdefault: #181c56;
43
- --components-alert-alertbox-success-contrast-texttoast: #181c56;
44
- --components-alert-alertbox-success-standard-border: #1a8e60;
45
- --components-alert-alertbox-success-standard-filldefault: #d0f1e3;
46
- --components-alert-alertbox-success-standard-filltoast: #d0f1e3;
47
- --components-alert-alertbox-success-standard-icondefault: #1a8e60;
48
- --components-alert-alertbox-success-standard-icontoast: #1a8e60;
49
- --components-alert-alertbox-success-standard-textdefault: #181c56;
50
- --components-alert-alertbox-success-standard-texttoast: #181c56;
51
- --components-alert-alertbox-warning-contrast-border: #e9b10c;
52
- --components-alert-alertbox-warning-contrast-filldefault: #ffeeb3;
53
- --components-alert-alertbox-warning-contrast-filltoast: #ffeeb3;
54
- --components-alert-alertbox-warning-contrast-icondefault: #181c56;
55
- --components-alert-alertbox-warning-contrast-icontoast: #181c56;
56
- --components-alert-alertbox-warning-contrast-textdefault: #181c56;
57
- --components-alert-alertbox-warning-contrast-textdefault2: #181c56;
58
- --components-alert-alertbox-warning-standard-border: #e9b10c;
59
- --components-alert-alertbox-warning-standard-filldefault: #fff4cd;
60
- --components-alert-alertbox-warning-standard-filltoast: #fff4cd;
61
- --components-alert-alertbox-warning-standard-icondefault: #181c56;
62
- --components-alert-alertbox-warning-standard-icontoast: #181c56;
63
- --components-alert-alertbox-warning-standard-textdefault: #181c56;
64
- --components-alert-alertbox-warning-standard-texttoast: #181c56;
65
- --components-alert-copyabletext-contrast-border: rgba(255, 255, 255, 0);
66
- --components-alert-copyabletext-contrast-border-interactive: #aeb7e2;
67
- --components-alert-copyabletext-contrast-fill: #f6f6f9;
68
- --components-alert-copyabletext-contrast-icon: #181c56;
69
- --components-alert-copyabletext-contrast-text: #181c56;
70
- --components-alert-copyabletext-standard-border: rgba(84, 86, 140, 0.4);
71
- --components-alert-copyabletext-standard-border-interactive: #181c56;
72
- --components-alert-copyabletext-standard-fill: #f6f6f9;
73
- --components-alert-copyabletext-standard-icon: #181c56;
74
- --components-alert-copyabletext-standard-text: #181c56;
2
+ :root{
3
+ --components-alert-alertbox-information-contrast-border:#067eb2;
4
+ --components-alert-alertbox-information-contrast-filldefault:#acd7f1;
5
+ --components-alert-alertbox-information-contrast-filltoast:#acd7f1;
6
+ --components-alert-alertbox-information-contrast-icondefault:#181c56;
7
+ --components-alert-alertbox-information-contrast-icontoast:#181c56;
8
+ --components-alert-alertbox-information-contrast-textdefault:#181c56;
9
+ --components-alert-alertbox-information-contrast-texttoast:#181c56;
10
+ --components-alert-alertbox-information-standard-border:#067eb2;
11
+ --components-alert-alertbox-information-standard-filldefault:#e1eff8;
12
+ --components-alert-alertbox-information-standard-filltoast:#e1eff8;
13
+ --components-alert-alertbox-information-standard-icondefault:#067eb2;
14
+ --components-alert-alertbox-information-standard-icontoast:#067eb2;
15
+ --components-alert-alertbox-information-standard-textdefault:#181c56;
16
+ --components-alert-alertbox-information-standard-texttoast:#181c56;
17
+ --components-alert-alertbox-negative-contrast-border:#d31b1b;
18
+ --components-alert-alertbox-negative-contrast-filldefault:#ff9494;
19
+ --components-alert-alertbox-negative-contrast-filltoast:#ff9494;
20
+ --components-alert-alertbox-negative-contrast-icondefault:#181c56;
21
+ --components-alert-alertbox-negative-contrast-icontoast:#181c56;
22
+ --components-alert-alertbox-negative-contrast-textdefault:#181c56;
23
+ --components-alert-alertbox-negative-contrast-texttoast:#181c56;
24
+ --components-alert-alertbox-negative-standard-border:#d31b1b;
25
+ --components-alert-alertbox-negative-standard-filldefault:#ffcece;
26
+ --components-alert-alertbox-negative-standard-filltoast:#ffcece;
27
+ --components-alert-alertbox-negative-standard-icondefault:#d31b1b;
28
+ --components-alert-alertbox-negative-standard-icontoast:#d31b1b;
29
+ --components-alert-alertbox-negative-standard-textdefault:#181c56;
30
+ --components-alert-alertbox-negative-standard-texttoast:#181c56;
31
+ --components-alert-alertbox-success-contrast-border:#1a8e60;
32
+ --components-alert-alertbox-success-contrast-filldefault:#9cd9c2;
33
+ --components-alert-alertbox-success-contrast-filltoast:#9cd9c2;
34
+ --components-alert-alertbox-success-contrast-icondefault:#181c56;
35
+ --components-alert-alertbox-success-contrast-icontoast:#181c56;
36
+ --components-alert-alertbox-success-contrast-textdefault:#181c56;
37
+ --components-alert-alertbox-success-contrast-texttoast:#181c56;
38
+ --components-alert-alertbox-success-standard-border:#1a8e60;
39
+ --components-alert-alertbox-success-standard-filldefault:#d0f1e3;
40
+ --components-alert-alertbox-success-standard-filltoast:#d0f1e3;
41
+ --components-alert-alertbox-success-standard-icondefault:#1a8e60;
42
+ --components-alert-alertbox-success-standard-icontoast:#1a8e60;
43
+ --components-alert-alertbox-success-standard-textdefault:#181c56;
44
+ --components-alert-alertbox-success-standard-texttoast:#181c56;
45
+ --components-alert-alertbox-warning-contrast-border:#e9b10c;
46
+ --components-alert-alertbox-warning-contrast-filldefault:#ffeeb3;
47
+ --components-alert-alertbox-warning-contrast-filltoast:#ffeeb3;
48
+ --components-alert-alertbox-warning-contrast-icondefault:#181c56;
49
+ --components-alert-alertbox-warning-contrast-icontoast:#181c56;
50
+ --components-alert-alertbox-warning-contrast-textdefault:#181c56;
51
+ --components-alert-alertbox-warning-contrast-textdefault2:#181c56;
52
+ --components-alert-alertbox-warning-standard-border:#e9b10c;
53
+ --components-alert-alertbox-warning-standard-filldefault:#fff4cd;
54
+ --components-alert-alertbox-warning-standard-filltoast:#fff4cd;
55
+ --components-alert-alertbox-warning-standard-icondefault:#181c56;
56
+ --components-alert-alertbox-warning-standard-icontoast:#181c56;
57
+ --components-alert-alertbox-warning-standard-textdefault:#181c56;
58
+ --components-alert-alertbox-warning-standard-texttoast:#181c56;
59
+ --components-alert-copyabletext-contrast-border:rgba(255, 255, 255, 0);
60
+ --components-alert-copyabletext-contrast-border-interactive:#aeb7e2;
61
+ --components-alert-copyabletext-contrast-fill:#f6f6f9;
62
+ --components-alert-copyabletext-contrast-icon:#181c56;
63
+ --components-alert-copyabletext-contrast-text:#181c56;
64
+ --components-alert-copyabletext-standard-border:rgba(84, 86, 140, 0.4);
65
+ --components-alert-copyabletext-standard-border-interactive:#181c56;
66
+ --components-alert-copyabletext-standard-fill:#f6f6f9;
67
+ --components-alert-copyabletext-standard-icon:#181c56;
68
+ --components-alert-copyabletext-standard-text:#181c56;
75
69
  }
76
70
 
77
- [data-color-mode=dark] {
78
- --components-alert-alertbox-information-contrast-border: #067eb2;
79
- --components-alert-alertbox-information-contrast-filldefault: rgba(45, 152, 210, 0.2);
80
- --components-alert-alertbox-information-contrast-filltoast: #acd7f1;
81
- --components-alert-alertbox-information-contrast-icondefault: #acd7f1;
82
- --components-alert-alertbox-information-contrast-icontoast: #181c56;
83
- --components-alert-alertbox-information-contrast-textdefault: #e5e5e9;
84
- --components-alert-alertbox-information-contrast-texttoast: #181c56;
85
- --components-alert-alertbox-information-standard-border: #067eb2;
86
- --components-alert-alertbox-information-standard-filldefault: rgba(45, 152, 210, 0.2);
87
- --components-alert-alertbox-information-standard-filltoast: #acd7f1;
88
- --components-alert-alertbox-information-standard-icondefault: #acd7f1;
89
- --components-alert-alertbox-information-standard-icontoast: #067eb2;
90
- --components-alert-alertbox-information-standard-textdefault: #e5e5e9;
91
- --components-alert-alertbox-information-standard-texttoast: #181c56;
92
- --components-alert-alertbox-negative-contrast-border: #d31b1b;
93
- --components-alert-alertbox-negative-contrast-filldefault: rgba(255, 148, 148, 0.2);
94
- --components-alert-alertbox-negative-contrast-filltoast: #ff9494;
95
- --components-alert-alertbox-negative-contrast-icondefault: #ff9494;
96
- --components-alert-alertbox-negative-contrast-icontoast: #181c56;
97
- --components-alert-alertbox-negative-contrast-textdefault: #e5e5e9;
98
- --components-alert-alertbox-negative-contrast-texttoast: #181c56;
99
- --components-alert-alertbox-negative-standard-border: #d31b1b;
100
- --components-alert-alertbox-negative-standard-filldefault: rgba(255, 148, 148, 0.2);
101
- --components-alert-alertbox-negative-standard-filltoast: #ff9494;
102
- --components-alert-alertbox-negative-standard-icondefault: #ff9494;
103
- --components-alert-alertbox-negative-standard-icontoast: #d31b1b;
104
- --components-alert-alertbox-negative-standard-textdefault: #e5e5e9;
105
- --components-alert-alertbox-negative-standard-texttoast: #181c56;
106
- --components-alert-alertbox-success-contrast-border: #1a8e60;
107
- --components-alert-alertbox-success-contrast-filldefault: rgba(90, 195, 154, 0.2);
108
- --components-alert-alertbox-success-contrast-filltoast: #9cd9c2;
109
- --components-alert-alertbox-success-contrast-icondefault: #9cd9c2;
110
- --components-alert-alertbox-success-contrast-icontoast: #181c56;
111
- --components-alert-alertbox-success-contrast-textdefault: #e5e5e9;
112
- --components-alert-alertbox-success-contrast-texttoast: #181c56;
113
- --components-alert-alertbox-success-standard-border: #1a8e60;
114
- --components-alert-alertbox-success-standard-filldefault: rgba(90, 195, 154, 0.2);
115
- --components-alert-alertbox-success-standard-filltoast: #9cd9c2;
116
- --components-alert-alertbox-success-standard-icondefault: #9cd9c2;
117
- --components-alert-alertbox-success-standard-icontoast: #1a8e60;
118
- --components-alert-alertbox-success-standard-textdefault: #e5e5e9;
119
- --components-alert-alertbox-success-standard-texttoast: #181c56;
120
- --components-alert-alertbox-warning-contrast-border: #e9b10c;
121
- --components-alert-alertbox-warning-contrast-filldefault: rgba(255, 224, 130, 0.2509803922);
122
- --components-alert-alertbox-warning-contrast-filltoast: #ffeeb3;
123
- --components-alert-alertbox-warning-contrast-icondefault: #181c56;
124
- --components-alert-alertbox-warning-contrast-icontoast: #181c56;
125
- --components-alert-alertbox-warning-contrast-textdefault: #e5e5e9;
126
- --components-alert-alertbox-warning-contrast-textdefault2: #e5e5e9;
127
- --components-alert-alertbox-warning-standard-border: #e9b10c;
128
- --components-alert-alertbox-warning-standard-filldefault: rgba(255, 224, 130, 0.2509803922);
129
- --components-alert-alertbox-warning-standard-filltoast: #ffeeb3;
130
- --components-alert-alertbox-warning-standard-icondefault: #ffeeb3;
131
- --components-alert-alertbox-warning-standard-icontoast: #181c56;
132
- --components-alert-alertbox-warning-standard-textdefault: #e5e5e9;
133
- --components-alert-alertbox-warning-standard-texttoast: #181c56;
134
- --components-alert-copyabletext-contrast-border: rgba(255, 255, 255, 0);
135
- --components-alert-copyabletext-contrast-border-interactive: #e5e5e9;
136
- --components-alert-copyabletext-contrast-fill: #393a49;
137
- --components-alert-copyabletext-contrast-icon: #e5e5e9;
138
- --components-alert-copyabletext-contrast-text: #e5e5e9;
139
- --components-alert-copyabletext-standard-border: rgba(255, 255, 255, 0);
140
- --components-alert-copyabletext-standard-border-interactive: #e5e5e9;
141
- --components-alert-copyabletext-standard-fill: #393a49;
142
- --components-alert-copyabletext-standard-icon: #e5e5e9;
143
- --components-alert-copyabletext-standard-text: #e5e5e9;
71
+ [data-color-mode=dark]{
72
+ --components-alert-alertbox-information-contrast-border:#067eb2;
73
+ --components-alert-alertbox-information-contrast-filldefault:rgba(45, 152, 210, 0.2);
74
+ --components-alert-alertbox-information-contrast-filltoast:#acd7f1;
75
+ --components-alert-alertbox-information-contrast-icondefault:#acd7f1;
76
+ --components-alert-alertbox-information-contrast-icontoast:#181c56;
77
+ --components-alert-alertbox-information-contrast-textdefault:#e5e5e9;
78
+ --components-alert-alertbox-information-contrast-texttoast:#181c56;
79
+ --components-alert-alertbox-information-standard-border:#067eb2;
80
+ --components-alert-alertbox-information-standard-filldefault:rgba(45, 152, 210, 0.2);
81
+ --components-alert-alertbox-information-standard-filltoast:#acd7f1;
82
+ --components-alert-alertbox-information-standard-icondefault:#acd7f1;
83
+ --components-alert-alertbox-information-standard-icontoast:#067eb2;
84
+ --components-alert-alertbox-information-standard-textdefault:#e5e5e9;
85
+ --components-alert-alertbox-information-standard-texttoast:#181c56;
86
+ --components-alert-alertbox-negative-contrast-border:#d31b1b;
87
+ --components-alert-alertbox-negative-contrast-filldefault:rgba(255, 148, 148, 0.2);
88
+ --components-alert-alertbox-negative-contrast-filltoast:#ff9494;
89
+ --components-alert-alertbox-negative-contrast-icondefault:#ff9494;
90
+ --components-alert-alertbox-negative-contrast-icontoast:#181c56;
91
+ --components-alert-alertbox-negative-contrast-textdefault:#e5e5e9;
92
+ --components-alert-alertbox-negative-contrast-texttoast:#181c56;
93
+ --components-alert-alertbox-negative-standard-border:#d31b1b;
94
+ --components-alert-alertbox-negative-standard-filldefault:rgba(255, 148, 148, 0.2);
95
+ --components-alert-alertbox-negative-standard-filltoast:#ff9494;
96
+ --components-alert-alertbox-negative-standard-icondefault:#ff9494;
97
+ --components-alert-alertbox-negative-standard-icontoast:#d31b1b;
98
+ --components-alert-alertbox-negative-standard-textdefault:#e5e5e9;
99
+ --components-alert-alertbox-negative-standard-texttoast:#181c56;
100
+ --components-alert-alertbox-success-contrast-border:#1a8e60;
101
+ --components-alert-alertbox-success-contrast-filldefault:rgba(90, 195, 154, 0.2);
102
+ --components-alert-alertbox-success-contrast-filltoast:#9cd9c2;
103
+ --components-alert-alertbox-success-contrast-icondefault:#9cd9c2;
104
+ --components-alert-alertbox-success-contrast-icontoast:#181c56;
105
+ --components-alert-alertbox-success-contrast-textdefault:#e5e5e9;
106
+ --components-alert-alertbox-success-contrast-texttoast:#181c56;
107
+ --components-alert-alertbox-success-standard-border:#1a8e60;
108
+ --components-alert-alertbox-success-standard-filldefault:rgba(90, 195, 154, 0.2);
109
+ --components-alert-alertbox-success-standard-filltoast:#9cd9c2;
110
+ --components-alert-alertbox-success-standard-icondefault:#9cd9c2;
111
+ --components-alert-alertbox-success-standard-icontoast:#1a8e60;
112
+ --components-alert-alertbox-success-standard-textdefault:#e5e5e9;
113
+ --components-alert-alertbox-success-standard-texttoast:#181c56;
114
+ --components-alert-alertbox-warning-contrast-border:#e9b10c;
115
+ --components-alert-alertbox-warning-contrast-filldefault:rgba(255, 224, 130, 0.2509803922);
116
+ --components-alert-alertbox-warning-contrast-filltoast:#ffeeb3;
117
+ --components-alert-alertbox-warning-contrast-icondefault:#181c56;
118
+ --components-alert-alertbox-warning-contrast-icontoast:#181c56;
119
+ --components-alert-alertbox-warning-contrast-textdefault:#e5e5e9;
120
+ --components-alert-alertbox-warning-contrast-textdefault2:#e5e5e9;
121
+ --components-alert-alertbox-warning-standard-border:#e9b10c;
122
+ --components-alert-alertbox-warning-standard-filldefault:rgba(255, 224, 130, 0.2509803922);
123
+ --components-alert-alertbox-warning-standard-filltoast:#ffeeb3;
124
+ --components-alert-alertbox-warning-standard-icondefault:#ffeeb3;
125
+ --components-alert-alertbox-warning-standard-icontoast:#181c56;
126
+ --components-alert-alertbox-warning-standard-textdefault:#e5e5e9;
127
+ --components-alert-alertbox-warning-standard-texttoast:#181c56;
128
+ --components-alert-copyabletext-contrast-border:rgba(255, 255, 255, 0);
129
+ --components-alert-copyabletext-contrast-border-interactive:#e5e5e9;
130
+ --components-alert-copyabletext-contrast-fill:#393a49;
131
+ --components-alert-copyabletext-contrast-icon:#e5e5e9;
132
+ --components-alert-copyabletext-contrast-text:#e5e5e9;
133
+ --components-alert-copyabletext-standard-border:rgba(255, 255, 255, 0);
134
+ --components-alert-copyabletext-standard-border-interactive:#e5e5e9;
135
+ --components-alert-copyabletext-standard-fill:#393a49;
136
+ --components-alert-copyabletext-standard-icon:#e5e5e9;
137
+ --components-alert-copyabletext-standard-text:#e5e5e9;
144
138
  }
145
-
146
- /* DO NOT CHANGE!*/
147
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
148
- /* DO NOT CHANGE!*/
149
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
150
139
  [data-color-mode=light],
151
- :root {
152
- --basecolors-frame-contrast: #181c56;
153
- --basecolors-frame-contrastalt: #393d79;
154
- --basecolors-frame-contrastalt-2: #292b6a;
155
- --basecolors-frame-default: #ffffff;
156
- --basecolors-frame-elevated: #ffffff;
157
- --basecolors-frame-elevatedalt: #f6f6f9;
158
- --basecolors-frame-subdued: #d9dae8;
159
- --basecolors-frame-tint: #f6f6f9;
160
- --basecolors-shape-accent: #181c56;
161
- --basecolors-shape-bicycle-contrast: #00db9b;
162
- --basecolors-shape-bicycle-default: #33826b;
163
- --basecolors-shape-bus-contrast: #ff6392;
164
- --basecolors-shape-bus-default: #c5044e;
165
- --basecolors-shape-cableway-contrast: #b482fb;
166
- --basecolors-shape-cableway-default: #78469a;
167
- --basecolors-shape-disabled: #6e6f73;
168
- --basecolors-shape-disabledalt: #b6b8ba;
169
- --basecolors-shape-ferry-contrast: #6fdfff;
170
- --basecolors-shape-ferry-default: #0c6693;
171
- --basecolors-shape-funicular-contrast: #b482fb;
172
- --basecolors-shape-funicular-default: #78469a;
173
- --basecolors-shape-helicopter-contrast: #fbafea;
174
- --basecolors-shape-helicopter-default: #800664;
175
- --basecolors-shape-highlight: #ff5959;
176
- --basecolors-shape-light: #ffffff;
177
- --basecolors-shape-mask: #ffffff;
178
- --basecolors-shape-maskalt: #ffffff;
179
- --basecolors-shape-metro-contrast: #f08901;
180
- --basecolors-shape-metro-default: #bf5826;
181
- --basecolors-shape-mobility-contrast: #00db9b;
182
- --basecolors-shape-mobility-default: #33826b;
183
- --basecolors-shape-plane-contrast: #fbafea;
184
- --basecolors-shape-plane-default: #800664;
185
- --basecolors-shape-subdued: #626493;
186
- --basecolors-shape-subduedalt: #d9dae8;
187
- --basecolors-shape-taxi-contrast: #ffe082;
188
- --basecolors-shape-taxi-default: #3d3e40;
189
- --basecolors-shape-train-contrast: #42a5f5;
190
- --basecolors-shape-train-default: #00367f;
191
- --basecolors-shape-tram-contrast: #b482fb;
192
- --basecolors-shape-tram-default: #78469a;
193
- --basecolors-shape-walk-contrast: #8284ab;
194
- --basecolors-shape-walk-default: #8d8e9c;
195
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
196
- --basecolors-shape-airportlinkbus-default: #800664;
197
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
198
- --basecolors-shape-airportlinkrail-default: #800664;
199
- --basecolors-stroke-contrast: #aeb7e2;
200
- --basecolors-stroke-default: #181c56;
201
- --basecolors-stroke-disabled: #949699;
202
- --basecolors-stroke-focus-contrast: #aeb7e2;
203
- --basecolors-stroke-focus-standard: #181c56;
204
- --basecolors-stroke-highlight: #ff5959;
205
- --basecolors-stroke-light: #ffffff;
206
- --basecolors-stroke-subdued: #8284ab;
207
- --basecolors-stroke-subduedalt: #e3e6e8;
208
- --basecolors-text-accent: #181c56;
209
- --basecolors-text-disabled: #6e6f73;
210
- --basecolors-text-disabledalt: #b6b8ba;
211
- --basecolors-text-highlight: #ff5959;
212
- --basecolors-text-light: #ffffff;
213
- --basecolors-text-subdued: #626493;
214
- --basecolors-text-subduedalt: #d9dae8;
140
+ :root{
141
+ --basecolors-frame-contrast:#181c56;
142
+ --basecolors-frame-contrastalt:#393d79;
143
+ --basecolors-frame-contrastalt-2:#292b6a;
144
+ --basecolors-frame-default:#ffffff;
145
+ --basecolors-frame-elevated:#ffffff;
146
+ --basecolors-frame-elevatedalt:#f6f6f9;
147
+ --basecolors-frame-subdued:#d9dae8;
148
+ --basecolors-frame-tint:#f6f6f9;
149
+ --basecolors-shape-accent:#181c56;
150
+ --basecolors-shape-bicycle-contrast:#00db9b;
151
+ --basecolors-shape-bicycle-default:#33826b;
152
+ --basecolors-shape-bus-contrast:#ff6392;
153
+ --basecolors-shape-bus-default:#c5044e;
154
+ --basecolors-shape-cableway-contrast:#b482fb;
155
+ --basecolors-shape-cableway-default:#78469a;
156
+ --basecolors-shape-disabled:#6e6f73;
157
+ --basecolors-shape-disabledalt:#b6b8ba;
158
+ --basecolors-shape-ferry-contrast:#6fdfff;
159
+ --basecolors-shape-ferry-default:#0c6693;
160
+ --basecolors-shape-funicular-contrast:#b482fb;
161
+ --basecolors-shape-funicular-default:#78469a;
162
+ --basecolors-shape-helicopter-contrast:#fbafea;
163
+ --basecolors-shape-helicopter-default:#800664;
164
+ --basecolors-shape-highlight:#ff5959;
165
+ --basecolors-shape-light:#ffffff;
166
+ --basecolors-shape-mask:#ffffff;
167
+ --basecolors-shape-maskalt:#ffffff;
168
+ --basecolors-shape-metro-contrast:#f08901;
169
+ --basecolors-shape-metro-default:#bf5826;
170
+ --basecolors-shape-mobility-contrast:#00db9b;
171
+ --basecolors-shape-mobility-default:#33826b;
172
+ --basecolors-shape-plane-contrast:#fbafea;
173
+ --basecolors-shape-plane-default:#800664;
174
+ --basecolors-shape-subdued:#626493;
175
+ --basecolors-shape-subduedalt:#d9dae8;
176
+ --basecolors-shape-taxi-contrast:#ffe082;
177
+ --basecolors-shape-taxi-default:#3d3e40;
178
+ --basecolors-shape-train-contrast:#42a5f5;
179
+ --basecolors-shape-train-default:#00367f;
180
+ --basecolors-shape-tram-contrast:#b482fb;
181
+ --basecolors-shape-tram-default:#78469a;
182
+ --basecolors-shape-walk-contrast:#8284ab;
183
+ --basecolors-shape-walk-default:#8d8e9c;
184
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
185
+ --basecolors-shape-airportlinkbus-default:#800664;
186
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
187
+ --basecolors-shape-airportlinkrail-default:#800664;
188
+ --basecolors-stroke-contrast:#aeb7e2;
189
+ --basecolors-stroke-default:#181c56;
190
+ --basecolors-stroke-disabled:#949699;
191
+ --basecolors-stroke-focus-contrast:#aeb7e2;
192
+ --basecolors-stroke-focus-standard:#181c56;
193
+ --basecolors-stroke-highlight:#ff5959;
194
+ --basecolors-stroke-light:#ffffff;
195
+ --basecolors-stroke-subdued:#8284ab;
196
+ --basecolors-stroke-subduedalt:#e3e6e8;
197
+ --basecolors-text-accent:#181c56;
198
+ --basecolors-text-disabled:#6e6f73;
199
+ --basecolors-text-disabledalt:#b6b8ba;
200
+ --basecolors-text-highlight:#ff5959;
201
+ --basecolors-text-light:#ffffff;
202
+ --basecolors-text-subdued:#626493;
203
+ --basecolors-text-subduedalt:#d9dae8;
215
204
  }
216
205
 
217
- [data-color-mode=dark] {
218
- --basecolors-frame-contrast: #212233;
219
- --basecolors-frame-contrastalt: #141527;
220
- --basecolors-frame-contrastalt-2: #08091c;
221
- --basecolors-frame-default: #08091c;
222
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
223
- --basecolors-frame-elevatedalt: #464755;
224
- --basecolors-frame-subdued: #2d2e3e;
225
- --basecolors-frame-tint: #141527;
226
- --basecolors-shape-accent: #e5e5e9;
227
- --basecolors-shape-bicycle-contrast: #4db295;
228
- --basecolors-shape-bicycle-default: #4db295;
229
- --basecolors-shape-bus-contrast: #ef7398;
230
- --basecolors-shape-bus-default: #ef7398;
231
- --basecolors-shape-cableway-contrast: #b898e5;
232
- --basecolors-shape-cableway-default: #b898e5;
233
- --basecolors-shape-disabled: #b6b8ba;
234
- --basecolors-shape-disabledalt: #b3b4bd;
235
- --basecolors-shape-ferry-contrast: #8ccfe2;
236
- --basecolors-shape-ferry-default: #8ccfe2;
237
- --basecolors-shape-funicular-contrast: #b898e5;
238
- --basecolors-shape-funicular-default: #b898e5;
239
- --basecolors-shape-helicopter-contrast: #f2b8e5;
240
- --basecolors-shape-helicopter-default: #f2b8e5;
241
- --basecolors-shape-highlight: #ff9494;
242
- --basecolors-shape-light: #e5e5e9;
243
- --basecolors-shape-mask: #2d2e3e;
244
- --basecolors-shape-maskalt: #393a49;
245
- --basecolors-shape-metro-contrast: #dd973c;
246
- --basecolors-shape-metro-default: #dd973c;
247
- --basecolors-shape-mobility-contrast: #4db295;
248
- --basecolors-shape-mobility-default: #4db295;
249
- --basecolors-shape-plane-contrast: #f2b8e5;
250
- --basecolors-shape-plane-default: #f2b8e5;
251
- --basecolors-shape-subdued: #b3b4bd;
252
- --basecolors-shape-subduedalt: #b3b4bd;
253
- --basecolors-shape-taxi-contrast: #ffe082;
254
- --basecolors-shape-taxi-default: #ffe082;
255
- --basecolors-shape-train-contrast: #60a2d7;
256
- --basecolors-shape-train-default: #60a2d7;
257
- --basecolors-shape-tram-contrast: #b898e5;
258
- --basecolors-shape-tram-default: #b898e5;
259
- --basecolors-shape-walk-contrast: #8d8e9c;
260
- --basecolors-shape-walk-default: #8d8e9c;
261
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
262
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
263
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
264
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
265
- --basecolors-stroke-contrast: #aeb7e2;
266
- --basecolors-stroke-default: #b3b4bd;
267
- --basecolors-stroke-disabled: #e3e6e8;
268
- --basecolors-stroke-focus-contrast: #aeb7e2;
269
- --basecolors-stroke-focus-standard: #aeb7e2;
270
- --basecolors-stroke-highlight: #ff9494;
271
- --basecolors-stroke-light: #b3b4bd;
272
- --basecolors-stroke-subdued: #81828f;
273
- --basecolors-stroke-subduedalt: #949699;
274
- --basecolors-text-accent: #e5e5e9;
275
- --basecolors-text-disabled: #b6b8ba;
276
- --basecolors-text-disabledalt: #b6b8ba;
277
- --basecolors-text-highlight: #ff9494;
278
- --basecolors-text-light: #e5e5e9;
279
- --basecolors-text-subdued: #b3b4bd;
280
- --basecolors-text-subduedalt: #b3b4bd;
206
+ [data-color-mode=dark]{
207
+ --basecolors-frame-contrast:#212233;
208
+ --basecolors-frame-contrastalt:#141527;
209
+ --basecolors-frame-contrastalt-2:#08091c;
210
+ --basecolors-frame-default:#08091c;
211
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
212
+ --basecolors-frame-elevatedalt:#464755;
213
+ --basecolors-frame-subdued:#2d2e3e;
214
+ --basecolors-frame-tint:#141527;
215
+ --basecolors-shape-accent:#e5e5e9;
216
+ --basecolors-shape-bicycle-contrast:#4db295;
217
+ --basecolors-shape-bicycle-default:#4db295;
218
+ --basecolors-shape-bus-contrast:#ef7398;
219
+ --basecolors-shape-bus-default:#ef7398;
220
+ --basecolors-shape-cableway-contrast:#b898e5;
221
+ --basecolors-shape-cableway-default:#b898e5;
222
+ --basecolors-shape-disabled:#b6b8ba;
223
+ --basecolors-shape-disabledalt:#b3b4bd;
224
+ --basecolors-shape-ferry-contrast:#8ccfe2;
225
+ --basecolors-shape-ferry-default:#8ccfe2;
226
+ --basecolors-shape-funicular-contrast:#b898e5;
227
+ --basecolors-shape-funicular-default:#b898e5;
228
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
229
+ --basecolors-shape-helicopter-default:#f2b8e5;
230
+ --basecolors-shape-highlight:#ff9494;
231
+ --basecolors-shape-light:#e5e5e9;
232
+ --basecolors-shape-mask:#2d2e3e;
233
+ --basecolors-shape-maskalt:#393a49;
234
+ --basecolors-shape-metro-contrast:#dd973c;
235
+ --basecolors-shape-metro-default:#dd973c;
236
+ --basecolors-shape-mobility-contrast:#4db295;
237
+ --basecolors-shape-mobility-default:#4db295;
238
+ --basecolors-shape-plane-contrast:#f2b8e5;
239
+ --basecolors-shape-plane-default:#f2b8e5;
240
+ --basecolors-shape-subdued:#b3b4bd;
241
+ --basecolors-shape-subduedalt:#b3b4bd;
242
+ --basecolors-shape-taxi-contrast:#ffe082;
243
+ --basecolors-shape-taxi-default:#ffe082;
244
+ --basecolors-shape-train-contrast:#60a2d7;
245
+ --basecolors-shape-train-default:#60a2d7;
246
+ --basecolors-shape-tram-contrast:#b898e5;
247
+ --basecolors-shape-tram-default:#b898e5;
248
+ --basecolors-shape-walk-contrast:#8d8e9c;
249
+ --basecolors-shape-walk-default:#8d8e9c;
250
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
251
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
252
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
253
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
254
+ --basecolors-stroke-contrast:#aeb7e2;
255
+ --basecolors-stroke-default:#b3b4bd;
256
+ --basecolors-stroke-disabled:#e3e6e8;
257
+ --basecolors-stroke-focus-contrast:#aeb7e2;
258
+ --basecolors-stroke-focus-standard:#aeb7e2;
259
+ --basecolors-stroke-highlight:#ff9494;
260
+ --basecolors-stroke-light:#b3b4bd;
261
+ --basecolors-stroke-subdued:#81828f;
262
+ --basecolors-stroke-subduedalt:#949699;
263
+ --basecolors-text-accent:#e5e5e9;
264
+ --basecolors-text-disabled:#b6b8ba;
265
+ --basecolors-text-disabledalt:#b6b8ba;
266
+ --basecolors-text-highlight:#ff9494;
267
+ --basecolors-text-light:#e5e5e9;
268
+ --basecolors-text-subdued:#b3b4bd;
269
+ --basecolors-text-subduedalt:#b3b4bd;
281
270
  }
282
271
 
283
- :root {
284
- --eds-alert: 1;
285
- }/* DO NOT CHANGE!*/
286
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
287
- .eds-alert-box {
288
- border: 0.0625rem solid transparent;
289
- border-radius: 0.25rem;
290
- display: flex;
291
- padding: 0.75rem;
292
- position: relative;
293
- }
294
- .eds-alert-box--banner {
295
- padding: 1rem;
296
- width: 100%;
297
- }
298
- @media screen and (min-width: 50rem) {
299
- .eds-alert-box--banner {
300
- padding: 1.5rem;
272
+ :root{
273
+ --eds-alert:1;
274
+ }.eds-alert-box{
275
+ border:0.0625rem solid transparent;
276
+ -webkit-border-radius:0.25rem;
277
+ -moz-border-radius:0.25rem;
278
+ border-radius:0.25rem;
279
+ display:-webkit-box;
280
+ display:-webkit-flex;
281
+ display:-moz-box;
282
+ display:flex;
283
+ padding:0.75rem;
284
+ position:relative;
285
+ }
286
+ .eds-alert-box--banner{
287
+ padding:1rem;
288
+ width:100%;
289
+ }
290
+ @media screen and (min-width: 50rem){
291
+ .eds-alert-box--banner{
292
+ padding:1.5rem;
301
293
  }
302
294
  }
303
- .eds-alert-box--toast {
304
- max-width: 22rem;
305
- width: 100%;
306
- animation: 0.5s ease-in-out 0s 1 bounceInRight;
307
- }
308
- @media screen and (min-width: 50rem) {
309
- .eds-alert-box--toast {
310
- min-width: 18rem;
311
- width: fit-content;
295
+ .eds-alert-box--toast{
296
+ max-width:22rem;
297
+ width:100%;
298
+ -webkit-animation:0.5s ease-in-out 0s 1 bounceInRight;
299
+ -moz-animation:0.5s ease-in-out 0s 1 bounceInRight;
300
+ -o-animation:0.5s ease-in-out 0s 1 bounceInRight;
301
+ animation:0.5s ease-in-out 0s 1 bounceInRight;
302
+ }
303
+ @media screen and (min-width: 50rem){
304
+ .eds-alert-box--toast{
305
+ min-width:18rem;
306
+ width:-webkit-fit-content;
307
+ width:-moz-fit-content;
308
+ width:fit-content;
312
309
  }
313
310
  }
314
- .eds-alert-box--toast--exit-animation {
315
- animation: 0.5s ease-in-out 0s 1 bounceOutRight;
316
- }
317
- .eds-alert-box--small {
318
- font-size: 0.875rem;
319
- }
320
- .eds-alert-box--fit-content {
321
- width: fit-content;
322
- }
323
- .eds-alert-box--success {
324
- background-color: var(--components-alert-alertbox-success-standard-filldefault);
325
- border-color: var(--components-alert-alertbox-success-standard-border);
326
- color: var(--components-alert-alertbox-success-standard-textdefault);
327
- }
328
- .eds-alert-box--success .eds-alert-box__icon {
329
- color: var(--components-alert-alertbox-success-standard-icondefault);
330
- }
331
- .eds-alert-box--success.eds-alert-box--toast {
332
- background-color: var(--components-alert-alertbox-success-standard-filltoast);
333
- color: var(--components-alert-alertbox-success-standard-texttoast);
334
- }
335
- .eds-alert-box--success.eds-alert-box--toast .eds-alert-box__icon {
336
- color: var(--components-alert-alertbox-success-standard-icontoast);
337
- }
338
- .eds-contrast .eds-alert-box--success {
339
- background-color: var(--components-alert-alertbox-success-contrast-filldefault);
340
- border-color: transparent;
341
- color: var(--components-alert-alertbox-success-contrast-textdefault);
342
- }
343
- .eds-contrast .eds-alert-box--success .eds-alert-box__icon {
344
- color: var(--components-alert-alertbox-success-contrast-icondefault);
345
- }
346
- .eds-contrast .eds-alert-box--success.eds-alert-box--toast {
347
- background-color: var(--components-alert-alertbox-success-contrast-filltoast);
348
- color: var(--components-alert-alertbox-success-contrast-texttoast);
349
- }
350
- .eds-contrast .eds-alert-box--success.eds-alert-box--toast .eds-alert-box__icon {
351
- color: var(--components-alert-alertbox-success-contrast-icontoast);
352
- }
353
- .eds-alert-box--info, .eds-alert-box--information {
354
- background-color: var(--components-alert-alertbox-information-standard-filldefault);
355
- border-color: var(--components-alert-alertbox-information-standard-border);
356
- color: var(--components-alert-alertbox-information-standard-textdefault);
357
- }
358
- .eds-alert-box--info .eds-alert-box__icon, .eds-alert-box--information .eds-alert-box__icon {
359
- color: var(--components-alert-alertbox-information-standard-icondefault);
360
- }
361
- .eds-alert-box--info.eds-alert-box--toast, .eds-alert-box--information.eds-alert-box--toast {
362
- background-color: var(--components-alert-alertbox-information-standard-filltoast);
363
- color: var(--components-alert-alertbox-information-standard-texttoast);
364
- }
365
- .eds-alert-box--info.eds-alert-box--toast .eds-alert-box__icon, .eds-alert-box--information.eds-alert-box--toast .eds-alert-box__icon {
366
- color: var(--components-alert-alertbox-information-standard-icontoast);
367
- }
368
- .eds-contrast .eds-alert-box--info, .eds-contrast .eds-alert-box--information {
369
- background-color: var(--components-alert-alertbox-information-contrast-filldefault);
370
- border-color: transparent;
371
- color: var(--components-alert-alertbox-information-contrast-textdefault);
372
- }
373
- .eds-contrast .eds-alert-box--info .eds-alert-box__icon, .eds-contrast .eds-alert-box--information .eds-alert-box__icon {
374
- color: var(--components-alert-alertbox-information-contrast-icon);
375
- }
376
- .eds-contrast .eds-alert-box--info.eds-alert-box--toast, .eds-contrast .eds-alert-box--information.eds-alert-box--toast {
377
- background-color: var(--components-alert-alertbox-information-contrast-filltoast);
378
- color: var(--components-alert-alertbox-information-contrast-texttoast);
311
+ .eds-alert-box--toast--exit-animation{
312
+ -webkit-animation:0.5s ease-in-out 0s 1 bounceOutRight;
313
+ -moz-animation:0.5s ease-in-out 0s 1 bounceOutRight;
314
+ -o-animation:0.5s ease-in-out 0s 1 bounceOutRight;
315
+ animation:0.5s ease-in-out 0s 1 bounceOutRight;
379
316
  }
380
- .eds-contrast .eds-alert-box--info.eds-alert-box--toast .eds-alert-box__icon, .eds-contrast .eds-alert-box--information.eds-alert-box--toast .eds-alert-box__icon {
381
- color: var(--components-alert-alertbox-information-contrast-icontoast);
317
+ .eds-alert-box--small{
318
+ font-size:0.875rem;
382
319
  }
383
- .eds-alert-box--warning {
384
- background-color: var(--components-alert-alertbox-warning-standard-filldefault);
385
- border-color: var(--components-alert-alertbox-warning-standard-border);
386
- color: var(--components-alert-alertbox-warning-standard-textdefault);
320
+ .eds-alert-box--fit-content{
321
+ width:-webkit-fit-content;
322
+ width:-moz-fit-content;
323
+ width:fit-content;
387
324
  }
388
- .eds-alert-box--warning .eds-alert-box__icon {
389
- color: var(--components-alert-alertbox-warning-standard-icondefault);
325
+ .eds-alert-box--success{
326
+ background-color:var(--components-alert-alertbox-success-standard-filldefault);
327
+ border-color:var(--components-alert-alertbox-success-standard-border);
328
+ color:var(--components-alert-alertbox-success-standard-textdefault);
390
329
  }
391
- .eds-alert-box--warning.eds-alert-box--toast {
392
- background-color: var(--components-alert-alertbox-warning-standard-filltoast);
393
- color: var(--components-alert-alertbox-warning-standard-texttoast);
330
+ .eds-alert-box--success .eds-alert-box__icon{
331
+ color:var(--components-alert-alertbox-success-standard-icondefault);
394
332
  }
395
- .eds-alert-box--warning.eds-alert-box--toast .eds-alert-box__icon {
396
- color: var(--components-alert-alertbox-warning-standard-icontoast);
333
+ .eds-alert-box--success.eds-alert-box--toast{
334
+ background-color:var(--components-alert-alertbox-success-standard-filltoast);
335
+ color:var(--components-alert-alertbox-success-standard-texttoast);
397
336
  }
398
- .eds-contrast .eds-alert-box--warning {
399
- background-color: var(--components-alert-alertbox-warning-contrast-filldefault);
400
- border-color: transparent;
401
- color: var(--components-alert-alertbox-warning-contrast-textdefault);
337
+ .eds-alert-box--success.eds-alert-box--toast .eds-alert-box__icon{
338
+ color:var(--components-alert-alertbox-success-standard-icontoast);
402
339
  }
403
- .eds-contrast .eds-alert-box--warning .eds-alert-box__icon {
404
- color: var(--components-alert-alertbox-warning-contrast-icondefault);
340
+ .eds-contrast .eds-alert-box--success{
341
+ background-color:var(--components-alert-alertbox-success-contrast-filldefault);
342
+ border-color:transparent;
343
+ color:var(--components-alert-alertbox-success-contrast-textdefault);
405
344
  }
406
- .eds-contrast .eds-alert-box--warning.eds-alert-box--toast {
407
- background-color: var(--components-alert-alertbox-warning-contrast-filltoast);
408
- color: var(--components-alert-alertbox-warning-contrast-textdefault2);
345
+ .eds-contrast .eds-alert-box--success .eds-alert-box__icon{
346
+ color:var(--components-alert-alertbox-success-contrast-icondefault);
409
347
  }
410
- .eds-contrast .eds-alert-box--warning.eds-alert-box--toast .eds-alert-box__icon {
411
- color: var(--components-alert-alertbox-warning-contrast-icontoast);
348
+ .eds-contrast .eds-alert-box--success.eds-alert-box--toast{
349
+ background-color:var(--components-alert-alertbox-success-contrast-filltoast);
350
+ color:var(--components-alert-alertbox-success-contrast-texttoast);
412
351
  }
413
- .eds-alert-box--error, .eds-alert-box--negative {
414
- background-color: var(--components-alert-alertbox-negative-standard-filldefault);
415
- border-color: var(--components-alert-alertbox-negative-standard-border);
416
- color: var(--components-alert-alertbox-negative-standard-textdefault);
352
+ .eds-contrast .eds-alert-box--success.eds-alert-box--toast .eds-alert-box__icon{
353
+ color:var(--components-alert-alertbox-success-contrast-icontoast);
417
354
  }
418
- .eds-alert-box--error .eds-alert-box__icon, .eds-alert-box--negative .eds-alert-box__icon {
419
- color: var(--components-alert-alertbox-negative-standard-icondefault);
355
+ .eds-alert-box--info, .eds-alert-box--information{
356
+ background-color:var(--components-alert-alertbox-information-standard-filldefault);
357
+ border-color:var(--components-alert-alertbox-information-standard-border);
358
+ color:var(--components-alert-alertbox-information-standard-textdefault);
420
359
  }
421
- .eds-alert-box--error.eds-alert-box--toast, .eds-alert-box--negative.eds-alert-box--toast {
422
- background-color: var(--components-alert-alertbox-negative-standard-filltoast);
423
- color: var(--components-alert-alertbox-negative-standard-texttoast);
424
- }
425
- .eds-alert-box--error.eds-alert-box--toast .eds-alert-box__icon, .eds-alert-box--negative.eds-alert-box--toast .eds-alert-box__icon {
426
- color: var(--components-alert-alertbox-negative-standard-icontoast);
427
- }
428
- .eds-contrast .eds-alert-box--error, .eds-contrast .eds-alert-box--negative {
429
- background-color: var(--components-alert-alertbox-negative-contrast-filldefault);
430
- border-color: transparent;
431
- color: var(--components-alert-alertbox-negative-contrast-textdefault);
432
- }
433
- .eds-contrast .eds-alert-box--error .eds-alert-box__icon, .eds-contrast .eds-alert-box--negative .eds-alert-box__icon {
434
- color: var(--components-alert-alertbox-negative-contrast-icondefault);
435
- }
436
- .eds-contrast .eds-alert-box--error.eds-alert-box--toast, .eds-contrast .eds-alert-box--negative.eds-alert-box--toast {
437
- background-color: var(--components-alert-alertbox-negative-contrast-filltoast);
438
- color: var(--components-alert-alertbox-negative-contrast-texttoast);
439
- }
440
- .eds-contrast .eds-alert-box--error.eds-alert-box--toast .eds-alert-box__icon, .eds-contrast .eds-alert-box--negative.eds-alert-box--toast .eds-alert-box__icon {
441
- color: var(--components-alert-alertbox-negative-contrast-icontoast);
442
- }
443
- .eds-alert-box--no-title {
444
- display: flex;
445
- align-items: center;
446
- }
447
- .eds-alert-box__icon {
448
- display: inline-block;
449
- flex: 0 0 1em;
450
- font-size: 1.2rem;
451
- margin-right: 0.5em;
452
- margin-top: 0;
453
- }
454
- @media screen and (min-width: 50rem) {
455
- .eds-alert-box--banner .eds-alert-box__icon, .eds-alert-box--toast .eds-alert-box__icon {
456
- font-size: 2rem;
457
- margin-top: -0.25rem;
360
+ .eds-alert-box--info .eds-alert-box__icon, .eds-alert-box--information .eds-alert-box__icon{
361
+ color:var(--components-alert-alertbox-information-standard-icondefault);
362
+ }
363
+ .eds-alert-box--info.eds-alert-box--toast, .eds-alert-box--information.eds-alert-box--toast{
364
+ background-color:var(--components-alert-alertbox-information-standard-filltoast);
365
+ color:var(--components-alert-alertbox-information-standard-texttoast);
366
+ }
367
+ .eds-alert-box--info.eds-alert-box--toast .eds-alert-box__icon, .eds-alert-box--information.eds-alert-box--toast .eds-alert-box__icon{
368
+ color:var(--components-alert-alertbox-information-standard-icontoast);
369
+ }
370
+ .eds-contrast .eds-alert-box--info, .eds-contrast .eds-alert-box--information{
371
+ background-color:var(--components-alert-alertbox-information-contrast-filldefault);
372
+ border-color:transparent;
373
+ color:var(--components-alert-alertbox-information-contrast-textdefault);
374
+ }
375
+ .eds-contrast .eds-alert-box--info .eds-alert-box__icon, .eds-contrast .eds-alert-box--information .eds-alert-box__icon{
376
+ color:var(--components-alert-alertbox-information-contrast-icon);
377
+ }
378
+ .eds-contrast .eds-alert-box--info.eds-alert-box--toast, .eds-contrast .eds-alert-box--information.eds-alert-box--toast{
379
+ background-color:var(--components-alert-alertbox-information-contrast-filltoast);
380
+ color:var(--components-alert-alertbox-information-contrast-texttoast);
381
+ }
382
+ .eds-contrast .eds-alert-box--info.eds-alert-box--toast .eds-alert-box__icon, .eds-contrast .eds-alert-box--information.eds-alert-box--toast .eds-alert-box__icon{
383
+ color:var(--components-alert-alertbox-information-contrast-icontoast);
384
+ }
385
+ .eds-alert-box--warning{
386
+ background-color:var(--components-alert-alertbox-warning-standard-filldefault);
387
+ border-color:var(--components-alert-alertbox-warning-standard-border);
388
+ color:var(--components-alert-alertbox-warning-standard-textdefault);
389
+ }
390
+ .eds-alert-box--warning .eds-alert-box__icon{
391
+ color:var(--components-alert-alertbox-warning-standard-icondefault);
392
+ }
393
+ .eds-alert-box--warning.eds-alert-box--toast{
394
+ background-color:var(--components-alert-alertbox-warning-standard-filltoast);
395
+ color:var(--components-alert-alertbox-warning-standard-texttoast);
396
+ }
397
+ .eds-alert-box--warning.eds-alert-box--toast .eds-alert-box__icon{
398
+ color:var(--components-alert-alertbox-warning-standard-icontoast);
399
+ }
400
+ .eds-contrast .eds-alert-box--warning{
401
+ background-color:var(--components-alert-alertbox-warning-contrast-filldefault);
402
+ border-color:transparent;
403
+ color:var(--components-alert-alertbox-warning-contrast-textdefault);
404
+ }
405
+ .eds-contrast .eds-alert-box--warning .eds-alert-box__icon{
406
+ color:var(--components-alert-alertbox-warning-contrast-icondefault);
407
+ }
408
+ .eds-contrast .eds-alert-box--warning.eds-alert-box--toast{
409
+ background-color:var(--components-alert-alertbox-warning-contrast-filltoast);
410
+ color:var(--components-alert-alertbox-warning-contrast-textdefault2);
411
+ }
412
+ .eds-contrast .eds-alert-box--warning.eds-alert-box--toast .eds-alert-box__icon{
413
+ color:var(--components-alert-alertbox-warning-contrast-icontoast);
414
+ }
415
+ .eds-alert-box--error, .eds-alert-box--negative{
416
+ background-color:var(--components-alert-alertbox-negative-standard-filldefault);
417
+ border-color:var(--components-alert-alertbox-negative-standard-border);
418
+ color:var(--components-alert-alertbox-negative-standard-textdefault);
419
+ }
420
+ .eds-alert-box--error .eds-alert-box__icon, .eds-alert-box--negative .eds-alert-box__icon{
421
+ color:var(--components-alert-alertbox-negative-standard-icondefault);
422
+ }
423
+ .eds-alert-box--error.eds-alert-box--toast, .eds-alert-box--negative.eds-alert-box--toast{
424
+ background-color:var(--components-alert-alertbox-negative-standard-filltoast);
425
+ color:var(--components-alert-alertbox-negative-standard-texttoast);
426
+ }
427
+ .eds-alert-box--error.eds-alert-box--toast .eds-alert-box__icon, .eds-alert-box--negative.eds-alert-box--toast .eds-alert-box__icon{
428
+ color:var(--components-alert-alertbox-negative-standard-icontoast);
429
+ }
430
+ .eds-contrast .eds-alert-box--error, .eds-contrast .eds-alert-box--negative{
431
+ background-color:var(--components-alert-alertbox-negative-contrast-filldefault);
432
+ border-color:transparent;
433
+ color:var(--components-alert-alertbox-negative-contrast-textdefault);
434
+ }
435
+ .eds-contrast .eds-alert-box--error .eds-alert-box__icon, .eds-contrast .eds-alert-box--negative .eds-alert-box__icon{
436
+ color:var(--components-alert-alertbox-negative-contrast-icondefault);
437
+ }
438
+ .eds-contrast .eds-alert-box--error.eds-alert-box--toast, .eds-contrast .eds-alert-box--negative.eds-alert-box--toast{
439
+ background-color:var(--components-alert-alertbox-negative-contrast-filltoast);
440
+ color:var(--components-alert-alertbox-negative-contrast-texttoast);
441
+ }
442
+ .eds-contrast .eds-alert-box--error.eds-alert-box--toast .eds-alert-box__icon, .eds-contrast .eds-alert-box--negative.eds-alert-box--toast .eds-alert-box__icon{
443
+ color:var(--components-alert-alertbox-negative-contrast-icontoast);
444
+ }
445
+ .eds-alert-box--no-title{
446
+ display:-webkit-box;
447
+ display:-webkit-flex;
448
+ display:-moz-box;
449
+ display:flex;
450
+ -webkit-box-align:center;
451
+ -webkit-align-items:center;
452
+ -moz-box-align:center;
453
+ align-items:center;
454
+ }
455
+ .eds-alert-box__icon{
456
+ display:inline-block;
457
+ -webkit-box-flex:0;
458
+ -webkit-flex:0 0 1em;
459
+ -moz-box-flex:0;
460
+ flex:0 0 1em;
461
+ font-size:1.2rem;
462
+ margin-right:0.5em;
463
+ margin-top:0;
464
+ }
465
+ @media screen and (min-width: 50rem){
466
+ .eds-alert-box--banner .eds-alert-box__icon, .eds-alert-box--toast .eds-alert-box__icon{
467
+ font-size:2rem;
468
+ margin-top:-0.25rem;
458
469
  }
459
470
  }
460
- .eds-alert-box__title {
461
- font-weight: 600;
462
- margin: 0;
463
- }
464
- .eds-alert-box__content {
465
- flex: 1;
466
- word-break: break-word;
467
- hyphens: auto;
468
- }
469
- .eds-alert-box__content--no-children {
470
- display: flex;
471
- align-items: center;
472
- }
473
- .eds-alert-box--banner .eds-alert-box__content, .eds-alert-box--toast .eds-alert-box__content {
474
- margin-right: 2rem;
475
- }
476
- .eds-alert-box__content > *:first-child {
477
- margin-top: 0;
478
- }
479
- .eds-alert-box__content > *:last-child {
480
- margin-bottom: 0;
481
- }
482
- .eds-alert-box .eds-alert-box__close-button {
483
- margin-top: -0.3125rem;
484
- margin-left: 0.5rem;
485
- height: fit-content;
486
- width: fit-content;
487
- }
488
- .eds-contrast .eds-alert-box .eds-alert-box__close-button {
489
- color: var(--components-button-iconbutton-standard-text);
490
- }
491
- .eds-contrast .eds-alert-box .eds-alert-box__close-button:hover {
492
- background: var(--components-button-iconbutton-standard-hover);
493
- }
494
- .eds-contrast .eds-alert-box .eds-alert-box__close-button:active {
495
- background: var(--components-button-iconbutton-standard-active);
496
- }
497
- .eds-contrast .eds-alert-box .eds-alert-box__close-button:focus-visible {
498
- outline: 2px solid #181c56;
499
- outline-color: var(--basecolors-stroke-focus-standard);
471
+ .eds-alert-box__title{
472
+ font-weight:600;
473
+ margin:0;
474
+ }
475
+ .eds-alert-box__content{
476
+ -webkit-box-flex:1;
477
+ -webkit-flex:1;
478
+ -moz-box-flex:1;
479
+ flex:1;
480
+ word-break:break-word;
481
+ -webkit-hyphens:auto;
482
+ -moz-hyphens:auto;
483
+ -ms-hyphens:auto;
484
+ hyphens:auto;
485
+ }
486
+ .eds-alert-box__content--no-children{
487
+ display:-webkit-box;
488
+ display:-webkit-flex;
489
+ display:-moz-box;
490
+ display:flex;
491
+ -webkit-box-align:center;
492
+ -webkit-align-items:center;
493
+ -moz-box-align:center;
494
+ align-items:center;
495
+ }
496
+ .eds-alert-box--banner .eds-alert-box__content, .eds-alert-box--toast .eds-alert-box__content{
497
+ margin-right:2rem;
498
+ }
499
+ .eds-alert-box__content > *:first-child{
500
+ margin-top:0;
501
+ }
502
+ .eds-alert-box__content > *:last-child{
503
+ margin-bottom:0;
504
+ }
505
+ .eds-alert-box .eds-alert-box__close-button{
506
+ margin-top:-0.3125rem;
507
+ margin-left:0.5rem;
508
+ height:-webkit-fit-content;
509
+ height:-moz-fit-content;
510
+ height:fit-content;
511
+ width:-webkit-fit-content;
512
+ width:-moz-fit-content;
513
+ width:fit-content;
514
+ }
515
+ .eds-contrast .eds-alert-box .eds-alert-box__close-button{
516
+ color:var(--components-button-iconbutton-standard-text);
517
+ }
518
+ .eds-contrast .eds-alert-box .eds-alert-box__close-button:hover{
519
+ background:var(--components-button-iconbutton-standard-hover);
520
+ }
521
+ .eds-contrast .eds-alert-box .eds-alert-box__close-button:active{
522
+ background:var(--components-button-iconbutton-standard-active);
523
+ }
524
+ .eds-contrast .eds-alert-box .eds-alert-box__close-button:focus-visible{
525
+ outline:2px solid #181c56;
526
+ outline-color:var(--basecolors-stroke-focus-standard);
527
+ }
528
+ .eds-contrast .eds-alert-box .eds-alert-box__tooltip{
529
+ background:var(--components-tooltip-tooltip-standard-fill);
530
+ color:var(--components-tooltip-tooltip-standard-text);
531
+ }
532
+ .eds-contrast .eds-alert-box .eds-alert-box__tooltip::after{
533
+ background:var(--components-tooltip-tooltip-standard-fill);
534
+ }.eds-toast-container{
535
+ position:fixed;
536
+ z-index:50;
537
+ display:-webkit-box;
538
+ display:-webkit-flex;
539
+ display:-moz-box;
540
+ display:flex;
541
+ -webkit-box-align:end;
542
+ -webkit-align-items:flex-end;
543
+ -moz-box-align:end;
544
+ align-items:flex-end;
545
+ -webkit-box-orient:vertical;
546
+ -webkit-box-direction:normal;
547
+ -webkit-flex-direction:column;
548
+ -moz-box-orient:vertical;
549
+ -moz-box-direction:normal;
550
+ flex-direction:column;
551
+ }
552
+ .eds-toast-container .eds-alert-box__close-button{
553
+ position:absolute;
554
+ top:0.75rem;
555
+ right:0.75rem;
556
+ }
557
+ .eds-toast-container--bottom-right{
558
+ bottom:1.5rem;
559
+ right:1.5rem;
560
+ left:1.5rem;
561
+ }
562
+ .eds-toast-container--top-right{
563
+ top:1.5rem;
564
+ right:1.5rem;
565
+ left:1.5rem;
566
+ }
567
+ .eds-toast-container > * + *{
568
+ margin-top:1rem;
569
+ }
570
+ @media screen and (min-width: 50rem){
571
+ .eds-toast-container{
572
+ left:auto;
573
+ left:initial;
574
+ }
500
575
  }
501
- .eds-contrast .eds-alert-box .eds-alert-box__tooltip {
502
- background: var(--components-tooltip-tooltip-standard-fill);
503
- color: var(--components-tooltip-tooltip-standard-text);
576
+
577
+ @-webkit-keyframes bounceInRight{
578
+ from, 60%, 75%, 90%, to{
579
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
580
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
581
+ }
582
+ from{
583
+ opacity:0;
584
+ -webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
585
+ transform:translate3d(3000px, 0, 0) scaleX(3);
586
+ }
587
+ 60%{
588
+ opacity:1;
589
+ -webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
590
+ transform:translate3d(-25px, 0, 0) scaleX(1);
591
+ }
592
+ 75%{
593
+ -webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
594
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
595
+ }
596
+ 90%{
597
+ -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
598
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
599
+ }
600
+ to{
601
+ -webkit-transform:translate3d(0, 0, 0);
602
+ transform:translate3d(0, 0, 0);
603
+ }
504
604
  }
505
- .eds-contrast .eds-alert-box .eds-alert-box__tooltip::after {
506
- background: var(--components-tooltip-tooltip-standard-fill);
507
- }/* DO NOT CHANGE!*/
508
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
509
- .eds-toast-container {
510
- position: fixed;
511
- z-index: 50;
512
- display: flex;
513
- align-items: flex-end;
514
- flex-direction: column;
605
+
606
+ @-moz-keyframes bounceInRight{
607
+ from, 60%, 75%, 90%, to{
608
+ -moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
609
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
610
+ }
611
+ from{
612
+ opacity:0;
613
+ -moz-transform:translate3d(3000px, 0, 0) scaleX(3);
614
+ transform:translate3d(3000px, 0, 0) scaleX(3);
615
+ }
616
+ 60%{
617
+ opacity:1;
618
+ -moz-transform:translate3d(-25px, 0, 0) scaleX(1);
619
+ transform:translate3d(-25px, 0, 0) scaleX(1);
620
+ }
621
+ 75%{
622
+ -moz-transform:translate3d(10px, 0, 0) scaleX(0.98);
623
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
624
+ }
625
+ 90%{
626
+ -moz-transform:translate3d(-5px, 0, 0) scaleX(0.995);
627
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
628
+ }
629
+ to{
630
+ -moz-transform:translate3d(0, 0, 0);
631
+ transform:translate3d(0, 0, 0);
632
+ }
515
633
  }
516
- .eds-toast-container .eds-alert-box__close-button {
517
- position: absolute;
518
- top: 0.75rem;
519
- right: 0.75rem;
634
+
635
+ @-o-keyframes bounceInRight{
636
+ from, 60%, 75%, 90%, to{
637
+ -o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
638
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
639
+ }
640
+ from{
641
+ opacity:0;
642
+ transform:translate3d(3000px, 0, 0) scaleX(3);
643
+ }
644
+ 60%{
645
+ opacity:1;
646
+ transform:translate3d(-25px, 0, 0) scaleX(1);
647
+ }
648
+ 75%{
649
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
650
+ }
651
+ 90%{
652
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
653
+ }
654
+ to{
655
+ transform:translate3d(0, 0, 0);
656
+ }
520
657
  }
521
- .eds-toast-container--bottom-right {
522
- bottom: 1.5rem;
523
- right: 1.5rem;
524
- left: 1.5rem;
658
+
659
+ @keyframes bounceInRight{
660
+ from, 60%, 75%, 90%, to{
661
+ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
662
+ -moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
663
+ -o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
664
+ animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
665
+ }
666
+ from{
667
+ opacity:0;
668
+ -webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
669
+ -moz-transform:translate3d(3000px, 0, 0) scaleX(3);
670
+ transform:translate3d(3000px, 0, 0) scaleX(3);
671
+ }
672
+ 60%{
673
+ opacity:1;
674
+ -webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
675
+ -moz-transform:translate3d(-25px, 0, 0) scaleX(1);
676
+ transform:translate3d(-25px, 0, 0) scaleX(1);
677
+ }
678
+ 75%{
679
+ -webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
680
+ -moz-transform:translate3d(10px, 0, 0) scaleX(0.98);
681
+ transform:translate3d(10px, 0, 0) scaleX(0.98);
682
+ }
683
+ 90%{
684
+ -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
685
+ -moz-transform:translate3d(-5px, 0, 0) scaleX(0.995);
686
+ transform:translate3d(-5px, 0, 0) scaleX(0.995);
687
+ }
688
+ to{
689
+ -webkit-transform:translate3d(0, 0, 0);
690
+ -moz-transform:translate3d(0, 0, 0);
691
+ transform:translate3d(0, 0, 0);
692
+ }
525
693
  }
526
- .eds-toast-container--top-right {
527
- top: 1.5rem;
528
- right: 1.5rem;
529
- left: 1.5rem;
694
+ @-webkit-keyframes bounceOutRight{
695
+ 20%{
696
+ opacity:1;
697
+ -webkit-transform:translate3d(-20px, 0, 0) scaleX(0.9);
698
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
699
+ }
700
+ to{
701
+ opacity:0;
702
+ -webkit-transform:translate3d(2000px, 0, 0) scaleX(2);
703
+ transform:translate3d(2000px, 0, 0) scaleX(2);
704
+ }
530
705
  }
531
- .eds-toast-container > * + * {
532
- margin-top: 1rem;
706
+ @-moz-keyframes bounceOutRight{
707
+ 20%{
708
+ opacity:1;
709
+ -moz-transform:translate3d(-20px, 0, 0) scaleX(0.9);
710
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
711
+ }
712
+ to{
713
+ opacity:0;
714
+ -moz-transform:translate3d(2000px, 0, 0) scaleX(2);
715
+ transform:translate3d(2000px, 0, 0) scaleX(2);
716
+ }
533
717
  }
534
- @media screen and (min-width: 50rem) {
535
- .eds-toast-container {
536
- left: initial;
718
+ @-o-keyframes bounceOutRight{
719
+ 20%{
720
+ opacity:1;
721
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
722
+ }
723
+ to{
724
+ opacity:0;
725
+ transform:translate3d(2000px, 0, 0) scaleX(2);
537
726
  }
538
727
  }
539
-
540
- @keyframes bounceInRight {
541
- from, 60%, 75%, 90%, to {
542
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
543
- }
544
- from {
545
- opacity: 0;
546
- transform: translate3d(3000px, 0, 0) scaleX(3);
547
- }
548
- 60% {
549
- opacity: 1;
550
- transform: translate3d(-25px, 0, 0) scaleX(1);
551
- }
552
- 75% {
553
- transform: translate3d(10px, 0, 0) scaleX(0.98);
554
- }
555
- 90% {
556
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
557
- }
558
- to {
559
- transform: translate3d(0, 0, 0);
560
- }
561
- }
562
- @keyframes bounceOutRight {
563
- 20% {
564
- opacity: 1;
565
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
566
- }
567
- to {
568
- opacity: 0;
569
- transform: translate3d(2000px, 0, 0) scaleX(2);
570
- }
571
- }/* DO NOT CHANGE!*/
572
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
573
- .eds-copyable-text,
574
- .eds-contrast .eds-copyable-text {
575
- appearance: none;
576
- background: none;
577
- border: 0;
578
- border-radius: 0;
579
- color: inherit;
580
- cursor: pointer;
581
- display: block;
582
- font-size: inherit;
583
- padding: 0;
584
- position: relative;
585
- margin: 0 0 1rem 0;
586
- text-align: left;
587
- width: 100%;
728
+ @keyframes bounceOutRight{
729
+ 20%{
730
+ opacity:1;
731
+ -webkit-transform:translate3d(-20px, 0, 0) scaleX(0.9);
732
+ -moz-transform:translate3d(-20px, 0, 0) scaleX(0.9);
733
+ transform:translate3d(-20px, 0, 0) scaleX(0.9);
734
+ }
735
+ to{
736
+ opacity:0;
737
+ -webkit-transform:translate3d(2000px, 0, 0) scaleX(2);
738
+ -moz-transform:translate3d(2000px, 0, 0) scaleX(2);
739
+ transform:translate3d(2000px, 0, 0) scaleX(2);
740
+ }
741
+ }.eds-copyable-text,
742
+ .eds-contrast .eds-copyable-text{
743
+ -webkit-appearance:none;
744
+ -moz-appearance:none;
745
+ appearance:none;
746
+ background:none;
747
+ border:0;
748
+ -webkit-border-radius:0;
749
+ -moz-border-radius:0;
750
+ border-radius:0;
751
+ color:inherit;
752
+ cursor:pointer;
753
+ display:block;
754
+ font-size:inherit;
755
+ padding:0;
756
+ position:relative;
757
+ margin:0 0 1rem 0;
758
+ text-align:left;
759
+ width:100%;
588
760
  }
589
761
  .eds-copyable-text__preformatted-text,
590
- .eds-contrast .eds-copyable-text__preformatted-text {
591
- margin: 0;
592
- display: flex;
593
- justify-content: space-between;
594
- align-items: center;
595
- transition: border-color 0.1s;
762
+ .eds-contrast .eds-copyable-text__preformatted-text{
763
+ margin:0;
764
+ display:-webkit-box;
765
+ display:-webkit-flex;
766
+ display:-moz-box;
767
+ display:flex;
768
+ -webkit-box-pack:justify;
769
+ -webkit-justify-content:space-between;
770
+ -moz-box-pack:justify;
771
+ justify-content:space-between;
772
+ -webkit-box-align:center;
773
+ -webkit-align-items:center;
774
+ -moz-box-align:center;
775
+ align-items:center;
776
+ -webkit-transition:border-color 0.1s;
777
+ -o-transition:border-color 0.1s;
778
+ -moz-transition:border-color 0.1s;
779
+ transition:border-color 0.1s;
596
780
  }
597
781
  .eds-copyable-text__preformatted-text:hover,
598
- .eds-contrast .eds-copyable-text__preformatted-text:hover {
599
- border-color: var(--components-alert-copyabletext-standard-border-interactive);
782
+ .eds-contrast .eds-copyable-text__preformatted-text:hover{
783
+ border-color:var(--components-alert-copyabletext-standard-border-interactive);
600
784
  }
601
785
  .eds-contrast .eds-copyable-text__preformatted-text:hover,
602
- .eds-contrast .eds-contrast .eds-copyable-text__preformatted-text:hover {
603
- border-color: var(--components-alert-copyabletext-contrast-border-interactive);
786
+ .eds-contrast .eds-contrast .eds-copyable-text__preformatted-text:hover{
787
+ border-color:var(--components-alert-copyabletext-contrast-border-interactive);
604
788
  }
605
789
  .eds-copyable-text__displayed-text,
606
- .eds-contrast .eds-copyable-text__displayed-text {
607
- overflow-x: hidden;
608
- text-overflow: ellipsis;
609
- text-wrap: nowrap;
790
+ .eds-contrast .eds-copyable-text__displayed-text{
791
+ overflow-x:hidden;
792
+ -o-text-overflow:ellipsis;
793
+ text-overflow:ellipsis;
794
+ text-wrap:nowrap;
610
795
  }
611
796
  .eds-copyable-text .eds-copyable-text__button,
612
797
  .eds-copyable-text .eds-contrast .eds-copyable-text__button,
613
798
  .eds-contrast .eds-copyable-text .eds-copyable-text__button,
614
- .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button {
615
- color: var(--components-alert-copyabletext-standard-text);
616
- margin: -0.5rem;
617
- margin-left: 0.5rem;
618
- width: fit-content;
619
- height: fit-content;
799
+ .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button{
800
+ color:var(--components-alert-copyabletext-standard-text);
801
+ margin:-0.5rem;
802
+ margin-left:0.5rem;
803
+ width:-webkit-fit-content;
804
+ width:-moz-fit-content;
805
+ width:fit-content;
806
+ height:-webkit-fit-content;
807
+ height:-moz-fit-content;
808
+ height:fit-content;
620
809
  }
621
810
  .eds-copyable-text .eds-copyable-text__button, .eds-contrast .eds-copyable-text .eds-copyable-text__button,
622
811
  .eds-copyable-text .eds-contrast .eds-copyable-text__button,
@@ -624,8 +813,8 @@
624
813
  .eds-contrast .eds-copyable-text .eds-copyable-text__button,
625
814
  .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button,
626
815
  .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button,
627
- .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button {
628
- color: var(--components-alert-copyabletext-standard-text);
816
+ .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button{
817
+ color:var(--components-alert-copyabletext-standard-text);
629
818
  }
630
819
  .eds-copyable-text .eds-copyable-text__button:hover, .eds-contrast .eds-copyable-text .eds-copyable-text__button:hover,
631
820
  .eds-copyable-text .eds-contrast .eds-copyable-text__button:hover,
@@ -633,8 +822,8 @@
633
822
  .eds-contrast .eds-copyable-text .eds-copyable-text__button:hover,
634
823
  .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:hover,
635
824
  .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:hover,
636
- .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:hover {
637
- background: var(--components-button-iconbutton-standard-hover);
825
+ .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:hover{
826
+ background:var(--components-button-iconbutton-standard-hover);
638
827
  }
639
828
  .eds-copyable-text .eds-copyable-text__button:active, .eds-contrast .eds-copyable-text .eds-copyable-text__button:active,
640
829
  .eds-copyable-text .eds-contrast .eds-copyable-text__button:active,
@@ -642,8 +831,8 @@
642
831
  .eds-contrast .eds-copyable-text .eds-copyable-text__button:active,
643
832
  .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:active,
644
833
  .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:active,
645
- .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:active {
646
- background: var(--components-button-iconbutton-standard-active);
834
+ .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:active{
835
+ background:var(--components-button-iconbutton-standard-active);
647
836
  }
648
837
  .eds-copyable-text .eds-copyable-text__button:focus-visible, .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
649
838
  .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible,
@@ -651,10 +840,10 @@
651
840
  .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
652
841
  .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
653
842
  .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible,
654
- .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible {
655
- outline: 2px solid #181c56;
656
- outline-color: var(--basecolors-stroke-focus-standard);
657
- outline-offset: 0.125rem;
843
+ .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible{
844
+ outline:2px solid #181c56;
845
+ outline-color:var(--basecolors-stroke-focus-standard);
846
+ outline-offset:0.125rem;
658
847
  }
659
848
  .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible, .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
660
849
  .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible,
@@ -662,52 +851,60 @@
662
851
  .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
663
852
  .eds-contrast .eds-contrast .eds-contrast .eds-copyable-text .eds-copyable-text__button:focus-visible,
664
853
  .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible,
665
- .eds-contrast .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible {
666
- outline-color: var(--basecolors-stroke-focus-standard);
667
- }/* DO NOT CHANGE!*/
668
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
669
- .eds-expandable-alert-box .eds-alert-box__content {
670
- width: 100%;
671
- }
672
- .eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
673
- margin-top: 0.0625rem;
674
- }
675
- @media screen and (min-width: 50rem) {
676
- .eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon {
677
- margin-top: -0.375rem;
678
- }
679
- }
680
- .eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
681
- margin-top: 0.125rem;
682
- }
683
- @media screen and (min-width: 50rem) {
684
- .eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon {
685
- margin-top: 0.125rem;
686
- }
687
- }
688
- .eds-expandable-alert-box__title {
689
- display: flex;
690
- justify-content: space-between;
691
- align-items: baseline;
692
- }
693
- .eds-expandable-alert-box__button {
694
- color: var(--components-button-iconbutton-standard-text);
695
- background: none;
696
- border: none;
697
- cursor: pointer;
698
- font-family: inherit;
699
- font-size: inherit;
700
- line-height: 1.5rem;
701
- padding: 0 0.25rem;
702
- flex-shrink: 0;
703
- }
704
- .eds-expandable-alert-box__button:focus-visible {
705
- outline: 2px solid #181c56;
706
- outline-color: var(--basecolors-stroke-focus-standard);
707
- outline-offset: 0.125rem;
708
- }
709
- .eds-expandable-alert-box__button .eds-icon {
710
- font-size: 1rem;
711
- padding-left: 0.25rem;
712
- color: var(--components-button-iconbutton-standard-text);
854
+ .eds-contrast .eds-contrast .eds-contrast .eds-copyable-text .eds-contrast .eds-copyable-text__button:focus-visible{
855
+ outline-color:var(--basecolors-stroke-focus-standard);
856
+ }.eds-expandable-alert-box .eds-alert-box__content{
857
+ width:100%;
858
+ }
859
+ .eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon{
860
+ margin-top:0.0625rem;
861
+ }
862
+ @media screen and (min-width: 50rem){
863
+ .eds-expandable-alert-box.eds-alert-box--banner .eds-alert-box__icon{
864
+ margin-top:-0.375rem;
865
+ }
866
+ }
867
+ .eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon{
868
+ margin-top:0.125rem;
869
+ }
870
+ @media screen and (min-width: 50rem){
871
+ .eds-expandable-alert-box.eds-alert-box--small .eds-alert-box__icon{
872
+ margin-top:0.125rem;
873
+ }
874
+ }
875
+ .eds-expandable-alert-box__title{
876
+ display:-webkit-box;
877
+ display:-webkit-flex;
878
+ display:-moz-box;
879
+ display:flex;
880
+ -webkit-box-pack:justify;
881
+ -webkit-justify-content:space-between;
882
+ -moz-box-pack:justify;
883
+ justify-content:space-between;
884
+ -webkit-box-align:baseline;
885
+ -webkit-align-items:baseline;
886
+ -moz-box-align:baseline;
887
+ align-items:baseline;
888
+ }
889
+ .eds-expandable-alert-box__button{
890
+ color:var(--components-button-iconbutton-standard-text);
891
+ background:none;
892
+ border:none;
893
+ cursor:pointer;
894
+ font-family:inherit;
895
+ font-size:inherit;
896
+ line-height:1.5rem;
897
+ padding:0 0.25rem;
898
+ -webkit-flex-shrink:0;
899
+ flex-shrink:0;
900
+ }
901
+ .eds-expandable-alert-box__button:focus-visible{
902
+ outline:2px solid #181c56;
903
+ outline-color:var(--basecolors-stroke-focus-standard);
904
+ outline-offset:0.125rem;
905
+ }
906
+ .eds-expandable-alert-box__button .eds-icon{
907
+ font-size:1rem;
908
+ padding-left:0.25rem;
909
+ color:var(--components-button-iconbutton-standard-text);
713
910
  }