@bonniernews/dn-design-system-web 25.0.6-beta.0 → 25.0.6-beta.1

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/components/icon-with-wrapper/icon-with-wrapper.njk +1 -1
  2. package/components/teaser-large/teaser-large.scss +2 -2
  3. package/foundations/variables/typographyList.scss +1 -0
  4. package/foundations/variables/typographyScreenExtraLarge.scss +11 -5
  5. package/foundations/variables/typographyScreenLarge.scss +11 -5
  6. package/foundations/variables/typographyScreenSmall.scss +9 -2
  7. package/package.json +1 -1
  8. package/variables/typography-list.json +1 -0
package/components/icon-with-wrapper/icon-with-wrapper.njk CHANGED
@@ -19,7 +19,7 @@
19
19
  {% set iconSize = size/16 + "rem" %}
20
20
  {% endif %}
21
21
 
22
- {% set styleColor = "color: var(--ds-color-icon-" + color + ");" %}
22
+ {% set styleColor = "color: var(--ds-color-text-" + color + ");" %}
23
23
  {% set styleIcon = "width: " + iconSize + "; height: " + iconSize + ";" %}
24
24
 
25
25
  <div class="{{ classes }}" style="{{ styleIcon }} {{ styleColor }}" {{- attributes | safe}}>
package/components/teaser-large/teaser-large.scss CHANGED
@@ -105,12 +105,12 @@
105
105
  @include ds-mq-smallest-breakpoint(tablet) {
106
106
  &.ds-teaser--right {
107
107
  .ds-teaser__title {
108
- @include ds-typography($ds-typography-expressive-heading-sm, $lineHeight: 1.2);
108
+ @include ds-typography($ds-typography-detail-teaser-large-rightcol, $lineHeight: 1.2);
109
109
  }
110
110
 
111
111
  &.ds-teaser--large-italic .ds-teaser__title {
112
112
  @include ds-typography(
113
- $ds-typography-expressive-heading-sm,
113
+ $ds-typography-detail-teaser-large-rightcol,
114
114
  $fontWeight: $ds-fontweight-regular,
115
115
  $fontStyle: italic,
116
116
  $lineHeight: 1.2
package/foundations/variables/typographyList.scss CHANGED
@@ -44,6 +44,7 @@ $ds-typography-detail-teaser-longlife: 'detail-teaser-longlife';
44
44
  $ds-typography-detail-teaser-breaking: 'detail-teaser-breaking';
45
45
  $ds-typography-detail-teaser-large-opinion: 'detail-teaser-large-opinion';
46
46
  $ds-typography-detail-teaser-story: 'detail-teaser-story';
47
+ $ds-typography-detail-teaser-large-rightcol: 'detail-teaser-large-rightcol';
47
48
  $ds-typography-detail-article-standard: 'detail-article-standard';
48
49
  $ds-typography-detail-article-opinion: 'detail-article-opinion';
49
50
  $ds-typography-detail-article-longread: 'detail-article-longread';
package/foundations/variables/typographyScreenExtraLarge.scss CHANGED
@@ -171,14 +171,14 @@ $typographyScreenExtraLarge: (
171
171
  functional-ingress-sm: (
172
172
  fontFamily: "DN Sans",
173
173
  fontSize: 20,
174
- fontWeight: Regular,
174
+ fontWeight: Bold,
175
175
  letterSpacing: 0,
176
176
  lineHeight: 1.5
177
177
  ),
178
178
  functional-ingress-md: (
179
179
  fontFamily: "DN Sans",
180
180
  fontSize: 24,
181
- fontWeight: Regular,
181
+ fontWeight: Bold,
182
182
  letterSpacing: 0,
183
183
  lineHeight: 1.5
184
184
  ),
@@ -326,13 +326,19 @@ $typographyScreenExtraLarge: (
326
326
  letterSpacing: 0,
327
327
  lineHeight: 1.1
328
328
  ),
329
+ detail-teaser-large-rightcol: (
330
+ fontFamily: "DN Serif Headline",
331
+ fontSize: 22,
332
+ fontWeight: Bold,
333
+ letterSpacing: 0,
334
+ lineHeight: 1.2
335
+ ),
329
336
  detail-article-standard: (
330
337
  fontFamily: "DN Serif Display",
331
338
  fontSize: 48,
332
- fontWeight: Regular,
339
+ fontWeight: Bold,
333
340
  letterSpacing: 0,
334
- lineHeight: 1.1,
335
- fontStyle: italic
341
+ lineHeight: 1.1
336
342
  ),
337
343
  detail-article-opinion: (
338
344
  fontFamily: "DN Serif Display",
package/foundations/variables/typographyScreenLarge.scss CHANGED
@@ -171,14 +171,14 @@ $typographyScreenLarge: (
171
171
  functional-ingress-sm: (
172
172
  fontFamily: "DN Sans",
173
173
  fontSize: 20,
174
- fontWeight: Regular,
174
+ fontWeight: Bold,
175
175
  letterSpacing: 0,
176
176
  lineHeight: 1.5
177
177
  ),
178
178
  functional-ingress-md: (
179
179
  fontFamily: "DN Sans",
180
180
  fontSize: 24,
181
- fontWeight: Regular,
181
+ fontWeight: Bold,
182
182
  letterSpacing: 0,
183
183
  lineHeight: 1.5
184
184
  ),
@@ -326,13 +326,19 @@ $typographyScreenLarge: (
326
326
  letterSpacing: 0,
327
327
  lineHeight: 1.1
328
328
  ),
329
+ detail-teaser-large-rightcol: (
330
+ fontFamily: "DN Serif Headline",
331
+ fontSize: 22,
332
+ fontWeight: Bold,
333
+ letterSpacing: 0,
334
+ lineHeight: 1.2
335
+ ),
329
336
  detail-article-standard: (
330
337
  fontFamily: "DN Serif Display",
331
338
  fontSize: 40,
332
- fontWeight: Regular,
339
+ fontWeight: Bold,
333
340
  letterSpacing: 0,
334
- lineHeight: 1.1,
335
- fontStyle: italic
341
+ lineHeight: 1.1
336
342
  ),
337
343
  detail-article-opinion: (
338
344
  fontFamily: "DN Serif Display",
package/foundations/variables/typographyScreenSmall.scss CHANGED
@@ -171,14 +171,14 @@ $typographyScreenSmall: (
171
171
  functional-ingress-sm: (
172
172
  fontFamily: "DN Sans",
173
173
  fontSize: 18,
174
- fontWeight: Regular,
174
+ fontWeight: Bold,
175
175
  letterSpacing: 0,
176
176
  lineHeight: 1.5
177
177
  ),
178
178
  functional-ingress-md: (
179
179
  fontFamily: "DN Sans",
180
180
  fontSize: 20,
181
- fontWeight: Regular,
181
+ fontWeight: Bold,
182
182
  letterSpacing: 0,
183
183
  lineHeight: 1.5
184
184
  ),
@@ -326,6 +326,13 @@ $typographyScreenSmall: (
326
326
  letterSpacing: 0,
327
327
  lineHeight: 1.1
328
328
  ),
329
+ detail-teaser-large-rightcol: (
330
+ fontFamily: "DN Serif Headline",
331
+ fontSize: 22,
332
+ fontWeight: Bold,
333
+ letterSpacing: 0,
334
+ lineHeight: 1.2
335
+ ),
329
336
  detail-article-standard: (
330
337
  fontFamily: "DN Serif Headline",
331
338
  fontSize: 26,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "25.0.6-beta.0",
3
+ "version": "25.0.6-beta.1",
4
4
  "description": "DN design system for web.",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/variables/typography-list.json CHANGED
@@ -45,6 +45,7 @@
45
45
  "detail-teaser-breaking": "'detail-teaser-breaking'",
46
46
  "detail-teaser-large-opinion": "'detail-teaser-large-opinion'",
47
47
  "detail-teaser-story": "'detail-teaser-story'",
48
+ "detail-teaser-large-rightcol": "'detail-teaser-large-rightcol'",
48
49
  "detail-article-standard": "'detail-article-standard'",
49
50
  "detail-article-opinion": "'detail-article-opinion'",
50
51
  "detail-article-longread": "'detail-article-longread'",