@bonniernews/dn-design-system-web 3.0.0-alpha.76 → 3.0.0-alpha.77

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 (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/foundations/variables/colorsCssVariables.scss +1 -0
  3. package/foundations/variables/colorsDnDarkTokens.scss +1 -0
  4. package/foundations/variables/colorsDnLightTokens.scss +1 -0
  5. package/foundations/variables/typographyTokensList.scss +1 -0
  6. package/foundations/variables/typographyTokensScreenLarge.scss +20 -12
  7. package/foundations/variables/typographyTokensScreenSmall.scss +8 -0
  8. package/package.json +1 -1
  9. package/tokens/colors-css-variables.json +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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
+ ## [3.0.0-alpha.77](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.76...@bonniernews/dn-design-system-web@3.0.0-alpha.77) (2023-06-01)
7
+
8
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
9
+
10
+
11
+
12
+
13
+
6
14
  ## [3.0.0-alpha.76](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.75...@bonniernews/dn-design-system-web@3.0.0-alpha.76) (2023-05-31)
7
15
 
8
16
  **Note:** Version bump only for package @bonniernews/dn-design-system-web
package/foundations/variables/colorsCssVariables.scss CHANGED
@@ -67,6 +67,7 @@ $ds-color-static-ad-yellow: var(--ds-color-static-ad-yellow);
67
67
  $ds-color-static-neutral-100: var(--ds-color-static-neutral-100);
68
68
  $ds-color-static-neutral-500: var(--ds-color-static-neutral-500);
69
69
  $ds-color-static-red-500: var(--ds-color-static-red-500);
70
+ $ds-color-static-yellow: var(--ds-color-static-yellow);
70
71
  $ds-color-gradient-content-fade-left: var(--ds-color-gradient-content-fade-left);
71
72
  $ds-color-gradient-content-fade-right: var(--ds-color-gradient-content-fade-right);
72
73
  $ds-color-gradient-content-fade-up: var(--ds-color-gradient-content-fade-up);
package/foundations/variables/colorsDnDarkTokens.scss CHANGED
@@ -72,3 +72,4 @@ $ds-hex-dark-static-ad-yellow: #FFEAC2;
72
72
  $ds-hex-dark-static-neutral-100: #EDEDED;
73
73
  $ds-hex-dark-static-neutral-500: #9E9E9E;
74
74
  $ds-hex-dark-static-red-500: #DA000D;
75
+ $ds-hex-dark-static-yellow: #FFE600;
package/foundations/variables/colorsDnLightTokens.scss CHANGED
@@ -67,6 +67,7 @@ $ds-hex-static-ad-yellow: #FFEAC2;
67
67
  $ds-hex-static-neutral-100: #EDEDED;
68
68
  $ds-hex-static-neutral-500: #9E9E9E;
69
69
  $ds-hex-static-red-500: #DA000D;
70
+ $ds-hex-static-yellow: #FFE600;
70
71
  $ds-hex-gradient-content-fade-left: linear-gradient(90deg, #ffffff00 0%, #ffffff 100%);
71
72
  $ds-hex-gradient-content-fade-right: linear-gradient(-90deg, #ffffff00 0%, #ffffff 100%);
72
73
  $ds-hex-gradient-content-fade-up: linear-gradient(180deg, #ffffff00 0%, #ffffff 100%);
package/foundations/variables/typographyTokensList.scss CHANGED
@@ -82,3 +82,4 @@ $ds-typography-detaildropcap: 'detaildropcap';
82
82
  $ds-typography-detailstandard-button-small: 'detailstandard-button-small';
83
83
  $ds-typography-detailarticle-label: 'detailarticle-label';
84
84
  $ds-typography-detailmedryckare: 'detailmedryckare';
85
+ $ds-typography-detailbaota-xl-label: 'detailbaota-xl-label';
package/foundations/variables/typographyTokensScreenLarge.scss CHANGED
@@ -120,38 +120,38 @@ $typographyTokensScreenLarge: (
120
120
  expressive-heading04regular: (
121
121
  fontFamily: "DN Serif",
122
122
  fontWeight: Regular,
123
- fontSize: 48,
124
- lineHeight: 52
123
+ fontSize: 56,
124
+ lineHeight: 60
125
125
  ),
126
126
  expressive-heading04semibold: (
127
127
  fontFamily: "DN Serif",
128
128
  fontWeight: SemiBold,
129
- fontSize: 48,
130
- lineHeight: 52
129
+ fontSize: 56,
130
+ lineHeight: 60
131
131
  ),
132
132
  expressive-heading04bold: (
133
133
  fontFamily: "DN Serif",
134
134
  fontWeight: Bold,
135
- fontSize: 48,
136
- lineHeight: 52
135
+ fontSize: 56,
136
+ lineHeight: 60
137
137
  ),
138
138
  expressive-heading04italicregular: (
139
- fontSize: 48,
140
- lineHeight: 52,
139
+ fontSize: 56,
140
+ lineHeight: 60,
141
141
  fontWeight: Regular,
142
142
  fontFamily: "DN Serif Italic",
143
143
  fontStyle: italic
144
144
  ),
145
145
  expressive-heading04italicsemibold: (
146
- fontSize: 48,
147
- lineHeight: 52,
146
+ fontSize: 56,
147
+ lineHeight: 60,
148
148
  fontWeight: SemiBold,
149
149
  fontFamily: "DN Serif Italic",
150
150
  fontStyle: italic
151
151
  ),
152
152
  expressive-heading04italicbold: (
153
- fontSize: 48,
154
- lineHeight: 52,
153
+ fontSize: 56,
154
+ lineHeight: 60,
155
155
  fontWeight: Bold,
156
156
  fontFamily: "DN Serif Italic",
157
157
  fontStyle: italic
@@ -534,5 +534,13 @@ $typographyTokensScreenLarge: (
534
534
  fontWeight: Regular,
535
535
  fontSize: 16,
536
536
  lineHeight: 22
537
+ ),
538
+ detailbaota-xl-label: (
539
+ fontFamily: "DN Sans",
540
+ fontWeight: Bold,
541
+ lineHeight: 24,
542
+ fontSize: 16,
543
+ textCase: upperCase,
544
+ letterSpacing: 0.7
537
545
  )
538
546
  );
package/foundations/variables/typographyTokensScreenSmall.scss CHANGED
@@ -539,5 +539,13 @@ $typographyTokensScreenSmall: (
539
539
  fontWeight: Regular,
540
540
  fontSize: 16,
541
541
  lineHeight: 22
542
+ ),
543
+ detailbaota-xl-label: (
544
+ fontFamily: "DN Sans",
545
+ fontWeight: Bold,
546
+ lineHeight: 24,
547
+ fontSize: 16,
548
+ textCase: upperCase,
549
+ letterSpacing: 0.7
542
550
  )
543
551
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "3.0.0-alpha.76",
3
+ "version": "3.0.0-alpha.77",
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/colors-css-variables.json CHANGED
@@ -68,6 +68,7 @@
68
68
  "static-neutral-100": "var(--ds-color-static-neutral-100)",
69
69
  "static-neutral-500": "var(--ds-color-static-neutral-500)",
70
70
  "static-red-500": "var(--ds-color-static-red-500)",
71
+ "static-yellow": "var(--ds-color-static-yellow)",
71
72
  "gradient-content-fade-left": "var(--ds-color-gradient-content-fade-left)",
72
73
  "gradient-content-fade-right": "var(--ds-color-gradient-content-fade-right)",
73
74
  "gradient-content-fade-up": "var(--ds-color-gradient-content-fade-up)",