@bonniernews/dn-design-system-web 8.8.1 → 8.8.4-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 (10) hide show
  1. package/.release-it.js +39 -0
  2. package/CHANGELOG.md +24 -32
  3. package/foundations/typography/fontDefinitions.scss +4 -4
  4. package/foundations/variables/colorsCssVariables.scss +1 -0
  5. package/foundations/variables/colorsDnDarkTokens.scss +1 -0
  6. package/foundations/variables/colorsDnLightTokens.scss +1 -0
  7. package/package.json +9 -2
  8. package/tokens/colors-css-variables.json +1 -0
  9. package/tokens/colors-dark-mode.json +2 -1
  10. package/tokens/colors-light-mode.json +2 -1
package/.release-it.js ADDED
@@ -0,0 +1,39 @@
1
+ const version = '${version}';
2
+ const packageName = process.env.npm_package_name;
3
+
4
+ module.exports = {
5
+ plugins: {
6
+ '@release-it/conventional-changelog': {
7
+ path: '.',
8
+ infile: 'CHANGELOG.md',
9
+ header: `# Changelog\n\nAll changes to @bonniernews/dn-design-system-web will be documented in this file.\n\n`,
10
+ preset: {
11
+ name: 'conventionalcommits',
12
+ types: [
13
+ { type: "feat", "section": "Features" },
14
+ { type: "fix", "section": "Bug Fixes" },
15
+ { type: "chore", "section": "Maintenance", "hidden": false },
16
+ { type: "docs", "section": "Maintenance", "hidden": false },
17
+ { type: "style", "section": "Maintenance", "hidden": false },
18
+ { type: "refactor", "section": "Maintenance", "hidden": false },
19
+ { type: "perf", "section": "Maintenance", "hidden": false },
20
+ { type: "test", "section": "Maintenance", "hidden": false }
21
+ ]
22
+ },
23
+ },
24
+ },
25
+ git: {
26
+ push: true,
27
+ tagName: `@bonniernews/dn-design-system-web@${version}`,
28
+ commitsPath: '.',
29
+ commitMessage: `chore(web): released version v${version}`,
30
+ requireCommits: false
31
+ },
32
+ github: {
33
+ "tokenRef": "GITHUB_TOKEN"
34
+ },
35
+ npm: {
36
+ publish: false,
37
+ versionArgs: ['--workspaces false'],
38
+ }
39
+ };
package/CHANGELOG.md CHANGED
@@ -1,86 +1,78 @@
1
- # Change Log
1
+ # Changelog
2
2
 
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
3
+ All changes to @bonniernews/dn-design-system-web will be documented in this file.
5
4
 
6
- ## 8.8.1 (2023-11-28)
7
5
 
8
6
 
9
- ### Bug Fixes
7
+ ## [8.8.4-beta.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@8.8.3...@bonniernews/dn-design-system-web@8.8.4-beta.0) (2023-11-29)
10
8
 
11
- * **web:** pass group header variant to teaser list swipe ([#1116](https://github.com/BonnierNews/dn-design-system/issues/1116)) ([2f9f49e](https://github.com/BonnierNews/dn-design-system/commit/2f9f49e60c674f5b3cadf27035c10f99cfec976d))
12
9
 
10
+ ### Maintenance
13
11
 
12
+ * **web:** try experimentell variable font ([25909f7](https://github.com/BonnierNews/dn-design-system/commit/25909f7ec98df1c4970f900d527f0d4786701ed5))
14
13
 
15
- ## 8.8.0 (2023-11-27)
14
+ ## [8.8.3](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@8.8.2...@bonniernews/dn-design-system-web@8.8.3) (2023-11-29)
16
15
 
17
16
 
18
- ### Features
17
+ ### Maintenance
19
18
 
20
- * **web:** link box component ([#1115](https://github.com/BonnierNews/dn-design-system/issues/1115)) ([e062369](https://github.com/BonnierNews/dn-design-system/commit/e0623692ab5292d96c83cae29c0b60eb138926f5))
19
+ * **foundations:** update tokens from Figma ([#1120](https://github.com/BonnierNews/dn-design-system/issues/1120)) ([585fb4e](https://github.com/BonnierNews/dn-design-system/commit/585fb4e49e092cd586d6ac3392e407b5876152b2))
21
20
 
21
+ ## [8.8.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@8.8.1...@bonniernews/dn-design-system-web@8.8.2) (2023-11-29)
22
22
 
23
23
 
24
- ## 8.7.0 (2023-11-24)
24
+ ### Maintenance
25
25
 
26
+ * **deps:** release it config ([#1118](https://github.com/BonnierNews/dn-design-system/issues/1118)) ([6aff7f2](https://github.com/BonnierNews/dn-design-system/commit/6aff7f2867fe4b54a06b7900790a7794c23d6e30))
26
27
 
27
- ### Features
28
+ ## 8.8.1 (2023-11-28)
28
29
 
29
- * **web:** add Direkt circle as DS component and use it in new group header variant "Direkt" ([#1112](https://github.com/BonnierNews/dn-design-system/issues/1112)) ([a0e6f8b](https://github.com/BonnierNews/dn-design-system/commit/a0e6f8b765b270bf6b0708a034b323809abc6266))
30
+ ### Bug Fixes
30
31
 
32
+ * **web:** pass group header variant to teaser list swipe ([#1116](https://github.com/BonnierNews/dn-design-system/issues/1116)) ([2f9f49e](https://github.com/BonnierNews/dn-design-system/commit/2f9f49e60c674f5b3cadf27035c10f99cfec976d))
31
33
 
34
+ ## 8.8.0 (2023-11-27)
32
35
 
33
- ## 8.6.1 (2023-11-23)
36
+ ### Features
34
37
 
35
- **Note:** Version bump only for package @bonniernews/dn-design-system-web
38
+ * **web:** link box component ([#1115](https://github.com/BonnierNews/dn-design-system/issues/1115)) ([e062369](https://github.com/BonnierNews/dn-design-system/commit/e0623692ab5292d96c83cae29c0b60eb138926f5))
36
39
 
40
+ ## 8.7.0 (2023-11-24)
41
+
42
+ ### Features
37
43
 
44
+ * **web:** add Direkt circle as DS component and use it in new group header variant "Direkt" ([#1112](https://github.com/BonnierNews/dn-design-system/issues/1112)) ([a0e6f8b](https://github.com/BonnierNews/dn-design-system/commit/a0e6f8b765b270bf6b0708a034b323809abc6266))
38
45
 
46
+ ## 8.6.1 (2023-11-23)
39
47
 
48
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
40
49
 
41
50
  ## 8.6.0 (2023-11-22)
42
51
 
43
-
44
52
  ### Features
45
53
 
46
54
  * **web:** add quiz header component ([#1102](https://github.com/BonnierNews/dn-design-system/issues/1102)) ([4f8b2f2](https://github.com/BonnierNews/dn-design-system/commit/4f8b2f2e1d9c7987ed0291645d5c4595d2332007))
47
55
 
48
-
49
-
50
56
  ## 8.5.0 (2023-11-22)
51
57
 
52
-
53
58
  ### Features
54
59
 
55
60
  * **web:** implement compact version of standard teaser ([#1100](https://github.com/BonnierNews/dn-design-system/issues/1100)) ([8c66b69](https://github.com/BonnierNews/dn-design-system/commit/8c66b695c7f2fac54bfdd819a62fc8014b30ce83))
56
61
 
57
-
58
-
59
62
  ## 8.4.6 (2023-11-21)
60
63
 
61
64
  **Note:** Version bump only for package @bonniernews/dn-design-system-web
62
65
 
63
-
64
-
65
-
66
-
67
66
  ## 8.4.5 (2023-11-20)
68
67
 
69
-
70
68
  ### Bug Fixes
71
69
 
72
70
  * **web:** remove bumped fonts ([#1109](https://github.com/BonnierNews/dn-design-system/issues/1109)) ([1a5b50a](https://github.com/BonnierNews/dn-design-system/commit/1a5b50a8e3df4732e029fd4ca0fd24287cc7e98b))
73
71
 
74
-
75
-
76
72
  ## 8.4.4 (2023-11-20)
77
73
 
78
74
  **Note:** Version bump only for package @bonniernews/dn-design-system-web
79
75
 
80
-
81
-
82
-
83
-
84
76
  ## 8.4.3 (2023-11-20)
85
77
 
86
78
 
@@ -336,7 +328,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
336
328
 
337
329
  ### ⚠ BREAKING CHANGES
338
330
 
339
- * **web:** Fonts now depend on css variables, if you do not load the base file it's required to load the file cssVariables.scss. This file replaces colors.scss and shadows.scss.
331
+ * **web:** Fonts now depend on css variables, if you do not load the base file it's required to load the file cssVariables.scss. This file replaces colors.scss and shadows.scss.
340
332
 
341
333
  ### Code Refactoring
342
334
 
package/foundations/typography/fontDefinitions.scss CHANGED
@@ -3,7 +3,7 @@ $dnSerif: (
3
3
  fontFamily: DNSerifVf,
4
4
  sources: (
5
5
  (
6
- file: "DNSerif-1-600-Variable.woff2",
6
+ file: "DNSerif-1-602-Variable.woff2",
7
7
  format: "woff2-variations",
8
8
  ),
9
9
  ),
@@ -94,7 +94,7 @@ $dnSerifItalic: (
94
94
  fontFamily: DNSerifVf,
95
95
  sources: (
96
96
  (
97
- file: "DNSerifItalic-1-600-Variable.woff2",
97
+ file: "DNSerifItalic-1-602-Variable.woff2",
98
98
  format: "woff2-variations",
99
99
  ),
100
100
  ),
@@ -193,7 +193,7 @@ $dnSans: (
193
193
  fontFamily: DNSansVF,
194
194
  sources: (
195
195
  (
196
- file: "DNSans-1-400-Variable.woff2",
196
+ file: "DNSans-1-402-Variable.woff2",
197
197
  format: "woff2-variations",
198
198
  ),
199
199
  ),
@@ -273,7 +273,7 @@ $dnSansItalic: (
273
273
  fontFamily: DNSansVF,
274
274
  sources: (
275
275
  (
276
- file: "DNSansItalic-1-400-Variable.woff2",
276
+ file: "DNSansItalic-1-402-Variable.woff2",
277
277
  format: "woff2-variations",
278
278
  ),
279
279
  ),
package/foundations/variables/colorsCssVariables.scss CHANGED
@@ -39,6 +39,7 @@ $ds-color-surface-native-article: var(--ds-color-surface-native-article);
39
39
  $ds-color-surface-background: var(--ds-color-surface-background);
40
40
  $ds-color-surface-raised: var(--ds-color-surface-raised);
41
41
  $ds-color-surface-elevated: var(--ds-color-surface-elevated);
42
+ $ds-color-surface-overlay: var(--ds-color-surface-overlay);
42
43
  $ds-color-border-primary: var(--ds-color-border-primary);
43
44
  $ds-color-border-primary-02: var(--ds-color-border-primary-02);
44
45
  $ds-color-border-primary-03: var(--ds-color-border-primary-03);
package/foundations/variables/colorsDnDarkTokens.scss CHANGED
@@ -39,6 +39,7 @@ $ds-hex-dark-surface-background: #141414;
39
39
  $ds-hex-dark-surface-raised: #2B2B2B;
40
40
  $ds-hex-dark-surface-native-article: #2B2B2B;
41
41
  $ds-hex-dark-surface-elevated: #2B2B2B;
42
+ $ds-hex-dark-surface-overlay: #05050580;
42
43
  $ds-hex-dark-border-primary: #ffffff1a;
43
44
  $ds-hex-dark-border-primary-02: #ffffff66;
44
45
  $ds-hex-dark-border-primary-03: #EDEDED;
package/foundations/variables/colorsDnLightTokens.scss CHANGED
@@ -39,6 +39,7 @@ $ds-hex-surface-native-article: #EDEDED;
39
39
  $ds-hex-surface-background: #ffffff;
40
40
  $ds-hex-surface-raised: #EDEDED;
41
41
  $ds-hex-surface-elevated: #ffffff;
42
+ $ds-hex-surface-overlay: #05050580;
42
43
  $ds-hex-border-primary: #08080821;
43
44
  $ds-hex-border-primary-02: #08080866;
44
45
  $ds-hex-border-primary-03: #050505;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "8.8.1",
3
+ "version": "8.8.4-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",
@@ -15,7 +15,12 @@
15
15
  "url": "https://github.com/BonnierNews/dn-design-system/issues"
16
16
  },
17
17
  "devDependencies": {
18
+ "@commitlint/cli": "^18.4.3",
19
+ "@commitlint/config-conventional": "^18.4.3",
20
+ "@release-it/conventional-changelog": "^8.0.1",
21
+ "conventional-changelog-conventionalcommits": "^6.1.0",
18
22
  "postcss": "8.4.31",
23
+ "release-it": "^17.0.0",
19
24
  "stylelint": "^15.11.0",
20
25
  "stylelint-config-recommended-scss": "^13.1.0",
21
26
  "stylelint-prettier": "^4.0.2",
@@ -23,6 +28,8 @@
23
28
  "stylelint-selector-bem-pattern": "^2.1.1"
24
29
  },
25
30
  "scripts": {
26
- "lint:styles": "yarn stylelint \"**/*.scss\" \"!node_modules/\""
31
+ "lint:styles": "yarn stylelint \"**/*.scss\" \"!node_modules/\"",
32
+ "release:web": "release-it --ci --vv",
33
+ "prerelease:web": "release-it --preRelease=beta --ci --vv"
27
34
  }
28
35
  }
package/tokens/colors-css-variables.json CHANGED
@@ -40,6 +40,7 @@
40
40
  "surface-background": "var(--ds-color-surface-background)",
41
41
  "surface-raised": "var(--ds-color-surface-raised)",
42
42
  "surface-elevated": "var(--ds-color-surface-elevated)",
43
+ "surface-overlay": "var(--ds-color-surface-overlay)",
43
44
  "border-primary": "var(--ds-color-border-primary)",
44
45
  "border-primary-02": "var(--ds-color-border-primary-02)",
45
46
  "border-primary-03": "var(--ds-color-border-primary-03)",
package/tokens/colors-dark-mode.json CHANGED
@@ -46,7 +46,8 @@
46
46
  "background": "#141414",
47
47
  "raised": "#2B2B2B",
48
48
  "native-article": "#2B2B2B",
49
- "elevated": "#2B2B2B"
49
+ "elevated": "#2B2B2B",
50
+ "overlay": "#05050580"
50
51
  },
51
52
  "border": {
52
53
  "primary": "#ffffff1a",
package/tokens/colors-light-mode.json CHANGED
@@ -46,7 +46,8 @@
46
46
  "native-article": "#EDEDED",
47
47
  "background": "#ffffff",
48
48
  "raised": "#EDEDED",
49
- "elevated": "#ffffff"
49
+ "elevated": "#ffffff",
50
+ "overlay": "#05050580"
50
51
  },
51
52
  "border": {
52
53
  "primary": "#08080821",