@entur/typography 1.6.11 → 1.6.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 (3) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/styles.css +85 -54
  3. package/package.json +3 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.6.14](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.13...@entur/typography@1.6.14) (2022-06-02)
7
+
8
+ **Note:** Version bump only for package @entur/typography
9
+
10
+ ## [1.6.13](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.12...@entur/typography@1.6.13) (2022-05-13)
11
+
12
+ ### Bug Fixes
13
+
14
+ - **text elements:** fix margin prop values being overwritten be default value for margin on all text ([ce7b980](https://bitbucket.org/enturas/design-system/commits/ce7b980a0bb874dbcaa46c9ceb0cfdb7b5ef8f5a))
15
+
16
+ ## [1.6.12](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.11...@entur/typography@1.6.12) (2022-04-27)
17
+
18
+ **Note:** Version bump only for package @entur/typography
19
+
6
20
  ## [1.6.11](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.10...@entur/typography@1.6.11) (2022-02-09)
7
21
 
8
22
  **Note:** Version bump only for package @entur/typography
package/dist/styles.css CHANGED
@@ -76,11 +76,16 @@
76
76
  "Helvetica Neue", sans-serif;
77
77
  }
78
78
  html {
79
+ background-color: #ffffff;
79
80
  background-color: #ffffff;
80
81
  background-color: var(--primary-background-color);
81
82
  box-sizing: border-box;
82
83
  color: #181c56;
84
+ color: #181c56;
83
85
  color: var(--primary-text-color);
86
+ font-family: "Nationale", Arial, "Gotham Rounded", -apple-system,
87
+ BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
88
+ "Helvetica Neue", sans-serif;
84
89
  font-family: var(--eds-font-family);
85
90
  font-weight: 500;
86
91
  font-size: 1rem;
@@ -107,6 +112,7 @@ html {
107
112
  .eds-h5,
108
113
  .eds-h6 {
109
114
  color: inherit;
115
+ color: #181c56;
110
116
  color: var(--primary-text-color);
111
117
  font-weight: 600;
112
118
  -webkit-font-smoothing: antialiased;
@@ -186,6 +192,7 @@ html {
186
192
 
187
193
  .eds-paragraph {
188
194
  color: inherit;
195
+ color: #181c56;
189
196
  color: var(--primary-text-color);
190
197
  font-size: 1rem;
191
198
  line-height: 1.5rem;
@@ -198,61 +205,9 @@ html {
198
205
  }
199
206
  }
200
207
 
201
- .eds-h1--margin-top,
202
- .eds-h2--margin-top,
203
- .eds-h3--margin-top,
204
- .eds-h4--margin-top,
205
- .eds-h5--margin-top,
206
- .eds-h6--margin-top,
207
- .eds-paragraph--margin-top,
208
- .eds-lead-paragraph--margin-top,
209
- .eds-sub-paragraph--margin-top,
210
- .eds-emphasized-text--margin-top,
211
- .eds-label--margin-top,
212
- .eds-sub-label--margin-top,
213
- .eds-small-text--margin-top,
214
- .eds-strong-text--margin-top,
215
- .eds-link--margin-top {
216
- margin-bottom: 0;
217
- }
218
- .eds-h1--margin-bottom,
219
- .eds-h2--margin-bottom,
220
- .eds-h3--margin-bottom,
221
- .eds-h4--margin-bottom,
222
- .eds-h5--margin-bottom,
223
- .eds-h6--margin-bottom,
224
- .eds-paragraph--margin-bottom,
225
- .eds-lead-paragraph--margin-bottom,
226
- .eds-sub-paragraph--margin-bottom,
227
- .eds-emphasized-text--margin-bottom,
228
- .eds-label--margin-bottom,
229
- .eds-sub-label--margin-bottom,
230
- .eds-small-text--margin-bottom,
231
- .eds-strong-text--margin-bottom,
232
- .eds-link--margin-bottom {
233
- margin-top: 0;
234
- }
235
- .eds-h1--margin-none,
236
- .eds-h2--margin-none,
237
- .eds-h3--margin-none,
238
- .eds-h4--margin-none,
239
- .eds-h5--margin-none,
240
- .eds-h6--margin-none,
241
- .eds-paragraph--margin-none,
242
- .eds-lead-paragraph--margin-none,
243
- .eds-sub-paragraph--margin-none,
244
- .eds-emphasized-text--margin-none,
245
- .eds-label--margin-none,
246
- .eds-sub-label--margin-none,
247
- .eds-small-text--margin-none,
248
- .eds-strong-text--margin-none,
249
- .eds-link--margin-none {
250
- margin-top: 0;
251
- margin-bottom: 0;
252
- }
253
-
254
208
  .eds-lead-paragraph {
255
209
  color: inherit;
210
+ color: #181c56;
256
211
  color: var(--primary-text-color);
257
212
  font-size: 1.25rem;
258
213
  line-height: 1.875rem;
@@ -267,6 +222,7 @@ html {
267
222
 
268
223
  .eds-sub-paragraph {
269
224
  color: inherit;
225
+ color: #181c56;
270
226
  color: var(--primary-text-color);
271
227
  font-size: 0.875rem;
272
228
  line-height: 1.25rem;
@@ -279,6 +235,7 @@ html {
279
235
 
280
236
  .eds-small-text {
281
237
  color: inherit;
238
+ color: #181c56;
282
239
  color: var(--primary-text-color);
283
240
  font-size: 0.625rem;
284
241
  line-height: 1rem;
@@ -292,6 +249,7 @@ html {
292
249
 
293
250
  .eds-link, .eds-link:link, .eds-link:visited {
294
251
  color: inherit;
252
+ color: #181c56;
295
253
  color: var(--primary-text-color);
296
254
  font-size: inherit;
297
255
  text-decoration: none;
@@ -302,11 +260,20 @@ html {
302
260
  background-position: 0 100%;
303
261
  }
304
262
  .eds-link:hover {
305
- animation: eds-link-underline 0.3s ease-in;
263
+ -webkit-animation: eds-link-underline 0.3s ease-in;
264
+ animation: eds-link-underline 0.3s ease-in;
306
265
  }
307
266
  .eds-contrast .eds-link {
308
267
  background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
309
268
  }
269
+ @-webkit-keyframes eds-link-underline {
270
+ from {
271
+ background-size: 0% 0.125rem;
272
+ }
273
+ to {
274
+ background-size: 100% 0.125rem;
275
+ }
276
+ }
310
277
  @keyframes eds-link-underline {
311
278
  from {
312
279
  background-size: 0% 0.125rem;
@@ -332,6 +299,7 @@ html {
332
299
 
333
300
  .eds-label,
334
301
  .eds-sub-label {
302
+ color: #656782;
335
303
  color: #656782;
336
304
  color: var(--primary-label-color);
337
305
  }
@@ -436,6 +404,7 @@ html {
436
404
  }
437
405
  .eds-numbered-list > .eds-list-item::before {
438
406
  color: inherit;
407
+ color: #181c56;
439
408
  color: var(--primary-text-color);
440
409
  position: absolute;
441
410
  font-weight: 600;
@@ -476,6 +445,68 @@ html {
476
445
  text-transform: uppercase;
477
446
  }
478
447
 
448
+ .eds-h1--margin-top,
449
+ .eds-h2--margin-top,
450
+ .eds-h3--margin-top,
451
+ .eds-h4--margin-top,
452
+ .eds-h5--margin-top,
453
+ .eds-h6--margin-top,
454
+ .eds-paragraph--margin-top,
455
+ .eds-lead-paragraph--margin-top,
456
+ .eds-sub-paragraph--margin-top,
457
+ .eds-emphasized-text--margin-top,
458
+ .eds-label--margin-top,
459
+ .eds-sub-label--margin-top,
460
+ .eds-small-text--margin-top,
461
+ .eds-strong-text--margin-top,
462
+ .eds-link--margin-top {
463
+ margin-bottom: 0;
464
+ }
465
+ .eds-h1--margin-bottom,
466
+ .eds-h2--margin-bottom,
467
+ .eds-h3--margin-bottom,
468
+ .eds-h4--margin-bottom,
469
+ .eds-h5--margin-bottom,
470
+ .eds-h6--margin-bottom,
471
+ .eds-paragraph--margin-bottom,
472
+ .eds-lead-paragraph--margin-bottom,
473
+ .eds-sub-paragraph--margin-bottom,
474
+ .eds-emphasized-text--margin-bottom,
475
+ .eds-label--margin-bottom,
476
+ .eds-sub-label--margin-bottom,
477
+ .eds-small-text--margin-bottom,
478
+ .eds-strong-text--margin-bottom,
479
+ .eds-link--margin-bottom {
480
+ margin-top: 0;
481
+ }
482
+ .eds-h1--margin-none,
483
+ .eds-h2--margin-none,
484
+ .eds-h3--margin-none,
485
+ .eds-h4--margin-none,
486
+ .eds-h5--margin-none,
487
+ .eds-h6--margin-none,
488
+ .eds-paragraph--margin-none,
489
+ .eds-lead-paragraph--margin-none,
490
+ .eds-sub-paragraph--margin-none,
491
+ .eds-emphasized-text--margin-none,
492
+ .eds-label--margin-none,
493
+ .eds-sub-label--margin-none,
494
+ .eds-small-text--margin-none,
495
+ .eds-strong-text--margin-none,
496
+ .eds-link--margin-none {
497
+ margin-top: 0;
498
+ margin-bottom: 0;
499
+ }
500
+
501
+ @-webkit-keyframes lineExpand {
502
+ 0% {
503
+ width: 0;
504
+ }
505
+ 100% {
506
+ width: 100%;
507
+ }
508
+ }
509
+
479
510
  @keyframes lineExpand {
480
511
  0% {
481
512
  width: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/typography",
3
- "version": "1.6.11",
3
+ "version": "1.6.14",
4
4
  "license": "SEE LICENSE IN README.md",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/typography.esm.js",
@@ -28,12 +28,11 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/utils": "^0.4.3",
31
- "@types/classnames": "^2.3.1",
32
31
  "classnames": "^2.3.1",
33
32
  "normalize-scss": "^7.0.1"
34
33
  },
35
34
  "devDependencies": {
36
- "@entur/tokens": "^3.3.1"
35
+ "@entur/tokens": "^3.3.2"
37
36
  },
38
- "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
37
+ "gitHead": "02c1bc4caad8480d21d8560188ba21b972e3370e"
39
38
  }