@entur/expand 3.6.17 → 3.6.19-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +298 -267
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -1,303 +1,334 @@
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-expand-expandablepanel-contrast-fill-default: #393d79;
10
- --components-expand-expandablepanel-contrast-fill-hover: #626493;
11
- --components-expand-expandablepanel-contrast-fill-selected: #393d79;
12
- --components-expand-expandablepanel-contrast-icon: #ffffff;
13
- --components-expand-expandablepanel-contrast-text: #ffffff;
14
- --components-expand-expandablepanel-standard-fill-default: #e3e6e8;
15
- --components-expand-expandablepanel-standard-fill-hover: #edf0f2;
16
- --components-expand-expandablepanel-standard-fill-selected: #e3e6e8;
17
- --components-expand-expandablepanel-standard-icon: #181c56;
18
- --components-expand-expandablepanel-standard-text: #181c56;
19
- --components-expand-expandabletext-contrast-icon: #ffffff;
20
- --components-expand-expandabletext-contrast-text: #ffffff;
21
- --components-expand-expandabletext-standard-icon: #181c56;
22
- --components-expand-expandabletext-standard-text: #181c56;
2
+ :root{
3
+ --components-expand-expandablepanel-contrast-fill-default:#393d79;
4
+ --components-expand-expandablepanel-contrast-fill-hover:#626493;
5
+ --components-expand-expandablepanel-contrast-fill-selected:#393d79;
6
+ --components-expand-expandablepanel-contrast-icon:#ffffff;
7
+ --components-expand-expandablepanel-contrast-text:#ffffff;
8
+ --components-expand-expandablepanel-standard-fill-default:#e3e6e8;
9
+ --components-expand-expandablepanel-standard-fill-hover:#edf0f2;
10
+ --components-expand-expandablepanel-standard-fill-selected:#e3e6e8;
11
+ --components-expand-expandablepanel-standard-icon:#181c56;
12
+ --components-expand-expandablepanel-standard-text:#181c56;
13
+ --components-expand-expandabletext-contrast-icon:#ffffff;
14
+ --components-expand-expandabletext-contrast-text:#ffffff;
15
+ --components-expand-expandabletext-standard-icon:#181c56;
16
+ --components-expand-expandabletext-standard-text:#181c56;
23
17
  }
24
18
 
25
- [data-color-mode=dark] {
26
- --components-expand-expandablepanel-contrast-fill-default: rgba(229, 229, 233, 0.1490196078);
27
- --components-expand-expandablepanel-contrast-fill-hover: #393a49;
28
- --components-expand-expandablepanel-contrast-fill-selected: rgba(229, 229, 233, 0.1490196078);
29
- --components-expand-expandablepanel-contrast-icon: #e5e5e9;
30
- --components-expand-expandablepanel-contrast-text: #e5e5e9;
31
- --components-expand-expandablepanel-standard-fill-default: rgba(229, 229, 233, 0.1490196078);
32
- --components-expand-expandablepanel-standard-fill-hover: #393a49;
33
- --components-expand-expandablepanel-standard-fill-selected: rgba(229, 229, 233, 0.1490196078);
34
- --components-expand-expandablepanel-standard-icon: #e5e5e9;
35
- --components-expand-expandablepanel-standard-text: #e5e5e9;
36
- --components-expand-expandabletext-contrast-icon: #e5e5e9;
37
- --components-expand-expandabletext-contrast-text: #e5e5e9;
38
- --components-expand-expandabletext-standard-icon: #e5e5e9;
39
- --components-expand-expandabletext-standard-text: #e5e5e9;
19
+ [data-color-mode=dark]{
20
+ --components-expand-expandablepanel-contrast-fill-default:rgba(229, 229, 233, 0.1490196078);
21
+ --components-expand-expandablepanel-contrast-fill-hover:#393a49;
22
+ --components-expand-expandablepanel-contrast-fill-selected:rgba(229, 229, 233, 0.1490196078);
23
+ --components-expand-expandablepanel-contrast-icon:#e5e5e9;
24
+ --components-expand-expandablepanel-contrast-text:#e5e5e9;
25
+ --components-expand-expandablepanel-standard-fill-default:rgba(229, 229, 233, 0.1490196078);
26
+ --components-expand-expandablepanel-standard-fill-hover:#393a49;
27
+ --components-expand-expandablepanel-standard-fill-selected:rgba(229, 229, 233, 0.1490196078);
28
+ --components-expand-expandablepanel-standard-icon:#e5e5e9;
29
+ --components-expand-expandablepanel-standard-text:#e5e5e9;
30
+ --components-expand-expandabletext-contrast-icon:#e5e5e9;
31
+ --components-expand-expandabletext-contrast-text:#e5e5e9;
32
+ --components-expand-expandabletext-standard-icon:#e5e5e9;
33
+ --components-expand-expandabletext-standard-text:#e5e5e9;
40
34
  }
41
-
42
- /* DO NOT CHANGE!*/
43
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
44
- /* DO NOT CHANGE!*/
45
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
46
35
  [data-color-mode=light],
47
- :root {
48
- --basecolors-frame-contrast: #181c56;
49
- --basecolors-frame-contrastalt: #393d79;
50
- --basecolors-frame-contrastalt-2: #292b6a;
51
- --basecolors-frame-default: #ffffff;
52
- --basecolors-frame-elevated: #ffffff;
53
- --basecolors-frame-elevatedalt: #f6f6f9;
54
- --basecolors-frame-subdued: #d9dae8;
55
- --basecolors-frame-tint: #f6f6f9;
56
- --basecolors-shape-accent: #181c56;
57
- --basecolors-shape-bicycle-contrast: #00db9b;
58
- --basecolors-shape-bicycle-default: #33826b;
59
- --basecolors-shape-bus-contrast: #ff6392;
60
- --basecolors-shape-bus-default: #c5044e;
61
- --basecolors-shape-cableway-contrast: #b482fb;
62
- --basecolors-shape-cableway-default: #78469a;
63
- --basecolors-shape-disabled: #6e6f73;
64
- --basecolors-shape-disabledalt: #b6b8ba;
65
- --basecolors-shape-ferry-contrast: #6fdfff;
66
- --basecolors-shape-ferry-default: #0c6693;
67
- --basecolors-shape-funicular-contrast: #b482fb;
68
- --basecolors-shape-funicular-default: #78469a;
69
- --basecolors-shape-helicopter-contrast: #fbafea;
70
- --basecolors-shape-helicopter-default: #800664;
71
- --basecolors-shape-highlight: #ff5959;
72
- --basecolors-shape-light: #ffffff;
73
- --basecolors-shape-mask: #ffffff;
74
- --basecolors-shape-maskalt: #ffffff;
75
- --basecolors-shape-metro-contrast: #f08901;
76
- --basecolors-shape-metro-default: #bf5826;
77
- --basecolors-shape-mobility-contrast: #00db9b;
78
- --basecolors-shape-mobility-default: #33826b;
79
- --basecolors-shape-plane-contrast: #fbafea;
80
- --basecolors-shape-plane-default: #800664;
81
- --basecolors-shape-subdued: #626493;
82
- --basecolors-shape-subduedalt: #d9dae8;
83
- --basecolors-shape-taxi-contrast: #ffe082;
84
- --basecolors-shape-taxi-default: #3d3e40;
85
- --basecolors-shape-train-contrast: #42a5f5;
86
- --basecolors-shape-train-default: #00367f;
87
- --basecolors-shape-tram-contrast: #b482fb;
88
- --basecolors-shape-tram-default: #78469a;
89
- --basecolors-shape-walk-contrast: #8284ab;
90
- --basecolors-shape-walk-default: #8d8e9c;
91
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
92
- --basecolors-shape-airportlinkbus-default: #800664;
93
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
94
- --basecolors-shape-airportlinkrail-default: #800664;
95
- --basecolors-stroke-contrast: #aeb7e2;
96
- --basecolors-stroke-default: #181c56;
97
- --basecolors-stroke-disabled: #949699;
98
- --basecolors-stroke-focus-contrast: #aeb7e2;
99
- --basecolors-stroke-focus-standard: #181c56;
100
- --basecolors-stroke-highlight: #ff5959;
101
- --basecolors-stroke-light: #ffffff;
102
- --basecolors-stroke-subdued: #8284ab;
103
- --basecolors-stroke-subduedalt: #e3e6e8;
104
- --basecolors-text-accent: #181c56;
105
- --basecolors-text-disabled: #6e6f73;
106
- --basecolors-text-disabledalt: #b6b8ba;
107
- --basecolors-text-highlight: #ff5959;
108
- --basecolors-text-light: #ffffff;
109
- --basecolors-text-subdued: #626493;
110
- --basecolors-text-subduedalt: #d9dae8;
36
+ :root{
37
+ --basecolors-frame-contrast:#181c56;
38
+ --basecolors-frame-contrastalt:#393d79;
39
+ --basecolors-frame-contrastalt-2:#292b6a;
40
+ --basecolors-frame-default:#ffffff;
41
+ --basecolors-frame-elevated:#ffffff;
42
+ --basecolors-frame-elevatedalt:#f6f6f9;
43
+ --basecolors-frame-subdued:#d9dae8;
44
+ --basecolors-frame-tint:#f6f6f9;
45
+ --basecolors-shape-accent:#181c56;
46
+ --basecolors-shape-bicycle-contrast:#00db9b;
47
+ --basecolors-shape-bicycle-default:#33826b;
48
+ --basecolors-shape-bus-contrast:#ff6392;
49
+ --basecolors-shape-bus-default:#c5044e;
50
+ --basecolors-shape-cableway-contrast:#b482fb;
51
+ --basecolors-shape-cableway-default:#78469a;
52
+ --basecolors-shape-disabled:#6e6f73;
53
+ --basecolors-shape-disabledalt:#b6b8ba;
54
+ --basecolors-shape-ferry-contrast:#6fdfff;
55
+ --basecolors-shape-ferry-default:#0c6693;
56
+ --basecolors-shape-funicular-contrast:#b482fb;
57
+ --basecolors-shape-funicular-default:#78469a;
58
+ --basecolors-shape-helicopter-contrast:#fbafea;
59
+ --basecolors-shape-helicopter-default:#800664;
60
+ --basecolors-shape-highlight:#ff5959;
61
+ --basecolors-shape-light:#ffffff;
62
+ --basecolors-shape-mask:#ffffff;
63
+ --basecolors-shape-maskalt:#ffffff;
64
+ --basecolors-shape-metro-contrast:#f08901;
65
+ --basecolors-shape-metro-default:#bf5826;
66
+ --basecolors-shape-mobility-contrast:#00db9b;
67
+ --basecolors-shape-mobility-default:#33826b;
68
+ --basecolors-shape-plane-contrast:#fbafea;
69
+ --basecolors-shape-plane-default:#800664;
70
+ --basecolors-shape-subdued:#626493;
71
+ --basecolors-shape-subduedalt:#d9dae8;
72
+ --basecolors-shape-taxi-contrast:#ffe082;
73
+ --basecolors-shape-taxi-default:#3d3e40;
74
+ --basecolors-shape-train-contrast:#42a5f5;
75
+ --basecolors-shape-train-default:#00367f;
76
+ --basecolors-shape-tram-contrast:#b482fb;
77
+ --basecolors-shape-tram-default:#78469a;
78
+ --basecolors-shape-walk-contrast:#8284ab;
79
+ --basecolors-shape-walk-default:#8d8e9c;
80
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
81
+ --basecolors-shape-airportlinkbus-default:#800664;
82
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
83
+ --basecolors-shape-airportlinkrail-default:#800664;
84
+ --basecolors-stroke-contrast:#aeb7e2;
85
+ --basecolors-stroke-default:#181c56;
86
+ --basecolors-stroke-disabled:#949699;
87
+ --basecolors-stroke-focus-contrast:#aeb7e2;
88
+ --basecolors-stroke-focus-standard:#181c56;
89
+ --basecolors-stroke-highlight:#ff5959;
90
+ --basecolors-stroke-light:#ffffff;
91
+ --basecolors-stroke-subdued:#8284ab;
92
+ --basecolors-stroke-subduedalt:#e3e6e8;
93
+ --basecolors-text-accent:#181c56;
94
+ --basecolors-text-disabled:#6e6f73;
95
+ --basecolors-text-disabledalt:#b6b8ba;
96
+ --basecolors-text-highlight:#ff5959;
97
+ --basecolors-text-light:#ffffff;
98
+ --basecolors-text-subdued:#626493;
99
+ --basecolors-text-subduedalt:#d9dae8;
111
100
  }
112
101
 
113
- [data-color-mode=dark] {
114
- --basecolors-frame-contrast: #212233;
115
- --basecolors-frame-contrastalt: #141527;
116
- --basecolors-frame-contrastalt-2: #08091c;
117
- --basecolors-frame-default: #08091c;
118
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
119
- --basecolors-frame-elevatedalt: #464755;
120
- --basecolors-frame-subdued: #2d2e3e;
121
- --basecolors-frame-tint: #141527;
122
- --basecolors-shape-accent: #e5e5e9;
123
- --basecolors-shape-bicycle-contrast: #4db295;
124
- --basecolors-shape-bicycle-default: #4db295;
125
- --basecolors-shape-bus-contrast: #ef7398;
126
- --basecolors-shape-bus-default: #ef7398;
127
- --basecolors-shape-cableway-contrast: #b898e5;
128
- --basecolors-shape-cableway-default: #b898e5;
129
- --basecolors-shape-disabled: #b6b8ba;
130
- --basecolors-shape-disabledalt: #b3b4bd;
131
- --basecolors-shape-ferry-contrast: #8ccfe2;
132
- --basecolors-shape-ferry-default: #8ccfe2;
133
- --basecolors-shape-funicular-contrast: #b898e5;
134
- --basecolors-shape-funicular-default: #b898e5;
135
- --basecolors-shape-helicopter-contrast: #f2b8e5;
136
- --basecolors-shape-helicopter-default: #f2b8e5;
137
- --basecolors-shape-highlight: #ff9494;
138
- --basecolors-shape-light: #e5e5e9;
139
- --basecolors-shape-mask: #2d2e3e;
140
- --basecolors-shape-maskalt: #393a49;
141
- --basecolors-shape-metro-contrast: #dd973c;
142
- --basecolors-shape-metro-default: #dd973c;
143
- --basecolors-shape-mobility-contrast: #4db295;
144
- --basecolors-shape-mobility-default: #4db295;
145
- --basecolors-shape-plane-contrast: #f2b8e5;
146
- --basecolors-shape-plane-default: #f2b8e5;
147
- --basecolors-shape-subdued: #b3b4bd;
148
- --basecolors-shape-subduedalt: #b3b4bd;
149
- --basecolors-shape-taxi-contrast: #ffe082;
150
- --basecolors-shape-taxi-default: #ffe082;
151
- --basecolors-shape-train-contrast: #60a2d7;
152
- --basecolors-shape-train-default: #60a2d7;
153
- --basecolors-shape-tram-contrast: #b898e5;
154
- --basecolors-shape-tram-default: #b898e5;
155
- --basecolors-shape-walk-contrast: #8d8e9c;
156
- --basecolors-shape-walk-default: #8d8e9c;
157
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
158
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
159
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
160
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
161
- --basecolors-stroke-contrast: #aeb7e2;
162
- --basecolors-stroke-default: #b3b4bd;
163
- --basecolors-stroke-disabled: #e3e6e8;
164
- --basecolors-stroke-focus-contrast: #aeb7e2;
165
- --basecolors-stroke-focus-standard: #aeb7e2;
166
- --basecolors-stroke-highlight: #ff9494;
167
- --basecolors-stroke-light: #b3b4bd;
168
- --basecolors-stroke-subdued: #81828f;
169
- --basecolors-stroke-subduedalt: #949699;
170
- --basecolors-text-accent: #e5e5e9;
171
- --basecolors-text-disabled: #b6b8ba;
172
- --basecolors-text-disabledalt: #b6b8ba;
173
- --basecolors-text-highlight: #ff9494;
174
- --basecolors-text-light: #e5e5e9;
175
- --basecolors-text-subdued: #b3b4bd;
176
- --basecolors-text-subduedalt: #b3b4bd;
102
+ [data-color-mode=dark]{
103
+ --basecolors-frame-contrast:#212233;
104
+ --basecolors-frame-contrastalt:#141527;
105
+ --basecolors-frame-contrastalt-2:#08091c;
106
+ --basecolors-frame-default:#08091c;
107
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
108
+ --basecolors-frame-elevatedalt:#464755;
109
+ --basecolors-frame-subdued:#2d2e3e;
110
+ --basecolors-frame-tint:#141527;
111
+ --basecolors-shape-accent:#e5e5e9;
112
+ --basecolors-shape-bicycle-contrast:#4db295;
113
+ --basecolors-shape-bicycle-default:#4db295;
114
+ --basecolors-shape-bus-contrast:#ef7398;
115
+ --basecolors-shape-bus-default:#ef7398;
116
+ --basecolors-shape-cableway-contrast:#b898e5;
117
+ --basecolors-shape-cableway-default:#b898e5;
118
+ --basecolors-shape-disabled:#b6b8ba;
119
+ --basecolors-shape-disabledalt:#b3b4bd;
120
+ --basecolors-shape-ferry-contrast:#8ccfe2;
121
+ --basecolors-shape-ferry-default:#8ccfe2;
122
+ --basecolors-shape-funicular-contrast:#b898e5;
123
+ --basecolors-shape-funicular-default:#b898e5;
124
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
125
+ --basecolors-shape-helicopter-default:#f2b8e5;
126
+ --basecolors-shape-highlight:#ff9494;
127
+ --basecolors-shape-light:#e5e5e9;
128
+ --basecolors-shape-mask:#2d2e3e;
129
+ --basecolors-shape-maskalt:#393a49;
130
+ --basecolors-shape-metro-contrast:#dd973c;
131
+ --basecolors-shape-metro-default:#dd973c;
132
+ --basecolors-shape-mobility-contrast:#4db295;
133
+ --basecolors-shape-mobility-default:#4db295;
134
+ --basecolors-shape-plane-contrast:#f2b8e5;
135
+ --basecolors-shape-plane-default:#f2b8e5;
136
+ --basecolors-shape-subdued:#b3b4bd;
137
+ --basecolors-shape-subduedalt:#b3b4bd;
138
+ --basecolors-shape-taxi-contrast:#ffe082;
139
+ --basecolors-shape-taxi-default:#ffe082;
140
+ --basecolors-shape-train-contrast:#60a2d7;
141
+ --basecolors-shape-train-default:#60a2d7;
142
+ --basecolors-shape-tram-contrast:#b898e5;
143
+ --basecolors-shape-tram-default:#b898e5;
144
+ --basecolors-shape-walk-contrast:#8d8e9c;
145
+ --basecolors-shape-walk-default:#8d8e9c;
146
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
147
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
148
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
149
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
150
+ --basecolors-stroke-contrast:#aeb7e2;
151
+ --basecolors-stroke-default:#b3b4bd;
152
+ --basecolors-stroke-disabled:#e3e6e8;
153
+ --basecolors-stroke-focus-contrast:#aeb7e2;
154
+ --basecolors-stroke-focus-standard:#aeb7e2;
155
+ --basecolors-stroke-highlight:#ff9494;
156
+ --basecolors-stroke-light:#b3b4bd;
157
+ --basecolors-stroke-subdued:#81828f;
158
+ --basecolors-stroke-subduedalt:#949699;
159
+ --basecolors-text-accent:#e5e5e9;
160
+ --basecolors-text-disabled:#b6b8ba;
161
+ --basecolors-text-disabledalt:#b6b8ba;
162
+ --basecolors-text-highlight:#ff9494;
163
+ --basecolors-text-light:#e5e5e9;
164
+ --basecolors-text-subdued:#b3b4bd;
165
+ --basecolors-text-subduedalt:#b3b4bd;
177
166
  }
178
167
 
179
- :root {
180
- --eds-expand: 1;
168
+ :root{
169
+ --eds-expand:1;
181
170
  }
182
171
 
183
- @media (prefers-reduced-motion) {
184
- .ReactCollapse--collapse {
185
- transition: none !important;
172
+ @media (prefers-reduced-motion){
173
+ .ReactCollapse--collapse{
174
+ -webkit-transition:none !important;
175
+ -o-transition:none !important;
176
+ -moz-transition:none !important;
177
+ transition:none !important;
186
178
  }
187
- .eds-expandable-arrow {
188
- transition: none !important;
179
+ .eds-expandable-arrow{
180
+ -webkit-transition:none !important;
181
+ -o-transition:none !important;
182
+ -moz-transition:none !important;
183
+ transition:none !important;
189
184
  }
190
- }/* DO NOT CHANGE!*/
191
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
192
- .ReactCollapse--collapse {
193
- transition: height 0.5s ease-out;
194
- }/* DO NOT CHANGE!*/
195
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
196
- .eds-expandable-arrow {
197
- color: var(--components-expand-expandablepanel-standard-icon);
198
- transition: 0.2s transform ease-out;
185
+ }.ReactCollapse--collapse{
186
+ -webkit-transition:height 0.5s ease-out;
187
+ -o-transition:height 0.5s ease-out;
188
+ -moz-transition:height 0.5s ease-out;
189
+ transition:height 0.5s ease-out;
190
+ }.eds-expandable-arrow{
191
+ color:var(--components-expand-expandablepanel-standard-icon);
192
+ -webkit-transition:0.2s -webkit-transform ease-out;
193
+ transition:0.2s -webkit-transform ease-out;
194
+ -o-transition:0.2s -o-transform ease-out;
195
+ -moz-transition:0.2s transform ease-out, 0.2s -moz-transform ease-out;
196
+ transition:0.2s transform ease-out;
197
+ transition:0.2s transform ease-out, 0.2s -webkit-transform ease-out, 0.2s -moz-transform ease-out, 0.2s -o-transform ease-out;
199
198
  }
200
- .eds-expandable-arrow--open {
201
- transform: rotate(-180deg);
199
+ .eds-expandable-arrow--open{
200
+ -webkit-transform:rotate(-180deg);
201
+ -moz-transform:rotate(-180deg);
202
+ -o-transform:rotate(-180deg);
203
+ transform:rotate(-180deg);
202
204
  }
203
- .eds-contrast .eds-expandable-arrow {
204
- color: var(--components-expand-expandablepanel-contrast-icon);
205
+ .eds-contrast .eds-expandable-arrow{
206
+ color:var(--components-expand-expandablepanel-contrast-icon);
205
207
  }
206
208
 
207
209
  .eds-expandable-text--disable-animation .eds-expandable-arrow,
208
- .eds-expandable-panel--disable-animation .eds-expandable-arrow {
209
- transition: none;
210
- }/* DO NOT CHANGE!*/
211
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
212
- .eds-expandable-panel {
213
- width: 100%;
214
- position: relative;
210
+ .eds-expandable-panel--disable-animation .eds-expandable-arrow{
211
+ -webkit-transition:none;
212
+ -o-transition:none;
213
+ -moz-transition:none;
214
+ transition:none;
215
+ }.eds-expandable-panel{
216
+ width:100%;
217
+ position:relative;
215
218
  }
216
- .eds-expandable-panel + .eds-expandable-panel {
217
- margin-top: 0.125rem;
219
+ .eds-expandable-panel + .eds-expandable-panel{
220
+ margin-top:0.125rem;
218
221
  }
219
- .eds-expandable-panel:focus, .eds-expandable-panel:focus-within {
220
- z-index: 2;
222
+ .eds-expandable-panel:focus, .eds-expandable-panel:focus-within{
223
+ z-index:2;
221
224
  }
222
- .eds-expandable-panel__grid {
223
- display: grid;
224
- grid-template-columns: auto 2rem;
225
+ .eds-expandable-panel__grid{
226
+ display:grid;
227
+ grid-template-columns:auto 2rem;
225
228
  }
226
- .eds-expandable-panel__trigger {
227
- appearance: none;
228
- background: var(--components-expand-expandablepanel-standard-fill-default);
229
- border: none;
230
- border-radius: 0.25rem;
231
- color: var(--components-expand-expandablepanel-standard-text);
232
- cursor: pointer;
233
- font-family: inherit;
234
- font-size: inherit;
235
- margin: 0;
236
- padding: 1rem 1.5rem 1rem 1.5rem;
237
- text-align: left;
238
- user-select: none;
239
- width: 100%;
240
- word-break: break-word;
229
+ .eds-expandable-panel__trigger{
230
+ -webkit-appearance:none;
231
+ -moz-appearance:none;
232
+ appearance:none;
233
+ background:var(--components-expand-expandablepanel-standard-fill-default);
234
+ border:none;
235
+ -webkit-border-radius:0.25rem;
236
+ -moz-border-radius:0.25rem;
237
+ border-radius:0.25rem;
238
+ color:var(--components-expand-expandablepanel-standard-text);
239
+ cursor:pointer;
240
+ font-family:inherit;
241
+ font-size:inherit;
242
+ margin:0;
243
+ padding:1rem 1.5rem 1rem 1.5rem;
244
+ text-align:left;
245
+ -webkit-user-select:none;
246
+ -moz-user-select:none;
247
+ -ms-user-select:none;
248
+ user-select:none;
249
+ width:100%;
250
+ word-break:break-word;
241
251
  }
242
- .eds-contrast .eds-expandable-panel__trigger {
243
- background: var(--components-expand-expandablepanel-contrast-fill-default);
244
- color: var(--components-expand-expandablepanel-contrast-text);
252
+ .eds-contrast .eds-expandable-panel__trigger{
253
+ background:var(--components-expand-expandablepanel-contrast-fill-default);
254
+ color:var(--components-expand-expandablepanel-contrast-text);
245
255
  }
246
- .eds-expandable-panel__trigger:hover {
247
- background: var(--components-expand-expandablepanel-standard-fill-hover);
256
+ .eds-expandable-panel__trigger:hover{
257
+ background:var(--components-expand-expandablepanel-standard-fill-hover);
248
258
  }
249
- .eds-contrast .eds-expandable-panel__trigger:hover {
250
- background: var(--components-expand-expandablepanel-contrast-fill-hover);
259
+ .eds-contrast .eds-expandable-panel__trigger:hover{
260
+ background:var(--components-expand-expandablepanel-contrast-fill-hover);
251
261
  }
252
- .eds-expandable-panel__trigger:focus-visible {
253
- outline: 2px solid #181c56;
254
- outline-color: var(--basecolors-stroke-focus-standard);
255
- outline-offset: 0.125rem;
262
+ .eds-expandable-panel__trigger:focus-visible{
263
+ outline:2px solid #181c56;
264
+ outline-color:var(--basecolors-stroke-focus-standard);
265
+ outline-offset:0.125rem;
256
266
  }
257
- .eds-contrast .eds-expandable-panel__trigger:focus-visible {
258
- outline-color: var(--basecolors-stroke-focus-contrast);
267
+ .eds-contrast .eds-expandable-panel__trigger:focus-visible{
268
+ outline-color:var(--basecolors-stroke-focus-contrast);
259
269
  }
260
- .eds-expandable-panel__icon-container {
261
- display: flex;
262
- align-items: center;
263
- justify-content: flex-end;
270
+ .eds-expandable-panel__icon-container{
271
+ display:-webkit-box;
272
+ display:-webkit-flex;
273
+ display:-moz-box;
274
+ display:flex;
275
+ -webkit-box-align:center;
276
+ -webkit-align-items:center;
277
+ -moz-box-align:center;
278
+ align-items:center;
279
+ -webkit-box-pack:end;
280
+ -webkit-justify-content:flex-end;
281
+ -moz-box-pack:end;
282
+ justify-content:flex-end;
264
283
  }
265
- .eds-expandable-panel__content {
266
- overflow: auto;
267
- padding: 1rem 1rem 1rem 1.5rem;
284
+ .eds-expandable-panel__content{
285
+ overflow:auto;
286
+ padding:1rem 1rem 1rem 1.5rem;
268
287
  }
269
- .eds-expandable-panel .ReactCollapse--collapse {
270
- transition: height 0.5s ease-out;
288
+ .eds-expandable-panel .ReactCollapse--collapse{
289
+ -webkit-transition:height 0.5s ease-out;
290
+ -o-transition:height 0.5s ease-out;
291
+ -moz-transition:height 0.5s ease-out;
292
+ transition:height 0.5s ease-out;
271
293
  }
272
- .eds-expandable-panel--disable-animation .ReactCollapse--collapse {
273
- transition: none;
274
- }/* DO NOT CHANGE!*/
275
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
276
- .eds-expandable-text__trigger {
277
- appearance: none;
278
- margin: 0;
279
- border: none;
280
- padding: 0.5rem 0;
281
- cursor: pointer;
282
- font-family: inherit;
283
- color: var(--components-expand-expandabletext-standard-text);
284
- background: inherit;
285
- font-size: inherit;
286
- display: flex;
287
- align-items: center;
294
+ .eds-expandable-panel--disable-animation .ReactCollapse--collapse{
295
+ -webkit-transition:none;
296
+ -o-transition:none;
297
+ -moz-transition:none;
298
+ transition:none;
299
+ }.eds-expandable-text__trigger{
300
+ -webkit-appearance:none;
301
+ -moz-appearance:none;
302
+ appearance:none;
303
+ margin:0;
304
+ border:none;
305
+ padding:0.5rem 0;
306
+ cursor:pointer;
307
+ font-family:inherit;
308
+ color:var(--components-expand-expandabletext-standard-text);
309
+ background:inherit;
310
+ font-size:inherit;
311
+ display:-webkit-box;
312
+ display:-webkit-flex;
313
+ display:-moz-box;
314
+ display:flex;
315
+ -webkit-box-align:center;
316
+ -webkit-align-items:center;
317
+ -moz-box-align:center;
318
+ align-items:center;
288
319
  }
289
- .eds-contrast .eds-expandable-text__trigger {
290
- color: var(--components-expand-expandabletext-contrast-text);
320
+ .eds-contrast .eds-expandable-text__trigger{
321
+ color:var(--components-expand-expandabletext-contrast-text);
291
322
  }
292
- .eds-expandable-text__trigger > :is(h5, h4, h3, h2, p) {
293
- margin-top: 0;
294
- margin-bottom: 0;
323
+ .eds-expandable-text__trigger > h5, .eds-expandable-text__trigger > h4, .eds-expandable-text__trigger > h3, .eds-expandable-text__trigger > h2, .eds-expandable-text__trigger > p{
324
+ margin-top:0;
325
+ margin-bottom:0;
295
326
  }
296
- .eds-expandable-text__trigger:focus-visible {
297
- outline: 2px solid #181c56;
298
- outline-color: var(--basecolors-stroke-focus-standard);
299
- outline-offset: 0.125rem;
327
+ .eds-expandable-text__trigger:focus-visible{
328
+ outline:2px solid #181c56;
329
+ outline-color:var(--basecolors-stroke-focus-standard);
330
+ outline-offset:0.125rem;
300
331
  }
301
- .eds-contrast .eds-expandable-text__trigger:focus-visible {
302
- outline-color: var(--basecolors-stroke-focus-contrast);
332
+ .eds-contrast .eds-expandable-text__trigger:focus-visible{
333
+ outline-color:var(--basecolors-stroke-focus-contrast);
303
334
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/expand",
3
- "version": "3.6.17",
3
+ "version": "3.6.19-beta.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/expand.cjs.js",
6
6
  "module": "dist/expand.esm.js",
@@ -27,9 +27,9 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/icons": "^8.1.0",
30
+ "@entur/icons": "^8.3.0-beta.0",
31
31
  "@entur/tokens": "^3.20.0",
32
- "@entur/typography": "^2.0.2",
32
+ "@entur/typography": "^2.0.4-beta.0",
33
33
  "@entur/utils": "^0.12.5",
34
34
  "classnames": "^2.5.1",
35
35
  "react-collapse": "^5.1.1"
@@ -48,5 +48,5 @@
48
48
  "vite": "^7.1.3",
49
49
  "vite-plugin-dts": "^4.5.4"
50
50
  },
51
- "gitHead": "031dca8f0e9aab9109c4a8005b53d23cab52e547"
51
+ "gitHead": "e3da53c27deec5444106581c2339049814f633fe"
52
52
  }