@bonniernews/dn-design-system-web 14.0.3 → 14.0.5-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/components/tag-header/tag-header.scss +4 -4
  3. package/components/teaser-footer/teaser-footer.scss +2 -2
  4. package/components/teaser-large/teaser-large.scss +3 -3
  5. package/components/teaser-split/teaser-split.scss +1 -1
  6. package/components/teaser-standard/teaser-standard.scss +2 -2
  7. package/foundations/variables/opacity.scss +1 -1
  8. package/foundations/variables/typographyTokensList.scss +1 -0
  9. package/foundations/variables/typographyTokensScreenExtraLarge.scss +8 -1
  10. package/foundations/variables/typographyTokensScreenLarge.scss +8 -1
  11. package/foundations/variables/typographyTokensScreenSmall.scss +8 -1
  12. package/package.json +1 -1
  13. package/tokens/typography-list.json +1 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,30 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [14.0.5-beta.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.0.4...@bonniernews/dn-design-system-web@14.0.5-beta.0) (2024-03-11)
8
+
9
+
10
+ ### Features
11
+
12
+ * **app:** create ImageListItem and add font weight prop to all list items ([#1234](https://github.com/BonnierNews/dn-design-system/issues/1234)) ([73e06e9](https://github.com/BonnierNews/dn-design-system/commit/73e06e9df30f2bdb1677dd4bde015ddea9ddb185))
13
+
14
+
15
+ ### Maintenance
16
+
17
+ * prerelease packages ([2a8954c](https://github.com/BonnierNews/dn-design-system/commit/2a8954c0cce43dfc53d0b5617c0d41c6ae2ba94b))
18
+
19
+ ## [14.0.4](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.0.3...@bonniernews/dn-design-system-web@14.0.4) (2024-03-07)
20
+
21
+
22
+ ### Bug Fixes
23
+
24
+ * **foundations:** update tokens to get button-xlarge ([#1233](https://github.com/BonnierNews/dn-design-system/issues/1233)) ([94e127b](https://github.com/BonnierNews/dn-design-system/commit/94e127b03218cc845149ccfaa1c48dfe0fe5d104))
25
+
26
+
27
+ ### Maintenance
28
+
29
+ * prerelease packages ([e2376b2](https://github.com/BonnierNews/dn-design-system/commit/e2376b2a4abf257a8255a08306f54c5f2480cf5e))
30
+
7
31
  ## [14.0.3](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.0.2...@bonniernews/dn-design-system-web@14.0.3) (2024-03-07)
8
32
 
9
33
 
package/components/tag-header/tag-header.scss CHANGED
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  .ds-tag-header__vignette {
36
- @include ds-typography($ds-typography-functional-meta02bold);
36
+ @include ds-typography($ds-typography-functionallabel01);
37
37
  color: $ds-theme-color;
38
38
  margin-bottom: ds-spacing($ds-s-025);
39
39
  display: block;
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  .ds-tag-header__title {
47
- @include ds-typography($ds-typography-functional-heading03bold);
47
+ @include ds-typography($ds-typography-functionalheading03, $fontWeight: $ds-fontweight-bold);
48
48
  color: $ds-color-text-primary;
49
49
  margin: 0;
50
50
  word-break: break-word;
@@ -60,7 +60,7 @@
60
60
  }
61
61
 
62
62
  .ds-tag-header__description {
63
- @include ds-typography($ds-typography-functional-body02regular);
63
+ @include ds-typography($ds-typography-functionalbody02);
64
64
  color: $ds-color-text-primary;
65
65
  margin: ds-spacing($ds-s-100 $ds-s-100 0);
66
66
  border-top: ds-metrics-border-width(x1) solid $ds-color-border-primary;
@@ -72,7 +72,7 @@
72
72
 
73
73
  b,
74
74
  strong {
75
- @include ds-typography($ds-typography-functional-body02semibold);
75
+ @include ds-typography($ds-typography-functionalbody02, $fontWeight: $ds-fontweight-semibold);
76
76
  }
77
77
 
78
78
  p {
package/components/teaser-footer/teaser-footer.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .ds-teaser-footer__notes {
12
- @include ds-typography($ds-typography-functional-meta02regular);
12
+ @include ds-typography($ds-typography-functionalmeta02);
13
13
  display: block;
14
14
  color: $ds-color-text-primary-02;
15
15
  }
@@ -21,7 +21,7 @@
21
21
  margin-top: ds-spacing($ds-s-050);
22
22
 
23
23
  .ds-teaser-footer__title {
24
- @include ds-typography($ds-typography-functional-body01semibold);
24
+ @include ds-typography($ds-typography-functionalbody01, $fontWeight: $ds-fontweight-semibold);
25
25
  color: $ds-color-text-primary;
26
26
  }
27
27
 
package/components/teaser-large/teaser-large.scss CHANGED
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  .ds-teaser__title {
36
- @include ds-typography($ds-typography-expressive-heading04bold);
36
+ @include ds-typography($ds-typography-detailteaser-large);
37
37
  }
38
38
 
39
39
  @include ds-hover(true) {
@@ -44,13 +44,13 @@
44
44
 
45
45
  &.ds-teaser--large-big-italic {
46
46
  .ds-teaser__title {
47
- @include ds-typography($ds-typography-expressive-heading04italicregular);
47
+ @include ds-typography($ds-typography-detailteaser-large-storRubrik-opinion);
48
48
  }
49
49
  }
50
50
 
51
51
  &.ds-teaser--large-italic {
52
52
  .ds-teaser__title {
53
- @include ds-typography($ds-typography-expressive-heading03italicregular);
53
+ @include ds-typography($ds-typography-detailteaser-large-opinion);
54
54
  }
55
55
 
56
56
  @include ds-hover(true) {
package/components/teaser-split/teaser-split.scss CHANGED
@@ -66,7 +66,7 @@
66
66
  }
67
67
 
68
68
  .ds-teaser__title {
69
- @include ds-typography($ds-typography-expressive-heading02bold);
69
+ @include ds-typography($ds-typography-detailteaser-twin);
70
70
  }
71
71
 
72
72
  .ds-teaser__media {
package/components/teaser-standard/teaser-standard.scss CHANGED
@@ -7,10 +7,10 @@
7
7
  overflow: hidden;
8
8
 
9
9
  .ds-teaser__title {
10
- @include ds-typography($ds-typography-expressive-heading03bold);
10
+ @include ds-typography($ds-typography-detailteaser-standard);
11
11
 
12
12
  &--italic {
13
- @include ds-typography($ds-typography-expressive-heading03italicregular);
13
+ @include ds-typography($ds-typography-detailteaser-standard-opinion);
14
14
  }
15
15
  }
16
16
 
package/foundations/variables/opacity.scss CHANGED
@@ -1,2 +1,2 @@
1
1
  $ds-opacity-component-disabled: 0.5;
2
- $ds-opacity-component-hover-pressed: 0.8;
2
+ $ds-opacity-component-hover-pressed: 0.7;
package/foundations/variables/typographyTokensList.scss CHANGED
@@ -23,6 +23,7 @@ $ds-typography-detailteaser-twin: 'detailteaser-twin';
23
23
  $ds-typography-detailteaser-large-compact: 'detailteaser-large-compact';
24
24
  $ds-typography-detailteaser-large-compact-opinion: 'detailteaser-large-compact-opinion';
25
25
  $ds-typography-detailteaser-large-storRubrik-opinion: 'detailteaser-large-storRubrik-opinion';
26
+ $ds-typography-detailstandard-button-xlarge: 'detailstandard-button-xlarge';
26
27
  $ds-typography-expressiveheading01: 'expressiveheading01';
27
28
  $ds-typography-expressiveheading02: 'expressiveheading02';
28
29
  $ds-typography-expressiveheading03: 'expressiveheading03';
package/foundations/variables/typographyTokensScreenExtraLarge.scss CHANGED
@@ -181,6 +181,13 @@ $typographyTokensScreenExtraLarge: (
181
181
  textCase: uppercase,
182
182
  letterSpacing: 0.5
183
183
  ),
184
+ detailstandard-button-xlarge: (
185
+ fontFamily: "DN Sans",
186
+ fontWeight: SemiBold,
187
+ fontSize: 18,
188
+ lineHeight: 1.75,
189
+ letterSpacing: 0
190
+ ),
184
191
  expressiveheading01: (
185
192
  fontFamily: "DN Serif Text",
186
193
  fontWeight: Bold,
@@ -340,7 +347,7 @@ $typographyTokensScreenExtraLarge: (
340
347
  fontFamily: "DN Sans",
341
348
  fontWeight: Bold,
342
349
  fontSize: 24,
343
- lineHeight: 1.1,
350
+ lineHeight: 1.2,
344
351
  letterSpacing: 0
345
352
  ),
346
353
  functionalheading04: (
package/foundations/variables/typographyTokensScreenLarge.scss CHANGED
@@ -182,6 +182,13 @@ $typographyTokensScreenLarge: (
182
182
  textCase: uppercase,
183
183
  letterSpacing: 0.5
184
184
  ),
185
+ detailstandard-button-xlarge: (
186
+ fontFamily: "DN Sans",
187
+ fontWeight: SemiBold,
188
+ fontSize: 18,
189
+ lineHeight: 1.75,
190
+ letterSpacing: 0
191
+ ),
185
192
  expressiveheading01: (
186
193
  fontFamily: "DN Serif Text",
187
194
  fontWeight: Bold,
@@ -341,7 +348,7 @@ $typographyTokensScreenLarge: (
341
348
  fontFamily: "DN Sans",
342
349
  fontWeight: Bold,
343
350
  fontSize: 24,
344
- lineHeight: 1.1,
351
+ lineHeight: 1.2,
345
352
  letterSpacing: 0
346
353
  ),
347
354
  functionalheading04: (
package/foundations/variables/typographyTokensScreenSmall.scss CHANGED
@@ -182,6 +182,13 @@ $typographyTokensScreenSmall: (
182
182
  letterSpacing: 0,
183
183
  fontStyle: italic
184
184
  ),
185
+ detailstandard-button-xlarge: (
186
+ fontFamily: "DN Sans",
187
+ fontWeight: SemiBold,
188
+ fontSize: 18,
189
+ lineHeight: 1.75,
190
+ letterSpacing: 0
191
+ ),
185
192
  expressiveheading01: (
186
193
  fontFamily: "DN Serif Text",
187
194
  fontWeight: Bold,
@@ -341,7 +348,7 @@ $typographyTokensScreenSmall: (
341
348
  fontFamily: "DN Sans",
342
349
  fontWeight: Bold,
343
350
  fontSize: 20,
344
- lineHeight: 1.1,
351
+ lineHeight: 1.2,
345
352
  letterSpacing: 0
346
353
  ),
347
354
  functionalheading04: (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "14.0.3",
3
+ "version": "14.0.5-beta.0",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/tokens/typography-list.json CHANGED
@@ -24,6 +24,7 @@
24
24
  "detailteaser-large-compact": "'detailteaser-large-compact'",
25
25
  "detailteaser-large-compact-opinion": "'detailteaser-large-compact-opinion'",
26
26
  "detailteaser-large-storRubrik-opinion": "'detailteaser-large-storRubrik-opinion'",
27
+ "detailstandard-button-xlarge": "'detailstandard-button-xlarge'",
27
28
  "expressiveheading01": "'expressiveheading01'",
28
29
  "expressiveheading02": "'expressiveheading02'",
29
30
  "expressiveheading03": "'expressiveheading03'",