@entur/layout 2.1.13 → 2.1.14

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 (8) hide show
  1. package/CHANGELOG.md +412 -0
  2. package/dist/layout.cjs.development.js +53 -37
  3. package/dist/layout.cjs.development.js.map +1 -1
  4. package/dist/layout.cjs.production.min.js.map +1 -1
  5. package/dist/layout.esm.js +53 -37
  6. package/dist/layout.esm.js.map +1 -1
  7. package/dist/styles.css +22 -19
  8. package/package.json +9 -14
package/CHANGELOG.md ADDED
@@ -0,0 +1,412 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ ## [2.1.14](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.11...@entur/layout@2.1.14) (2022-12-09)
7
+
8
+ **Note:** Version bump only for package @entur/layout
9
+
10
+ ## [2.1.13](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.12...@entur/layout@2.1.13) (2022-11-24)
11
+
12
+ **Note:** Version bump only for package @entur/layout
13
+
14
+ ## [2.1.12](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.11...@entur/layout@2.1.12) (2022-10-31)
15
+
16
+ **Note:** Version bump only for package @entur/layout
17
+
18
+ ## [2.1.10](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.9...@entur/layout@2.1.10) (2022-08-31)
19
+
20
+ **Note:** Version bump only for package @entur/layout
21
+
22
+ ## [2.1.9](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.8...@entur/layout@2.1.9) (2022-08-24)
23
+
24
+ **Note:** Version bump only for package @entur/layout
25
+
26
+ ## [2.1.8](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.7...@entur/layout@2.1.8) (2022-08-09)
27
+
28
+ **Note:** Version bump only for package @entur/layout
29
+
30
+ ## [2.1.7](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.6...@entur/layout@2.1.7) (2022-06-02)
31
+
32
+ **Note:** Version bump only for package @entur/layout
33
+
34
+ ## [2.1.6](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.5...@entur/layout@2.1.6) (2022-05-13)
35
+
36
+ **Note:** Version bump only for package @entur/layout
37
+
38
+ ## [2.1.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.4...@entur/layout@2.1.5) (2022-04-27)
39
+
40
+ **Note:** Version bump only for package @entur/layout
41
+
42
+ ## [2.1.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.3...@entur/layout@2.1.4) (2022-02-09)
43
+
44
+ **Note:** Version bump only for package @entur/layout
45
+
46
+ ## [2.1.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.2...@entur/layout@2.1.3) (2021-11-17)
47
+
48
+ **Note:** Version bump only for package @entur/layout
49
+
50
+ ## [2.1.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.1...@entur/layout@2.1.2) (2021-09-23)
51
+
52
+ **Note:** Version bump only for package @entur/layout
53
+
54
+ ## [2.1.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.0...@entur/layout@2.1.1) (2021-09-07)
55
+
56
+ ### Bug Fixes
57
+
58
+ - fix lint warnings ([fecb950](https://bitbucket.org/enturas/design-system/commits/fecb95073921975c0c2eaea313afb63235a63589))
59
+ - utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
60
+
61
+ # [2.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.0.1...@entur/layout@2.1.0) (2021-07-16)
62
+
63
+ ### Features
64
+
65
+ - **media card:** add wholeCardAsElement prop ([77bda47](https://bitbucket.org/enturas/design-system/commits/77bda475dad9f80d4e95d14cc88c225bb35c11db))
66
+
67
+ ## [2.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.0.0...@entur/layout@2.0.1) (2021-06-25)
68
+
69
+ ### Bug Fixes
70
+
71
+ - update dependencies ([8757f55](https://bitbucket.org/enturas/design-system/commits/8757f551ea84321b1fec788636cef6912ba42af8))
72
+
73
+ # [2.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.4...@entur/layout@2.0.0) (2021-06-04)
74
+
75
+ ### Features
76
+
77
+ - add new component notification badge ([738d1db](https://bitbucket.org/enturas/design-system/commits/738d1db64ed9bd99881aea76fcbf77624265eee8))
78
+ - add new component status badge ([f9757ba](https://bitbucket.org/enturas/design-system/commits/f9757ba14e57ea5467c4770c06f4db30570de276))
79
+ - **badge:** add type prop to component ([2aba830](https://bitbucket.org/enturas/design-system/commits/2aba830991cf8267534f8a2feaf89c903ac3b2e6))
80
+ - **bullet badge:** add new component bullet badge ([c6d0bce](https://bitbucket.org/enturas/design-system/commits/c6d0bcea0558576b41829277fa5c2036fb2caaf0))
81
+
82
+ ### BREAKING CHANGES
83
+
84
+ - **badge:** select type after your need, or use the new badge components directly
85
+
86
+ ## [1.10.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.3...@entur/layout@1.10.4) (2021-05-19)
87
+
88
+ ### Bug Fixes
89
+
90
+ - **navigation card:** improve component styling on mobile ([4387991](https://bitbucket.org/enturas/design-system/commits/4387991d6f03531edab250f855de10c2aecfe60b))
91
+
92
+ ## [1.10.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.2...@entur/layout@1.10.3) (2021-04-23)
93
+
94
+ ### Bug Fixes
95
+
96
+ - utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
97
+
98
+ ## [1.10.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.1...@entur/layout@1.10.2) (2021-03-02)
99
+
100
+ **Note:** Version bump only for package @entur/layout
101
+
102
+ ## [1.10.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.0...@entur/layout@1.10.1) (2021-02-17)
103
+
104
+ ### Bug Fixes
105
+
106
+ - **polymorphism:** update polymorphism dependency ([dc4c31d](https://bitbucket.org/enturas/design-system/commits/dc4c31d8e891a46c1f0c1fbd0a6a026c1638accc))
107
+
108
+ # [1.10.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.3...@entur/layout@1.10.0) (2021-01-29)
109
+
110
+ ### Bug Fixes
111
+
112
+ - **navigationcard:** remove arrow icon on non compact cards ([e1d7134](https://bitbucket.org/enturas/design-system/commits/e1d713422adff6cb25b883630ea1a27d4408ca2d))
113
+
114
+ ### Features
115
+
116
+ - **contrast:** export contrast react-context ([793fad7](https://bitbucket.org/enturas/design-system/commits/793fad790e81cc09e171e9226688711da93f8863))
117
+
118
+ ## [1.9.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.2...@entur/layout@1.9.3) (2021-01-20)
119
+
120
+ **Note:** Version bump only for package @entur/layout
121
+
122
+ ## [1.9.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.1...@entur/layout@1.9.2) (2021-01-13)
123
+
124
+ ### Bug Fixes
125
+
126
+ - transpose grey colors for updated color tokens ([d6a444c](https://bitbucket.org/enturas/design-system/commits/d6a444c2c37339b9bac0702738ed52693367d344))
127
+
128
+ ## [1.9.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.0...@entur/layout@1.9.1) (2021-01-05)
129
+
130
+ **Note:** Version bump only for package @entur/layout
131
+
132
+ # [1.9.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.3...@entur/layout@1.9.0) (2020-12-04)
133
+
134
+ ### Bug Fixes
135
+
136
+ - **contrast:** improve typings ([160c495](https://bitbucket.org/enturas/design-system/commits/160c4955687a3a072fd8b806799a27228153f8a9))
137
+
138
+ ### Features
139
+
140
+ - **badge:** add support for polymorphic component typings ([b6aaba5](https://bitbucket.org/enturas/design-system/commits/b6aaba5c9a3424798d5ab94c4d32269fd53576c2))
141
+ - **cards:** add support for polymorphic component typings ([7531e31](https://bitbucket.org/enturas/design-system/commits/7531e31222f924576f8b03d0ebc90fae517e400a))
142
+ - **contrast:** add support for polymorphic component typings ([b2639ad](https://bitbucket.org/enturas/design-system/commits/b2639ad289a30e9dabc213dfb92e9f12b06377d6))
143
+ - **tag:** add support for polymorphic component typings ([a9a4bf0](https://bitbucket.org/enturas/design-system/commits/a9a4bf018543d57951a34284e3721380684dddb4))
144
+
145
+ ## [1.8.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.2...@entur/layout@1.8.3) (2020-11-05)
146
+
147
+ **Note:** Version bump only for package @entur/layout
148
+
149
+ ## [1.8.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.1...@entur/layout@1.8.2) (2020-10-23)
150
+
151
+ **Note:** Version bump only for package @entur/layout
152
+
153
+ ## [1.8.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.0...@entur/layout@1.8.1) (2020-10-09)
154
+
155
+ ### Bug Fixes
156
+
157
+ - **badge:** decrease font weight ([9b7bf2f](https://bitbucket.org/enturas/design-system/commits/9b7bf2f4f6676268cdc33c7461b75b56e6bdc640))
158
+
159
+ # [1.8.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.5...@entur/layout@1.8.0) (2020-09-25)
160
+
161
+ ### Features
162
+
163
+ - **navigation card:** add externallink prop ([37a66de](https://bitbucket.org/enturas/design-system/commits/37a66de4e02022e8a54df3ea68205a05ad5ace6d))
164
+
165
+ ## [1.7.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.4...@entur/layout@1.7.5) (2020-09-14)
166
+
167
+ **Note:** Version bump only for package @entur/layout
168
+
169
+ ## [1.7.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.3...@entur/layout@1.7.4) (2020-09-02)
170
+
171
+ ### Bug Fixes
172
+
173
+ - **media card:** shift font size for new token ([3185b6a](https://bitbucket.org/enturas/design-system/commits/3185b6a474f1ef8c369f6aba53c2b2c28c0fa140))
174
+ - **navigation card:** shift font size for new token ([ed39b1e](https://bitbucket.org/enturas/design-system/commits/ed39b1ecc15b8a06fa40d85c467e2ffd8693b15c))
175
+
176
+ ## [1.7.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.2...@entur/layout@1.7.3) (2020-08-19)
177
+
178
+ **Note:** Version bump only for package @entur/layout
179
+
180
+ ## [1.7.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.1...@entur/layout@1.7.2) (2020-08-11)
181
+
182
+ **Note:** Version bump only for package @entur/layout
183
+
184
+ ## [1.7.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.0...@entur/layout@1.7.1) (2020-07-24)
185
+
186
+ ### Bug Fixes
187
+
188
+ - add forwardref to badge component ([7a2532e](https://bitbucket.org/enturas/design-system/commits/7a2532eda6ed564f0267d918d4ba2ceca3887a9b))
189
+
190
+ # [1.7.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.6.0...@entur/layout@1.7.0) (2020-07-13)
191
+
192
+ ### Features
193
+
194
+ - add forward referencing to Contrast ([63ebcb8](https://bitbucket.org/enturas/design-system/commits/63ebcb8b865b8aa71cfb85331d74292457cb2a13))
195
+ - add info and neutral variant for badge ([d187808](https://bitbucket.org/enturas/design-system/commits/d187808627cd3186b52d6293cd626374ef96fa58))
196
+
197
+ # [1.6.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.5.0...@entur/layout@1.6.0) (2020-07-09)
198
+
199
+ ### Features
200
+
201
+ - add compact prop for tag component ([fe271c1](https://bitbucket.org/enturas/design-system/commits/fe271c11beed22641379cc90634eb54a55d42b6a))
202
+
203
+ # [1.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.4...@entur/layout@1.5.0) (2020-07-03)
204
+
205
+ ### Features
206
+
207
+ - titleicon for compact navcard, and simplified design ([ae0d2e4](https://bitbucket.org/enturas/design-system/commits/ae0d2e4e0e00d65c7edf119d96ef024b9f8eb101))
208
+
209
+ ## [1.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.3...@entur/layout@1.4.4) (2020-06-17)
210
+
211
+ **Note:** Version bump only for package @entur/layout
212
+
213
+ ## [1.4.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.2...@entur/layout@1.4.3) (2020-05-27)
214
+
215
+ **Note:** Version bump only for package @entur/layout
216
+
217
+ ## [1.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.1...@entur/layout@1.4.2) (2020-05-26)
218
+
219
+ **Note:** Version bump only for package @entur/layout
220
+
221
+ ## [1.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.0...@entur/layout@1.4.1) (2020-05-20)
222
+
223
+ **Note:** Version bump only for package @entur/layout
224
+
225
+ # [1.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.6...@entur/layout@1.4.0) (2020-04-27)
226
+
227
+ ### Features
228
+
229
+ - add category prop for media cards ([5ec6540](https://bitbucket.org/enturas/design-system/commits/5ec65404ecf445f44ed223366d817aacf5adc9ac))
230
+
231
+ ## [1.3.6](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.5...@entur/layout@1.3.6) (2020-04-23)
232
+
233
+ ### Bug Fixes
234
+
235
+ - fixed mediacard red-line bug ([d95d1d1](https://bitbucket.org/enturas/design-system/commits/d95d1d1ea190db502c224f135d15fb3f80002806))
236
+ - updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
237
+
238
+ ## [1.3.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.4...@entur/layout@1.3.5) (2020-04-08)
239
+
240
+ ### Bug Fixes
241
+
242
+ - fix border color for cards in contrast ([564aa85](https://bitbucket.org/enturas/design-system/commits/564aa85014b63bda47159fb7782a4a71577e9a7d))
243
+
244
+ ## [1.3.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.2...@entur/layout@1.3.4) (2020-03-25)
245
+
246
+ ### Bug Fixes
247
+
248
+ - add thin border to navigationcards ([b4be3e7](https://bitbucket.org/enturas/design-system/commits/b4be3e71f5146f55f5ab383b9e344b15a2e8f0ab))
249
+
250
+ ## [1.3.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.2...@entur/layout@1.3.3) (2020-03-25)
251
+
252
+ ### Bug Fixes
253
+
254
+ - add thin border to navigationcards ([b4be3e7](https://bitbucket.org/enturas/design-system/commits/b4be3e71f5146f55f5ab383b9e344b15a2e8f0ab))
255
+
256
+ ## [1.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.1...@entur/layout@1.3.2) (2020-03-20)
257
+
258
+ ### Bug Fixes
259
+
260
+ - small styling tweak for cards ([a616522](https://bitbucket.org/enturas/design-system/commits/a61652276e10cd14d836d2241cd160b9b5742d7d))
261
+
262
+ ## [1.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.0...@entur/layout@1.3.1) (2020-03-18)
263
+
264
+ ### Bug Fixes
265
+
266
+ - update styling for card components ([5505e22](https://bitbucket.org/enturas/design-system/commits/5505e224b778d1793a8ec3a56f06eb6aec1b17bc))
267
+
268
+ # [1.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.4...@entur/layout@1.3.0) (2020-02-26)
269
+
270
+ ### Bug Fixes
271
+
272
+ - readjust hover effect for cards ([1f09cb7](https://bitbucket.org/enturas/design-system/commits/1f09cb7242fcec9c0c0927c951c7f76a47e4e0fa))
273
+
274
+ ### Features
275
+
276
+ - adding the tag component ([213edb6](https://bitbucket.org/enturas/design-system/commits/213edb6bcaec751f4eff7a024e87c974d90202ba))
277
+ - **badge:** adding the badge component ([f88f222](https://bitbucket.org/enturas/design-system/commits/f88f22221f66c2376b01773de2245d079014ccd8))
278
+
279
+ ## [1.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.3...@entur/layout@1.2.4) (2020-02-20)
280
+
281
+ ### Bug Fixes
282
+
283
+ - update navigationcard to align with new small typography ([ec23db5](https://bitbucket.org/enturas/design-system/commits/ec23db52ce70a45699a4a74e326f478185d1d729))
284
+
285
+ ## [1.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.2...@entur/layout@1.2.3) (2020-02-14)
286
+
287
+ **Note:** Version bump only for package @entur/layout
288
+
289
+ ## [1.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.1...@entur/layout@1.2.2) (2020-02-10)
290
+
291
+ ### Bug Fixes
292
+
293
+ - remove deprecated and colliding styling ([81f3128](https://bitbucket.org/enturas/design-system/commits/81f3128afb75b74ae9d4e643ca2d7af1b1efabb3))
294
+
295
+ ## [1.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.0...@entur/layout@1.2.1) (2020-02-05)
296
+
297
+ ### Bug Fixes
298
+
299
+ - fixing broken flow for mediacard ([b9069b8](https://bitbucket.org/enturas/design-system/commits/b9069b8bb115f750968ae194f357b72d3f1442ab))
300
+
301
+ # [1.2.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.1.1...@entur/layout@1.2.0) (2020-02-05)
302
+
303
+ ### Bug Fixes
304
+
305
+ - fix contrast styling for card-components ([9490181](https://bitbucket.org/enturas/design-system/commits/9490181256c3f628bde9125e468b6d26d77bc220))
306
+ - remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
307
+ - update look and hover-effect for navigationcard ([05690ac](https://bitbucket.org/enturas/design-system/commits/05690ac39553e2aaf6130d3eca230e009bdd1ff4))
308
+
309
+ ### Features
310
+
311
+ - adding new component: mediacard ([00989a9](https://bitbucket.org/enturas/design-system/commits/00989a9b740b8526db5cc237381bdd982c9a391c))
312
+ - new look and feel for navigationcards ([942398c](https://bitbucket.org/enturas/design-system/commits/942398c7ab5ffc53e96679ce1893738e4eb94066))
313
+
314
+ ## [1.1.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.1.0...@entur/layout@1.1.1) (2020-01-28)
315
+
316
+ **Note:** Version bump only for package @entur/layout
317
+
318
+ # [1.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.5...@entur/layout@1.1.0) (2020-01-27)
319
+
320
+ ### Bug Fixes
321
+
322
+ - update navigationcards to comply with new typography ([3d77634](https://bitbucket.org/enturas/design-system/commits/3d776344dbfdec913f73bc33fcf209d6fdafd088))
323
+ - **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
324
+
325
+ ### Features
326
+
327
+ - adding the useContrast-hook, for contrast awereness in JS/TS ([ba580ef](https://bitbucket.org/enturas/design-system/commits/ba580ef67c7250f7ea7d9ecb0c6662b5ed8449d1))
328
+
329
+ ## [1.0.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.4...@entur/layout@1.0.5) (2020-01-20)
330
+
331
+ **Note:** Version bump only for package @entur/layout
332
+
333
+ ## [1.0.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.3...@entur/layout@1.0.4) (2020-01-14)
334
+
335
+ **Note:** Version bump only for package @entur/layout
336
+
337
+ ## [1.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.2...@entur/layout@1.0.3) (2020-01-13)
338
+
339
+ **Note:** Version bump only for package @entur/layout
340
+
341
+ ## [1.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.1...@entur/layout@1.0.2) (2020-01-08)
342
+
343
+ ### Bug Fixes
344
+
345
+ - warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
346
+
347
+ ## [1.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.0...@entur/layout@1.0.1) (2020-01-06)
348
+
349
+ **Note:** Version bump only for package @entur/layout
350
+
351
+ # [1.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.4.1...@entur/layout@1.0.0) (2019-12-10)
352
+
353
+ ### Bug Fixes
354
+
355
+ - adding default prop as part of documentation ([1ef7510](https://bitbucket.org/enturas/design-system/commits/1ef75107362f6262429d7fe31519b4353eccc8de))
356
+ - **Card:** renaming CardBox/Tab, to NavigationCard ([da9856a](https://bitbucket.org/enturas/design-system/commits/da9856a285136e773825efe6ea4e927fea4a0ef4))
357
+
358
+ ### Features
359
+
360
+ - adding new component Card ([836331f](https://bitbucket.org/enturas/design-system/commits/836331f985baee213d116ec364b19a864d73755f))
361
+
362
+ ### BREAKING CHANGES
363
+
364
+ - **Card:** CardBox and CardTab are renamed to NavigationCard,
365
+ whereas CardBox is a renaming procedure(CardBox -> NavigationCard),
366
+ CardTab is NavigationCard with the compact prop
367
+
368
+ ## [0.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.4.0...@entur/layout@0.4.1) (2019-11-29)
369
+
370
+ ### Bug Fixes
371
+
372
+ - using new box shadow tokens ([9ff30bd](https://bitbucket.org/enturas/design-system/commits/9ff30bd52ad2b6e6d770565684a05e15f0b0ba9a))
373
+
374
+ # [0.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.2...@entur/layout@0.4.0) (2019-11-22)
375
+
376
+ ### Bug Fixes
377
+
378
+ - add missing Props to end of type name ([d28f9c6](https://bitbucket.org/enturas/design-system/commits/d28f9c65dd2ab72c94108cad3dab39c320c95146))
379
+
380
+ ### Features
381
+
382
+ - **types:** exporting all public types for public components ([4a277ab](https://bitbucket.org/enturas/design-system/commits/4a277ab266fdb32a6760821a07b1c6cc716bac85))
383
+
384
+ ## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.1...@entur/layout@0.3.2) (2019-11-18)
385
+
386
+ **Note:** Version bump only for package @entur/layout
387
+
388
+ ## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.0...@entur/layout@0.3.1) (2019-11-14)
389
+
390
+ ### Bug Fixes
391
+
392
+ - **css classnames:** fixing naming collisions with CSS classes ([a93ca43](https://bitbucket.org/enturas/design-system/commits/a93ca435d3a01d61d8f02694a672686b9e943a66))
393
+
394
+ # [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.2...@entur/layout@0.3.0) (2019-11-07)
395
+
396
+ ### Features
397
+
398
+ - **CardComponent:** adding the CardBox and CardTab component to layout ([22a5da2](https://bitbucket.org/enturas/design-system/commits/22a5da2d696736d9074f3b778a753aad960834ab))
399
+
400
+ ## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.1...@entur/layout@0.2.2) (2019-10-30)
401
+
402
+ **Note:** Version bump only for package @entur/layout
403
+
404
+ ## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.0...@entur/layout@0.2.1) (2019-10-22)
405
+
406
+ **Note:** Version bump only for package @entur/layout
407
+
408
+ # 0.2.0 (2019-10-07)
409
+
410
+ ### Features
411
+
412
+ - **layout:** add new package layout ([3ab2559](https://bitbucket.org/enturas/design-system/commits/3ab2559))
package/dist/layout.cjs.development.js CHANGED
@@ -17,26 +17,32 @@ function _extends() {
17
17
  _extends = Object.assign || function (target) {
18
18
  for (var i = 1; i < arguments.length; i++) {
19
19
  var source = arguments[i];
20
+
20
21
  for (var key in source) {
21
22
  if (Object.prototype.hasOwnProperty.call(source, key)) {
22
23
  target[key] = source[key];
23
24
  }
24
25
  }
25
26
  }
27
+
26
28
  return target;
27
29
  };
30
+
28
31
  return _extends.apply(this, arguments);
29
32
  }
33
+
30
34
  function _objectWithoutPropertiesLoose(source, excluded) {
31
35
  if (source == null) return {};
32
36
  var target = {};
33
37
  var sourceKeys = Object.keys(source);
34
38
  var key, i;
39
+
35
40
  for (i = 0; i < sourceKeys.length; i++) {
36
41
  key = sourceKeys[i];
37
42
  if (excluded.indexOf(key) >= 0) continue;
38
43
  target[key] = source[key];
39
44
  }
45
+
40
46
  return target;
41
47
  }
42
48
 
@@ -44,8 +50,9 @@ var _excluded$5 = ["className", "as"];
44
50
  var defaultElement$8 = 'div';
45
51
  var Contrast = /*#__PURE__*/React__default["default"].forwardRef(function Contrast(_ref, ref) {
46
52
  var className = _ref.className,
47
- as = _ref.as,
48
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
53
+ as = _ref.as,
54
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
55
+
49
56
  var Element = as || defaultElement$8;
50
57
  return React__default["default"].createElement(ContrastContext.Provider, {
51
58
  value: true
@@ -63,9 +70,10 @@ var _excluded$4 = ["children", "className", "as"];
63
70
  var defaultElement$7 = 'div';
64
71
  var BaseCard = function BaseCard(_ref) {
65
72
  var children = _ref.children,
66
- className = _ref.className,
67
- as = _ref.as,
68
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
73
+ className = _ref.className,
74
+ as = _ref.as,
75
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
76
+
69
77
  var Element = as || defaultElement$7;
70
78
  var classList = classNames__default["default"]('eds-base-card', className);
71
79
  return React__default["default"].createElement(Element, _extends({
@@ -77,15 +85,16 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
77
85
  var defaultElement$6 = 'a';
78
86
  var NavigationCard = function NavigationCard(_ref) {
79
87
  var title = _ref.title,
80
- children = _ref.children,
81
- titleIcon = _ref.titleIcon,
82
- _ref$compact = _ref.compact,
83
- compact = _ref$compact === void 0 ? false : _ref$compact,
84
- className = _ref.className,
85
- _ref$externalLink = _ref.externalLink,
86
- externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
87
- as = _ref.as,
88
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
88
+ children = _ref.children,
89
+ titleIcon = _ref.titleIcon,
90
+ _ref$compact = _ref.compact,
91
+ compact = _ref$compact === void 0 ? false : _ref$compact,
92
+ className = _ref.className,
93
+ _ref$externalLink = _ref.externalLink,
94
+ externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
95
+ as = _ref.as,
96
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
97
+
89
98
  var Element = as || defaultElement$6;
90
99
  var classList = classNames__default["default"]('eds-navigation-card', className, {
91
100
  'eds-base-card--red-line': compact,
@@ -115,14 +124,15 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
115
124
  var defaultElement$5 = 'a';
116
125
  var MediaCard = function MediaCard(_ref) {
117
126
  var title = _ref.title,
118
- description = _ref.description,
119
- children = _ref.children,
120
- className = _ref.className,
121
- category = _ref.category,
122
- style = _ref.style,
123
- as = _ref.as,
124
- whole = _ref.wholeCardAsElement,
125
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
127
+ description = _ref.description,
128
+ children = _ref.children,
129
+ className = _ref.className,
130
+ category = _ref.category,
131
+ style = _ref.style,
132
+ as = _ref.as,
133
+ whole = _ref.wholeCardAsElement,
134
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
135
+
126
136
  var Element = as || defaultElement$5;
127
137
  var classList = classNames__default["default"]('eds-base-card', 'eds-media-card', className);
128
138
  var wrapperElement = whole ? Element : 'div';
@@ -150,28 +160,33 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
150
160
  var defaultElement$4 = 'span';
151
161
  var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
152
162
  var children = _ref.children,
153
- _ref$max = _ref.max,
154
- max = _ref$max === void 0 ? 99 : _ref$max,
155
- variant = _ref.variant,
156
- _ref$showZero = _ref.showZero,
157
- showZero = _ref$showZero === void 0 ? false : _ref$showZero,
158
- _ref$invisible = _ref.invisible,
159
- invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
160
- as = _ref.as,
161
- _ref$type = _ref.type,
162
- type = _ref$type === void 0 ? 'status' : _ref$type,
163
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
163
+ _ref$max = _ref.max,
164
+ max = _ref$max === void 0 ? 99 : _ref$max,
165
+ variant = _ref.variant,
166
+ _ref$showZero = _ref.showZero,
167
+ showZero = _ref$showZero === void 0 ? false : _ref$showZero,
168
+ _ref$invisible = _ref.invisible,
169
+ invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
170
+ as = _ref.as,
171
+ _ref$type = _ref.type,
172
+ type = _ref$type === void 0 ? 'status' : _ref$type,
173
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
174
+
164
175
  var Element = as || defaultElement$4;
165
176
  var invisible = invisibleProp;
177
+
166
178
  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
167
179
  invisible = true;
168
180
  }
181
+
169
182
  var displayValue;
183
+
170
184
  if (typeof children === 'number') {
171
185
  displayValue = children > max ? max + "+" : children;
172
186
  } else {
173
187
  displayValue = children;
174
188
  }
189
+
175
190
  var classList = classNames__default["default"]('eds-badge', {
176
191
  'eds-badge--invisible': invisible,
177
192
  'eds-badge--show-zero': showZero
@@ -219,10 +234,11 @@ var _excluded = ["className", "children", "compact", "as"];
219
234
  var defaultElement = 'div';
220
235
  var Tag = function Tag(_ref) {
221
236
  var className = _ref.className,
222
- children = _ref.children,
223
- compact = _ref.compact,
224
- as = _ref.as,
225
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
237
+ children = _ref.children,
238
+ compact = _ref.compact,
239
+ as = _ref.as,
240
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
241
+
226
242
  var Element = as || defaultElement;
227
243
  var childrenArray = React__default["default"].Children.toArray(children);
228
244
  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
package/dist/layout.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"layout.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
package/dist/layout.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout.cjs.production.min.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/index.tsx","../src/MediaCard.tsx","../src/NavigationCard.tsx","../src/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n"],"names":["Contrast","React","forwardRef","ref","className","as","rest","ContrastContext","Provider","value","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
1
+ {"version":3,"file":"layout.cjs.production.min.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/index.tsx","../src/MediaCard.tsx","../src/NavigationCard.tsx","../src/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n"],"names":["Contrast","React","forwardRef","ref","className","as","rest","ContrastContext","Provider","value","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","max","variant","showZero","invisible","invisibleProp","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","compact","externalLink","Heading3","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
package/dist/layout.esm.js CHANGED
@@ -8,26 +8,32 @@ function _extends() {
8
8
  _extends = Object.assign || function (target) {
9
9
  for (var i = 1; i < arguments.length; i++) {
10
10
  var source = arguments[i];
11
+
11
12
  for (var key in source) {
12
13
  if (Object.prototype.hasOwnProperty.call(source, key)) {
13
14
  target[key] = source[key];
14
15
  }
15
16
  }
16
17
  }
18
+
17
19
  return target;
18
20
  };
21
+
19
22
  return _extends.apply(this, arguments);
20
23
  }
24
+
21
25
  function _objectWithoutPropertiesLoose(source, excluded) {
22
26
  if (source == null) return {};
23
27
  var target = {};
24
28
  var sourceKeys = Object.keys(source);
25
29
  var key, i;
30
+
26
31
  for (i = 0; i < sourceKeys.length; i++) {
27
32
  key = sourceKeys[i];
28
33
  if (excluded.indexOf(key) >= 0) continue;
29
34
  target[key] = source[key];
30
35
  }
36
+
31
37
  return target;
32
38
  }
33
39
 
@@ -35,8 +41,9 @@ var _excluded$5 = ["className", "as"];
35
41
  var defaultElement$8 = 'div';
36
42
  var Contrast = /*#__PURE__*/React.forwardRef(function Contrast(_ref, ref) {
37
43
  var className = _ref.className,
38
- as = _ref.as,
39
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
44
+ as = _ref.as,
45
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
46
+
40
47
  var Element = as || defaultElement$8;
41
48
  return React.createElement(ContrastContext.Provider, {
42
49
  value: true
@@ -54,9 +61,10 @@ var _excluded$4 = ["children", "className", "as"];
54
61
  var defaultElement$7 = 'div';
55
62
  var BaseCard = function BaseCard(_ref) {
56
63
  var children = _ref.children,
57
- className = _ref.className,
58
- as = _ref.as,
59
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
64
+ className = _ref.className,
65
+ as = _ref.as,
66
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
67
+
60
68
  var Element = as || defaultElement$7;
61
69
  var classList = classNames('eds-base-card', className);
62
70
  return React.createElement(Element, _extends({
@@ -68,15 +76,16 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
68
76
  var defaultElement$6 = 'a';
69
77
  var NavigationCard = function NavigationCard(_ref) {
70
78
  var title = _ref.title,
71
- children = _ref.children,
72
- titleIcon = _ref.titleIcon,
73
- _ref$compact = _ref.compact,
74
- compact = _ref$compact === void 0 ? false : _ref$compact,
75
- className = _ref.className,
76
- _ref$externalLink = _ref.externalLink,
77
- externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
78
- as = _ref.as,
79
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
79
+ children = _ref.children,
80
+ titleIcon = _ref.titleIcon,
81
+ _ref$compact = _ref.compact,
82
+ compact = _ref$compact === void 0 ? false : _ref$compact,
83
+ className = _ref.className,
84
+ _ref$externalLink = _ref.externalLink,
85
+ externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
86
+ as = _ref.as,
87
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
88
+
80
89
  var Element = as || defaultElement$6;
81
90
  var classList = classNames('eds-navigation-card', className, {
82
91
  'eds-base-card--red-line': compact,
@@ -106,14 +115,15 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
106
115
  var defaultElement$5 = 'a';
107
116
  var MediaCard = function MediaCard(_ref) {
108
117
  var title = _ref.title,
109
- description = _ref.description,
110
- children = _ref.children,
111
- className = _ref.className,
112
- category = _ref.category,
113
- style = _ref.style,
114
- as = _ref.as,
115
- whole = _ref.wholeCardAsElement,
116
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
118
+ description = _ref.description,
119
+ children = _ref.children,
120
+ className = _ref.className,
121
+ category = _ref.category,
122
+ style = _ref.style,
123
+ as = _ref.as,
124
+ whole = _ref.wholeCardAsElement,
125
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
126
+
117
127
  var Element = as || defaultElement$5;
118
128
  var classList = classNames('eds-base-card', 'eds-media-card', className);
119
129
  var wrapperElement = whole ? Element : 'div';
@@ -141,28 +151,33 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
141
151
  var defaultElement$4 = 'span';
142
152
  var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
143
153
  var children = _ref.children,
144
- _ref$max = _ref.max,
145
- max = _ref$max === void 0 ? 99 : _ref$max,
146
- variant = _ref.variant,
147
- _ref$showZero = _ref.showZero,
148
- showZero = _ref$showZero === void 0 ? false : _ref$showZero,
149
- _ref$invisible = _ref.invisible,
150
- invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
151
- as = _ref.as,
152
- _ref$type = _ref.type,
153
- type = _ref$type === void 0 ? 'status' : _ref$type,
154
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
154
+ _ref$max = _ref.max,
155
+ max = _ref$max === void 0 ? 99 : _ref$max,
156
+ variant = _ref.variant,
157
+ _ref$showZero = _ref.showZero,
158
+ showZero = _ref$showZero === void 0 ? false : _ref$showZero,
159
+ _ref$invisible = _ref.invisible,
160
+ invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
161
+ as = _ref.as,
162
+ _ref$type = _ref.type,
163
+ type = _ref$type === void 0 ? 'status' : _ref$type,
164
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
165
+
155
166
  var Element = as || defaultElement$4;
156
167
  var invisible = invisibleProp;
168
+
157
169
  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
158
170
  invisible = true;
159
171
  }
172
+
160
173
  var displayValue;
174
+
161
175
  if (typeof children === 'number') {
162
176
  displayValue = children > max ? max + "+" : children;
163
177
  } else {
164
178
  displayValue = children;
165
179
  }
180
+
166
181
  var classList = classNames('eds-badge', {
167
182
  'eds-badge--invisible': invisible,
168
183
  'eds-badge--show-zero': showZero
@@ -210,10 +225,11 @@ var _excluded = ["className", "children", "compact", "as"];
210
225
  var defaultElement = 'div';
211
226
  var Tag = function Tag(_ref) {
212
227
  var className = _ref.className,
213
- children = _ref.children,
214
- compact = _ref.compact,
215
- as = _ref.as,
216
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
228
+ children = _ref.children,
229
+ compact = _ref.compact,
230
+ as = _ref.as,
231
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
232
+
217
233
  var Element = as || defaultElement;
218
234
  var childrenArray = React.Children.toArray(children);
219
235
  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
package/dist/layout.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout.esm.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,gBAAc,GAAG,KAAK;IAEfC,QAAQ,gBAGjBC,KAAK,CAACC,UAAU,CAAC,SAASF,QAAQ,OAIpCG,GAA4C;MAD1CC,SAAS,QAATA,SAAS;IAAEC,EAAE,QAAFA,EAAE;IAAKC,IAAI;EAGxB,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,gBAAc;EACvD,OACEE,oBAACO,eAAe,CAACC,QAAQ;IAACC,KAAK,EAAE;KAC/BT,oBAACM,OAAO;IACNH,SAAS,EAAEO,UAAU,CAAC,cAAc,EAAEP,SAAS,CAAC;IAChDD,GAAG,EAAEA;KACDG,IAAI,EACR,CACuB;AAE/B,CAAC;IAEYE,eAAe,gBAAGP,KAAK,CAACW,aAAa,CAAU,KAAK;IAEpDC,WAAW,GAAkB,SAA7BA,WAAW;EAAA,OACtBZ,KAAK,CAACa,UAAU,CAACN,eAAe,CAAC;AAAA;;;ACxBnC,IAAMT,gBAAc,GAAG,KAAK;IAEfgB,QAAQ,GAAG,SAAXA,QAAQ;MACnBC,QAAQ,QAARA,QAAQ;IACRZ,SAAS,QAATA,SAAS;IACTC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,gBAAc;EACvD,IAAMkB,SAAS,GAAGN,UAAU,CAAC,eAAe,EAAEP,SAAS,CAAC;EACxD,OACEH,oBAACM,OAAO;IAACH,SAAS,EAAEa;KAAeX,IAAI,GACpCU,QAAQ,CACD;AAEd;;;ACGA,IAAMjB,gBAAc,GAAG,GAAG;IAEbmB,cAAc,GAAG,SAAjBA,cAAc;MAGzBC,KAAK,QAALA,KAAK;IACLH,QAAQ,QAARA,QAAQ;IACRI,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfjB,SAAS,QAATA,SAAS;IAAA,yBACTkB,YAAY;IAAZA,YAAY,kCAAG,KAAK;IACpBjB,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,gBAAc;EACvD,IAAMkB,SAAS,GAAGN,UAAU,CAAC,qBAAqB,EAAEP,SAAS,EAAE;IAC7D,yBAAyB,EAAEiB,OAAO;IAClC,8BAA8B,EAAEA;GACjC,CAAC;EACF,OACEpB,oBAACc,QAAQ;IAACV,EAAE,EAAEE,OAAO;IAAEH,SAAS,EAAEa;KAAeX,IAAI,GAClD,CAACe,OAAO,IAAID,SAAS,IACpBnB;IAAKG,SAAS,EAAC;KAAmCgB,SAAS,CAC5D,EACDnB;IAAMG,SAAS,EAAC;KACbiB,OAAO,IAAID,SAAS,IACnBnB;IAAMG,SAAS,EAAC;KACbgB,SAAS,CAEb,EACDnB,oBAACsB,QAAQ;IAAClB,EAAE,EAAC;KAAQc,KAAK,CAAY,CACjC,EACN,CAACE,OAAO,IACPpB,0CACEA,oBAACuB,SAAS,QAAER,QAAQ,CAAa,EAChCM,YAAY,IACXrB,oBAACwB,YAAY;IAACrB,SAAS,EAAC;IACzB,CAEJ,EACAiB,OAAO,IAAIC,YAAY,IACtBrB,oBAACwB,YAAY;IAACrB,SAAS,EAAC;IACzB,EACAiB,OAAO,IAAI,CAACC,YAAY,IACvBrB,oBAACyB,WAAW;IAACtB,SAAS,EAAC;IACxB,CACQ;AAEf;;;ACjDA,IAAML,gBAAc,GAAG,GAAG;IAEb4B,SAAS,GAAG,SAAZA,SAAS;MACpBR,KAAK,QAALA,KAAK;IACLS,WAAW,QAAXA,WAAW;IACXZ,QAAQ,QAARA,QAAQ;IACRZ,SAAS,QAATA,SAAS;IACTyB,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLzB,EAAE,QAAFA,EAAE;IACkB0B,KAAK,QAAzBC,kBAAkB;IACf1B,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,gBAAc;EACvD,IAAMkB,SAAS,GAAGN,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAEP,SAAS,CAAC;EAE1E,IAAM6B,cAAc,GAAGF,KAAK,GAAGxB,OAAO,GAAG,KAAK;EAC9C,IAAM2B,YAAY,GAAGH,KAAK,GAAGzB,IAAI,GAAG,EAAE;EACtC,IAAM6B,UAAU,GAAGJ,KAAK,GAAG,EAAE,GAAGzB,IAAI;EACpC,IAAM8B,YAAY,GAAGL,KAAK,GAAG,KAAK,GAAGxB,OAAO;EAC5C,OACEN,oBAACc,QAAQ;IACPV,EAAE,EAAE4B,cAAc;IAClB7B,SAAS,EAAEa,SAAS;IACpBa,KAAK,EAAEA;KACHI,YAAY,GAEhBjC;IAAKG,SAAS,EAAC;KAAyBY,QAAQ,CAAO,EACvDf,oBAACmC,YAAY;IAAChC,SAAS,EAAC;KAA2B+B,UAAU,GAC1DN,QAAQ,IACP5B,oBAACoC,KAAK;IAACjC,SAAS,EAAC;KAA4ByB,QAAQ,CACtD,EACD5B;IAAKG,SAAS,EAAC;KAAyBe,KAAK,CAAO,EACpDlB,oBAACuB,SAAS,QAAEI,WAAW,CAAa,EACpC3B,oBAACyB,WAAW;IAACtB,SAAS,EAAC;IAA+B,CACzC,CACN;AAEf;;;ACrCA,IAAML,gBAAc,GAAG,MAAM;IAEhBuC,KAAK,gBAGdrC,KAAK,CAACC,UAAU,CAClB,gBAYEC,GAA4C;MAV1Ca,QAAQ,QAARA,QAAQ;IACC,gBACTuB,GAAG;IAAHA,GAAG,yBAAG,EAAE;IACRC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,sBAChBC,SAAS;IAAEC,aAAa,+BAAG,KAAK;IAChCtC,EAAE,QAAFA,EAAE;IAAA,iBACFuC,IAAI;IAAJA,IAAI,0BAAG,QAAQ;IACZtC,IAAI;EAIT,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,gBAAc;EACvD,IAAI2C,SAAS,GAAGC,aAAa;EAC7B,IACEA,aAAa,KAAK,KAAK,KACrB3B,QAAQ,KAAK,CAAC,IAAI,CAACyB,QAAQ,IAAKzB,QAAQ,IAAI,IAAI,CAAC,EACnD;IACA0B,SAAS,GAAG,IAAI;;EAGlB,IAAIG,YAAY;EAChB,IAAI,OAAO7B,QAAQ,KAAK,QAAQ,EAAE;IAChC6B,YAAY,GAAG7B,QAAQ,GAAGuB,GAAG,GAAMA,GAAG,SAAMvB,QAAQ;GACrD,MAAM;IACL6B,YAAY,GAAG7B,QAAQ;;EAGzB,IAAMC,SAAS,GAAGN,UAAU,CAC1B,WAAW,EACX;IAAE,sBAAsB,EAAE+B,SAAS;IAAE,sBAAsB,EAAED;GAAU,0BACjDD,OAAO,uBACVI,IAAI,CACxB;EAED,OACE3C,oBAACM,OAAO;IAACH,SAAS,EAAEa,SAAS;IAAEd,GAAG,EAAEA;KAASG,IAAI,GAC9CuC,YAAY,CACL;AAEd,CAAC;;AC3DH,IAAM9C,gBAAc,GAAG,MAAM;IAEhB+C,WAAW,gBAGpB7C,KAAK,CAACC,UAAU,CAClB,UACE6C,KAA0D,EAC1D5C,GAA4C;EAE5C,IAAMI,OAAO,GAAsBwC,KAAK,CAAC1C,EAAE,IAAIN,gBAAc;EAC7D,OAAOE,oBAACqC,KAAK;IAACjC,EAAE,EAAEE;KAAawC,KAAK;IAAE5C,GAAG,EAAEA,GAAG;IAAEyC,IAAI,EAAC;KAAW;AAClE,CAAC;;ACJH,IAAM7C,gBAAc,GAAG,MAAM;IAEhBiD,iBAAiB,gBAG1B/C,KAAK,CAACC,UAAU,CAClB,UACE6C,KAAgE,EAChE5C,GAA4C;EAE5C,IAAMI,OAAO,GAAsBwC,KAAK,CAAC1C,EAAE,IAAIN,gBAAc;EAC7D,OAAOE,oBAACqC,KAAK;IAACjC,EAAE,EAAEE;KAAawC,KAAK;IAAE5C,GAAG,EAAEA,GAAG;IAAEyC,IAAI,EAAC;KAAiB;AACxE,CAAC;;ACpBH,IAAM7C,gBAAc,GAAG,MAAM;IAEhBkD,WAAW,gBAGpBhD,KAAK,CAACC,UAAU,CAClB,UACE6C,KAA0D,EAC1D5C,GAA4C;EAE5C,IAAMI,OAAO,GAAsBwC,KAAK,CAAC1C,EAAE,IAAIN,gBAAc;EAC7D,OAAOE,oBAACqC,KAAK;IAACjC,EAAE,EAAEE;KAAawC,KAAK;IAAE5C,GAAG,EAAEA,GAAG;IAAEyC,IAAI,EAAC;KAAW;AAClE,CAAC;;;ACfH,IAAM7C,cAAc,GAAG,KAAK;IAEfmD,GAAG,GAAG,SAANA,GAAG;MACd9C,SAAS,QAATA,SAAS;IACTY,QAAQ,QAARA,QAAQ;IACRK,OAAO,QAAPA,OAAO;IACPhB,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIN,cAAc;EACvD,IAAMoD,aAAa,GAAGlD,KAAK,CAACmD,QAAQ,CAACC,OAAO,CAACrC,QAAQ,CAAC;EACtD,IAAMsC,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ;EAClE,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ;EAE7D,OACEtD,oBAACM,OAAO;IACNH,SAAS,EAAEO,UAAU,CAAC,SAAS,EAAEP,SAAS,EAAE;MAC1C,uBAAuB,EAAEkD,cAAc;MACvC,wBAAwB,EAAEE,eAAe;MACzC,kBAAkB,EAAEnC;KACrB;KACGf,IAAI,GAEPU,QAAQ,CACD;AAEd;;AC/CAyC,sBAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC;;;;"}
1
+ {"version":3,"file":"layout.esm.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n ContrastBaseProps,\n typeof defaultElement\n> = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n PolymorphicForwardRefExoticComponent,\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n BadgeOwnProps,\n typeof defaultElement\n> = React.forwardRef(\n <E extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n as,\n type = 'status',\n ...rest\n }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n ref: React.ForwardedRef<React.ElementRef<E>>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n BulletBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type NotificationBadgePropsProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n NotificationBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n PolymorphicPropsWithoutRef,\n PolymorphicPropsWithRef,\n PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n StatusBadgeBaseProps,\n typeof defaultElement\n> = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n ref: React.ForwardedRef<React.ElementRef<T>>,\n ) => {\n const Element: React.ElementType = props.as || defaultElement;\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<E extends React.ElementType = typeof defaultElement> =\n PolymorphicPropsWithoutRef<TagOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -10,28 +10,11 @@
10
10
  color: var(--primary-text-color);
11
11
  }/* DO NOT CHANGE!*/
12
12
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
13
- .eds-base-card {
14
- display: flex;
15
- box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
16
- border: 0.0625rem solid #e9e9e9;
17
- border-radius: 0.25rem;
18
- align-items: center;
19
- -webkit-appearance: none;
20
- -moz-appearance: none;
21
- appearance: none;
22
- text-decoration: none;
23
- color: inherit;
24
- }
25
- .eds-contrast .eds-base-card {
26
- background-color: #292b6a;
27
- border-color: #54568c;
28
- box-shadow: 0 0.0625rem 0.1875rem 0 #393d79;
29
- }/* DO NOT CHANGE!*/
30
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
31
13
  .eds-media-card {
32
14
  flex-direction: column;
33
15
  overflow: hidden;
34
16
  position: relative;
17
+ width: -webkit-fit-content;
35
18
  width: -moz-fit-content;
36
19
  width: fit-content;
37
20
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
@@ -62,6 +45,7 @@
62
45
  font-weight: 600;
63
46
  margin: 0.75rem 0 0.5rem;
64
47
  text-align: left;
48
+ width: -webkit-fit-content;
65
49
  width: -moz-fit-content;
66
50
  width: fit-content;
67
51
  position: relative;
@@ -89,6 +73,24 @@
89
73
  margin: 1rem 0 1.5rem;
90
74
  }/* DO NOT CHANGE!*/
91
75
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
76
+ .eds-base-card {
77
+ display: flex;
78
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
79
+ border: 0.0625rem solid #e9e9e9;
80
+ border-radius: 0.25rem;
81
+ align-items: center;
82
+ -webkit-appearance: none;
83
+ -moz-appearance: none;
84
+ appearance: none;
85
+ text-decoration: none;
86
+ color: inherit;
87
+ }
88
+ .eds-contrast .eds-base-card {
89
+ background-color: #292b6a;
90
+ border-color: #54568c;
91
+ box-shadow: 0 0.0625rem 0.1875rem 0 #393d79;
92
+ }/* DO NOT CHANGE!*/
93
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
92
94
  /* DO NOT CHANGE!*/
93
95
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
94
96
  .eds-navigation-card {
@@ -214,7 +216,7 @@
214
216
  }
215
217
  .eds-tag--compact {
216
218
  font-size: 0.75rem;
217
- padding: Calc(0.25rem / 2) 0.5rem;
219
+ padding: 0.125rem 0.5rem;
218
220
  line-height: 1.25rem;
219
221
  height: 1.5rem;
220
222
  }
@@ -234,6 +236,7 @@
234
236
  font-size: 0.75rem;
235
237
  min-width: 1.5rem;
236
238
  height: 1.5rem;
239
+ width: -webkit-fit-content;
237
240
  width: -moz-fit-content;
238
241
  width: fit-content;
239
242
  line-height: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/layout",
3
- "version": "2.1.13",
3
+ "version": "2.1.14",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/layout.esm.js",
@@ -17,27 +17,22 @@
17
17
  "access": "public"
18
18
  },
19
19
  "scripts": {
20
- "start": "yarn run dts watch --noClean",
21
- "build": "yarn run dts build",
22
- "test": "yarn run dts test --env=jsdom",
23
- "lint": "yarn run dts lint"
20
+ "start": "dts watch --noClean",
21
+ "build": "dts build",
22
+ "test": "dts test --env=jsdom",
23
+ "lint": "dts lint"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=16.8.0",
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/typography": "^1.7.2",
31
- "@entur/utils": "^0.4.7",
30
+ "@entur/typography": "^1.7.3",
31
+ "@entur/utils": "^0.4.8",
32
32
  "classnames": "^2.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@entur/tokens": "^3.4.2",
36
- "dts-cli": "^1.1.6",
37
- "jest": "^27.0.0",
38
- "jest-watch-typeahead": "^2.2.0",
39
- "ts-jest": "^27.0.0",
40
- "typescript": "^4.8.0"
35
+ "@entur/tokens": "^3.4.3"
41
36
  },
42
- "gitHead": "8915b1630bd936740ba9a4a88883f3432948a80e"
37
+ "gitHead": "103844c30bdc32296f3998a360cf6066492173e9"
43
38
  }