@entur/layout 2.3.21-RC.0 → 2.3.21-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.
- package/dist/styles.css +117 -117
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -21,96 +21,6 @@
|
|
|
21
21
|
}
|
|
22
22
|
/* DO NOT CHANGE!*/
|
|
23
23
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
24
|
-
.eds-media-card {
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
position: relative;
|
|
28
|
-
width: -moz-fit-content;
|
|
29
|
-
width: fit-content;
|
|
30
|
-
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
31
|
-
background-color: var(--components-layout-card-standard-fill-default);
|
|
32
|
-
}
|
|
33
|
-
.eds-contrast .eds-media-card {
|
|
34
|
-
background-color: var(--components-layout-card-contrast-fill-default);
|
|
35
|
-
}
|
|
36
|
-
.eds-media-card:focus, .eds-media-card[focus-within] {
|
|
37
|
-
outline: 2px solid #181c56;
|
|
38
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
39
|
-
outline-offset: 0.125rem;
|
|
40
|
-
}
|
|
41
|
-
.eds-media-card:focus, .eds-media-card:focus-within {
|
|
42
|
-
outline: 2px solid #181c56;
|
|
43
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
44
|
-
outline-offset: 0.125rem;
|
|
45
|
-
}
|
|
46
|
-
.eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card[focus-within] {
|
|
47
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
48
|
-
}
|
|
49
|
-
.eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card:focus-within {
|
|
50
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
51
|
-
}
|
|
52
|
-
.eds-media-card:hover {
|
|
53
|
-
transform: translateY(-0.25rem);
|
|
54
|
-
box-shadow: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.1);
|
|
55
|
-
}
|
|
56
|
-
.eds-media-card__media {
|
|
57
|
-
transition: transform 0.2s ease-in-out;
|
|
58
|
-
max-height: 15rem;
|
|
59
|
-
display: flex;
|
|
60
|
-
align-items: center;
|
|
61
|
-
justify-content: center;
|
|
62
|
-
overflow: hidden;
|
|
63
|
-
}
|
|
64
|
-
.eds-media-card__media img {
|
|
65
|
-
width: 100%;
|
|
66
|
-
height: 100%;
|
|
67
|
-
-o-object-fit: cover;
|
|
68
|
-
object-fit: cover;
|
|
69
|
-
}
|
|
70
|
-
.eds-media-card__text {
|
|
71
|
-
-webkit-appearance: none;
|
|
72
|
-
-moz-appearance: none;
|
|
73
|
-
appearance: none;
|
|
74
|
-
width: 100%;
|
|
75
|
-
color: inherit;
|
|
76
|
-
display: flex;
|
|
77
|
-
flex-direction: column;
|
|
78
|
-
text-decoration: none;
|
|
79
|
-
padding: 1.25rem 2rem 0;
|
|
80
|
-
}
|
|
81
|
-
.eds-media-card__text:focus {
|
|
82
|
-
outline: none;
|
|
83
|
-
}
|
|
84
|
-
.eds-media-card__text__title {
|
|
85
|
-
font-size: 1.5rem;
|
|
86
|
-
line-height: 1.875rem;
|
|
87
|
-
font-weight: 600;
|
|
88
|
-
margin: 0.75rem 0 0.5rem;
|
|
89
|
-
}
|
|
90
|
-
.eds-media-card__text__title-link {
|
|
91
|
-
-webkit-appearance: none;
|
|
92
|
-
-moz-appearance: none;
|
|
93
|
-
appearance: none;
|
|
94
|
-
all: unset;
|
|
95
|
-
}
|
|
96
|
-
.eds-media-card__text__title-link::after {
|
|
97
|
-
position: absolute;
|
|
98
|
-
content: "";
|
|
99
|
-
top: 0;
|
|
100
|
-
left: 0;
|
|
101
|
-
bottom: 0;
|
|
102
|
-
right: 0;
|
|
103
|
-
cursor: pointer;
|
|
104
|
-
}
|
|
105
|
-
.eds-media-card__text__title-link:focus {
|
|
106
|
-
outline: none;
|
|
107
|
-
}
|
|
108
|
-
.eds-media-card__arrow-icon {
|
|
109
|
-
align-self: flex-end;
|
|
110
|
-
margin: 1rem 0 1.5rem;
|
|
111
|
-
}
|
|
112
|
-
/* DO NOT CHANGE!*/
|
|
113
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
114
24
|
.eds-navigation-card {
|
|
115
25
|
display: flex;
|
|
116
26
|
flex-direction: column;
|
|
@@ -206,6 +116,96 @@
|
|
|
206
116
|
}
|
|
207
117
|
/* DO NOT CHANGE!*/
|
|
208
118
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
119
|
+
.eds-media-card {
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
overflow: hidden;
|
|
122
|
+
position: relative;
|
|
123
|
+
width: -moz-fit-content;
|
|
124
|
+
width: fit-content;
|
|
125
|
+
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
126
|
+
background-color: var(--components-layout-card-standard-fill-default);
|
|
127
|
+
}
|
|
128
|
+
.eds-contrast .eds-media-card {
|
|
129
|
+
background-color: var(--components-layout-card-contrast-fill-default);
|
|
130
|
+
}
|
|
131
|
+
.eds-media-card:focus, .eds-media-card[focus-within] {
|
|
132
|
+
outline: 2px solid #181c56;
|
|
133
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
134
|
+
outline-offset: 0.125rem;
|
|
135
|
+
}
|
|
136
|
+
.eds-media-card:focus, .eds-media-card:focus-within {
|
|
137
|
+
outline: 2px solid #181c56;
|
|
138
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
139
|
+
outline-offset: 0.125rem;
|
|
140
|
+
}
|
|
141
|
+
.eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card[focus-within] {
|
|
142
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
143
|
+
}
|
|
144
|
+
.eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card:focus-within {
|
|
145
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
146
|
+
}
|
|
147
|
+
.eds-media-card:hover {
|
|
148
|
+
transform: translateY(-0.25rem);
|
|
149
|
+
box-shadow: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.1);
|
|
150
|
+
}
|
|
151
|
+
.eds-media-card__media {
|
|
152
|
+
transition: transform 0.2s ease-in-out;
|
|
153
|
+
max-height: 15rem;
|
|
154
|
+
display: flex;
|
|
155
|
+
align-items: center;
|
|
156
|
+
justify-content: center;
|
|
157
|
+
overflow: hidden;
|
|
158
|
+
}
|
|
159
|
+
.eds-media-card__media img {
|
|
160
|
+
width: 100%;
|
|
161
|
+
height: 100%;
|
|
162
|
+
-o-object-fit: cover;
|
|
163
|
+
object-fit: cover;
|
|
164
|
+
}
|
|
165
|
+
.eds-media-card__text {
|
|
166
|
+
-webkit-appearance: none;
|
|
167
|
+
-moz-appearance: none;
|
|
168
|
+
appearance: none;
|
|
169
|
+
width: 100%;
|
|
170
|
+
color: inherit;
|
|
171
|
+
display: flex;
|
|
172
|
+
flex-direction: column;
|
|
173
|
+
text-decoration: none;
|
|
174
|
+
padding: 1.25rem 2rem 0;
|
|
175
|
+
}
|
|
176
|
+
.eds-media-card__text:focus {
|
|
177
|
+
outline: none;
|
|
178
|
+
}
|
|
179
|
+
.eds-media-card__text__title {
|
|
180
|
+
font-size: 1.5rem;
|
|
181
|
+
line-height: 1.875rem;
|
|
182
|
+
font-weight: 600;
|
|
183
|
+
margin: 0.75rem 0 0.5rem;
|
|
184
|
+
}
|
|
185
|
+
.eds-media-card__text__title-link {
|
|
186
|
+
-webkit-appearance: none;
|
|
187
|
+
-moz-appearance: none;
|
|
188
|
+
appearance: none;
|
|
189
|
+
all: unset;
|
|
190
|
+
}
|
|
191
|
+
.eds-media-card__text__title-link::after {
|
|
192
|
+
position: absolute;
|
|
193
|
+
content: "";
|
|
194
|
+
top: 0;
|
|
195
|
+
left: 0;
|
|
196
|
+
bottom: 0;
|
|
197
|
+
right: 0;
|
|
198
|
+
cursor: pointer;
|
|
199
|
+
}
|
|
200
|
+
.eds-media-card__text__title-link:focus {
|
|
201
|
+
outline: none;
|
|
202
|
+
}
|
|
203
|
+
.eds-media-card__arrow-icon {
|
|
204
|
+
align-self: flex-end;
|
|
205
|
+
margin: 1rem 0 1.5rem;
|
|
206
|
+
}
|
|
207
|
+
/* DO NOT CHANGE!*/
|
|
208
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
209
209
|
.eds-badge {
|
|
210
210
|
display: flex;
|
|
211
211
|
justify-content: center;
|
|
@@ -388,33 +388,6 @@
|
|
|
388
388
|
}
|
|
389
389
|
/* DO NOT CHANGE!*/
|
|
390
390
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
391
|
-
.eds-tag {
|
|
392
|
-
background: #e9e9e9;
|
|
393
|
-
color: #181c56;
|
|
394
|
-
display: inline-block;
|
|
395
|
-
min-width: 2rem;
|
|
396
|
-
padding: 0.25rem 0.75rem;
|
|
397
|
-
font-size: 0.875rem;
|
|
398
|
-
line-height: 1.375rem;
|
|
399
|
-
}
|
|
400
|
-
.eds-tag--leading-icon .eds-icon {
|
|
401
|
-
margin-right: 0.5rem;
|
|
402
|
-
}
|
|
403
|
-
.eds-tag--trailing-icon .eds-icon {
|
|
404
|
-
margin-left: 0.5rem;
|
|
405
|
-
}
|
|
406
|
-
.eds-tag--compact {
|
|
407
|
-
font-size: 0.75rem;
|
|
408
|
-
padding: 0.125rem 0.5rem;
|
|
409
|
-
line-height: 1.25rem;
|
|
410
|
-
height: 1.5rem;
|
|
411
|
-
}
|
|
412
|
-
.eds-tag--compact.eds-tag--leading-icon .eds-icon {
|
|
413
|
-
margin-right: 0.25rem;
|
|
414
|
-
}
|
|
415
|
-
.eds-tag--compact.eds-tag--trailing-icon .eds-icon {
|
|
416
|
-
margin-left: 0.25rem;
|
|
417
|
-
}
|
|
418
391
|
/* DO NOT CHANGE!*/
|
|
419
392
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
420
393
|
/* DO NOT CHANGE!*/
|
|
@@ -716,3 +689,30 @@
|
|
|
716
689
|
}
|
|
717
690
|
/* DO NOT CHANGE!*/
|
|
718
691
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
692
|
+
.eds-tag {
|
|
693
|
+
background: #e9e9e9;
|
|
694
|
+
color: #181c56;
|
|
695
|
+
display: inline-block;
|
|
696
|
+
min-width: 2rem;
|
|
697
|
+
padding: 0.25rem 0.75rem;
|
|
698
|
+
font-size: 0.875rem;
|
|
699
|
+
line-height: 1.375rem;
|
|
700
|
+
}
|
|
701
|
+
.eds-tag--leading-icon .eds-icon {
|
|
702
|
+
margin-right: 0.5rem;
|
|
703
|
+
}
|
|
704
|
+
.eds-tag--trailing-icon .eds-icon {
|
|
705
|
+
margin-left: 0.5rem;
|
|
706
|
+
}
|
|
707
|
+
.eds-tag--compact {
|
|
708
|
+
font-size: 0.75rem;
|
|
709
|
+
padding: 0.125rem 0.5rem;
|
|
710
|
+
line-height: 1.25rem;
|
|
711
|
+
height: 1.5rem;
|
|
712
|
+
}
|
|
713
|
+
.eds-tag--compact.eds-tag--leading-icon .eds-icon {
|
|
714
|
+
margin-right: 0.25rem;
|
|
715
|
+
}
|
|
716
|
+
.eds-tag--compact.eds-tag--trailing-icon .eds-icon {
|
|
717
|
+
margin-left: 0.25rem;
|
|
718
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/layout",
|
|
3
|
-
"version": "2.3.21-
|
|
3
|
+
"version": "2.3.21-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/layout.esm.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^7.5.1-
|
|
31
|
-
"@entur/tokens": "^3.17.4-
|
|
32
|
-
"@entur/typography": "^1.8.50-
|
|
33
|
-
"@entur/utils": "^0.12.2-
|
|
30
|
+
"@entur/icons": "^7.5.1-beta.0",
|
|
31
|
+
"@entur/tokens": "^3.17.4-beta.0",
|
|
32
|
+
"@entur/typography": "^1.8.50-beta.0",
|
|
33
|
+
"@entur/utils": "^0.12.2-beta.0",
|
|
34
34
|
"classnames": "^2.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"dts-cli": "2.0.5"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "b213fa4fd10a1a07abada3fa987b7ee2ed110ac2"
|
|
40
40
|
}
|