@synergy-design-system/metadata 3.0.1 → 3.1.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 (56) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/data/core/setup/setup:angular-components-module.json +1 -1
  3. package/data/core/setup/setup:angular-forms-module.json +1 -1
  4. package/data/core/setup/setup:angular-package.json +2 -2
  5. package/data/core/setup/setup:angular-validators-module.json +1 -1
  6. package/data/core/setup/setup:components-package.json +2 -2
  7. package/data/core/setup/setup:react-package.json +2 -2
  8. package/data/core/setup/setup:styles-package.json +2 -2
  9. package/data/core/setup/setup:tokens-package.json +2 -2
  10. package/data/core/setup/setup:vue-package.json +2 -2
  11. package/data/core/style/style:syn-body.json +1 -1
  12. package/data/core/style/style:syn-heading.json +1 -1
  13. package/data/core/style/style:syn-link-list.json +1 -1
  14. package/data/core/style/style:syn-link.json +1 -1
  15. package/data/core/style/style:syn-table-cell.json +1 -1
  16. package/data/core/style/style:syn-table.json +1 -1
  17. package/data/core/style/style:syn-weight.json +1 -1
  18. package/data/core/template/template:loading-screen.json +22 -0
  19. package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json +1 -1
  20. package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json +1 -1
  21. package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json +1 -1
  22. package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json +1 -1
  23. package/data/core/token/token:tokens-js-index-d-ts.json +1 -1
  24. package/data/core/token/token:tokens-js-index-js.json +1 -1
  25. package/data/core/token/token:tokens-scss-tokens-scss.json +1 -1
  26. package/data/core/token/token:tokens-themes-sick2018-dark-css.json +1 -1
  27. package/data/core/token/token:tokens-themes-sick2018-light-css.json +1 -1
  28. package/data/core/token/token:tokens-themes-sick2025-dark-css.json +1 -1
  29. package/data/core/token/token:tokens-themes-sick2025-light-css.json +1 -1
  30. package/data/index.json +15 -1
  31. package/data/layers/examples/style/style:syn-body.md +28 -1
  32. package/data/layers/examples/style/style:syn-heading.md +44 -1
  33. package/data/layers/examples/template/template:loading-screen.md +393 -0
  34. package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +8 -0
  35. package/data/layers/full/setup/setup:angular-package/angular/package.json +1 -1
  36. package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +7 -0
  37. package/data/layers/full/setup/setup:components-package/components/package.json +1 -1
  38. package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +8 -0
  39. package/data/layers/full/setup/setup:react-package/react/package.json +1 -1
  40. package/data/layers/full/setup/setup:styles-package/styles/CHANGELOG.md +13 -0
  41. package/data/layers/full/setup/setup:styles-package/styles/package.json +1 -1
  42. package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +13 -0
  43. package/data/layers/full/setup/setup:tokens-package/tokens/package.json +1 -1
  44. package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +8 -0
  45. package/data/layers/full/setup/setup:vue-package/vue/package.json +1 -1
  46. package/data/layers/full/styles/typography/body.css +6 -2
  47. package/data/layers/full/styles/typography/heading.css +9 -1
  48. package/data/layers/full/tokens/js/index.d.ts +16 -1
  49. package/data/layers/full/tokens/js/index.js +16 -1
  50. package/data/layers/full/tokens/scss/_tokens.scss +4 -1
  51. package/data/layers/full/tokens/themes/sick2018_dark.css +4 -1
  52. package/data/layers/full/tokens/themes/sick2018_light.css +4 -1
  53. package/data/layers/full/tokens/themes/sick2025_dark.css +4 -1
  54. package/data/layers/full/tokens/themes/sick2025_light.css +4 -1
  55. package/data/manifest.json +1 -1
  56. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # Changelog
2
2
 
3
+ ## 3.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1273](https://github.com/synergy-design-system/synergy-design-system/pull/1273) [`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-29
8
+
9
+ feat: ✨ add new headline styles ([#1268](https://github.com/synergy-design-system/synergy-design-system/issues/1268))
10
+
11
+ This Release adds missing typographic classes:
12
+ - `.syn-heading--medium`
13
+ - `.syn-heading--4x-large`
14
+ - `.syn-body--2x-small`
15
+
3
16
  ## 3.0.1
4
17
 
5
18
  ### Patch Changes
@@ -21,7 +21,7 @@
21
21
  "name": "Angular Components Module",
22
22
  "package": "angular",
23
23
  "relations": [],
24
- "since": "3.12.1",
24
+ "since": "3.13.0",
25
25
  "sources": [
26
26
  "packages/angular/modules/synergy/synergy.module.ts",
27
27
  "packages/angular/components/index.ts"
@@ -22,7 +22,7 @@
22
22
  "name": "Angular Forms Module",
23
23
  "package": "angular",
24
24
  "relations": [],
25
- "since": "3.12.1",
25
+ "since": "3.13.0",
26
26
  "sources": [
27
27
  "packages/angular/modules/forms/forms.module.ts"
28
28
  ],
@@ -2,7 +2,7 @@
2
2
  "custom": {
3
3
  "framework": "angular",
4
4
  "packageName": "@synergy-design-system/angular",
5
- "packageVersion": "3.12.1",
5
+ "packageVersion": "3.13.0",
6
6
  "subpathExports": [
7
7
  ".",
8
8
  "./components/*",
@@ -39,7 +39,7 @@
39
39
  "name": "Angular Framework Package",
40
40
  "package": "angular",
41
41
  "relations": [],
42
- "since": "3.12.1",
42
+ "since": "3.13.0",
43
43
  "sources": [
44
44
  "packages/angular/README.md",
45
45
  "packages/angular/CHANGELOG.md",
@@ -22,7 +22,7 @@
22
22
  "name": "Angular Validators Module",
23
23
  "package": "angular",
24
24
  "relations": [],
25
- "since": "3.12.1",
25
+ "since": "3.13.0",
26
26
  "sources": [
27
27
  "packages/angular/directives/validators/validators.ts"
28
28
  ],
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "custom": {
3
3
  "packageName": "@synergy-design-system/components",
4
- "packageVersion": "3.12.1"
4
+ "packageVersion": "3.13.0"
5
5
  },
6
6
  "id": "setup:components-package",
7
7
  "kind": "setup",
@@ -40,7 +40,7 @@
40
40
  "name": "Components Package",
41
41
  "package": "components",
42
42
  "relations": [],
43
- "since": "3.12.1",
43
+ "since": "3.13.0",
44
44
  "sources": [
45
45
  "packages/components/README.md",
46
46
  "packages/components/CHANGELOG.md",
@@ -2,7 +2,7 @@
2
2
  "custom": {
3
3
  "framework": "react",
4
4
  "packageName": "@synergy-design-system/react",
5
- "packageVersion": "3.12.1",
5
+ "packageVersion": "3.13.0",
6
6
  "subpathExports": [
7
7
  ".",
8
8
  "./components/*",
@@ -42,7 +42,7 @@
42
42
  "name": "React Framework Package",
43
43
  "package": "react",
44
44
  "relations": [],
45
- "since": "3.12.1",
45
+ "since": "3.13.0",
46
46
  "sources": [
47
47
  "packages/react/README.md",
48
48
  "packages/react/CHANGELOG.md",
@@ -6,7 +6,7 @@
6
6
  "./package.json"
7
7
  ],
8
8
  "packageName": "@synergy-design-system/styles",
9
- "packageVersion": "2.0.4"
9
+ "packageVersion": "2.1.0"
10
10
  },
11
11
  "id": "setup:styles-package",
12
12
  "kind": "setup",
@@ -33,7 +33,7 @@
33
33
  "name": "Styles Package",
34
34
  "package": "styles",
35
35
  "relations": [],
36
- "since": "2.0.4",
36
+ "since": "2.1.0",
37
37
  "sources": [
38
38
  "packages/styles/README.md",
39
39
  "packages/styles/CHANGELOG.md",
@@ -24,7 +24,7 @@
24
24
  "./themes/*"
25
25
  ],
26
26
  "packageName": "@synergy-design-system/tokens",
27
- "packageVersion": "3.12.1"
27
+ "packageVersion": "3.13.0"
28
28
  },
29
29
  "id": "setup:tokens-package",
30
30
  "kind": "setup",
@@ -51,7 +51,7 @@
51
51
  "name": "Tokens Package",
52
52
  "package": "tokens",
53
53
  "relations": [],
54
- "since": "3.12.1",
54
+ "since": "3.13.0",
55
55
  "sources": [
56
56
  "packages/tokens/BREAKING_CHANGES.md",
57
57
  "packages/tokens/CHANGELOG.md",
@@ -2,7 +2,7 @@
2
2
  "custom": {
3
3
  "framework": "vue",
4
4
  "packageName": "@synergy-design-system/vue",
5
- "packageVersion": "3.12.1"
5
+ "packageVersion": "3.13.0"
6
6
  },
7
7
  "id": "setup:vue-package",
8
8
  "kind": "setup",
@@ -33,7 +33,7 @@
33
33
  "name": "Vue Framework Package",
34
34
  "package": "vue",
35
35
  "relations": [],
36
- "since": "3.12.1",
36
+ "since": "3.13.0",
37
37
  "sources": [
38
38
  "packages/vue/README.md",
39
39
  "packages/vue/CHANGELOG.md",
@@ -21,7 +21,7 @@
21
21
  "name": "syn-body",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/typography/body.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-heading",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/typography/heading.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-link-list",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/link-list/index.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-link",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/link/index.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-table-cell",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/tables/table-cell.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-table",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/tables/table.css"
27
27
  ],
@@ -21,7 +21,7 @@
21
21
  "name": "syn-weight",
22
22
  "package": "styles",
23
23
  "relations": [],
24
- "since": "2.0.4",
24
+ "since": "2.1.0",
25
25
  "sources": [
26
26
  "packages/styles/src/typography/weight.css"
27
27
  ],
@@ -0,0 +1,22 @@
1
+ {
2
+ "custom": {},
3
+ "id": "template:loading-screen",
4
+ "kind": "template",
5
+ "layers": {
6
+ "examples": [
7
+ {
8
+ "layer": "examples",
9
+ "path": "layers/examples/template/template:loading-screen.md"
10
+ }
11
+ ]
12
+ },
13
+ "name": "Loading Screen",
14
+ "package": "docs",
15
+ "relations": [],
16
+ "since": "1.0.0",
17
+ "sources": [],
18
+ "status": "stable",
19
+ "tags": [
20
+ "template"
21
+ ]
22
+ }
@@ -18,7 +18,7 @@
18
18
  "name": "sick2018-dark.json",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/src/figma-variables/output/sick2018-dark.json"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2018-light.json",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/src/figma-variables/output/sick2018-light.json"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2025-dark.json",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/src/figma-variables/output/sick2025-dark.json"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2025-light.json",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/src/figma-variables/output/sick2025-light.json"
24
24
  ],
@@ -17,7 +17,7 @@
17
17
  "name": "index.d.ts",
18
18
  "package": "tokens",
19
19
  "relations": [],
20
- "since": "3.12.1",
20
+ "since": "3.13.0",
21
21
  "sources": [
22
22
  "packages/tokens/dist/js/index.d.ts"
23
23
  ],
@@ -17,7 +17,7 @@
17
17
  "name": "index.js",
18
18
  "package": "tokens",
19
19
  "relations": [],
20
- "since": "3.12.1",
20
+ "since": "3.13.0",
21
21
  "sources": [
22
22
  "packages/tokens/dist/js/index.js"
23
23
  ],
@@ -17,7 +17,7 @@
17
17
  "name": "_tokens.scss",
18
18
  "package": "tokens",
19
19
  "relations": [],
20
- "since": "3.12.1",
20
+ "since": "3.13.0",
21
21
  "sources": [
22
22
  "packages/tokens/dist/scss/_tokens.scss"
23
23
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2018_dark.css",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/dist/themes/sick2018_dark.css"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2018_light.css",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/dist/themes/sick2018_light.css"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2025_dark.css",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/dist/themes/sick2025_dark.css"
24
24
  ],
@@ -18,7 +18,7 @@
18
18
  "name": "sick2025_light.css",
19
19
  "package": "tokens",
20
20
  "relations": [],
21
- "since": "3.12.1",
21
+ "since": "3.13.0",
22
22
  "sources": [
23
23
  "packages/tokens/dist/themes/sick2025_light.css"
24
24
  ],
package/data/index.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "builtAt": "2026-04-28T09:14:39.905Z",
2
+ "builtAt": "2026-04-29T12:24:03.622Z",
3
3
  "entities": [
4
4
  {
5
5
  "corePath": "data/core/asset/asset:sick2018-icons.json",
@@ -1503,6 +1503,20 @@
1503
1503
  "template"
1504
1504
  ]
1505
1505
  },
1506
+ {
1507
+ "corePath": "data/core/template/template:loading-screen.json",
1508
+ "id": "template:loading-screen",
1509
+ "kind": "template",
1510
+ "layers": {
1511
+ "examples": 1
1512
+ },
1513
+ "name": "Loading Screen",
1514
+ "search": [
1515
+ "template:loading-screen",
1516
+ "Loading Screen",
1517
+ "template"
1518
+ ]
1519
+ },
1506
1520
  {
1507
1521
  "corePath": "data/core/template/template:localization.json",
1508
1522
  "id": "template:localization",
@@ -1,5 +1,32 @@
1
1
  ## Default
2
2
 
3
3
  ```html
4
- <span class="syn-body--x-small"> This is a default body text </span>
4
+ <span class="syn-body--2x-small"> This is a default body text </span>
5
+ ```
6
+
7
+ ---
8
+
9
+ ## Available Body Text
10
+
11
+ ```html
12
+ <section class="body-stories-list">
13
+ <p class="syn-body--2x-small">
14
+ The quick brown fox jumped over the lazy dog.
15
+ </p>
16
+ <p class="syn-body--x-small">The quick brown fox jumped over the lazy dog.</p>
17
+ <p class="syn-body--small">The quick brown fox jumped over the lazy dog.</p>
18
+ <p class="syn-body--medium">The quick brown fox jumped over the lazy dog.</p>
19
+ <p class="syn-body--large">The quick brown fox jumped over the lazy dog.</p>
20
+ </section>
21
+ <style>
22
+ section.body-stories-list {
23
+ display: flex;
24
+ gap: var(--syn-spacing-medium);
25
+ flex-direction: column;
26
+
27
+ p {
28
+ margin: 0;
29
+ }
30
+ }
31
+ </style>
5
32
  ```
@@ -1,5 +1,48 @@
1
1
  ## Default
2
2
 
3
3
  ```html
4
- <span class="syn-heading--3x-large"> This is a default heading text </span>
4
+ <span class="syn-heading--4x-large"> This is a default heading text </span>
5
+ ```
6
+
7
+ ---
8
+
9
+ ## Available Headings
10
+
11
+ ```html
12
+ <section class="heading-stories-list">
13
+ <h6 class="syn-heading--medium">
14
+ The quick brown fox jumped over the lazy dog.
15
+ </h6>
16
+ <h5 class="syn-heading--large">
17
+ The quick brown fox jumped over the lazy dog.
18
+ </h5>
19
+ <h4 class="syn-heading--x-large">
20
+ The quick brown fox jumped over the lazy dog.
21
+ </h4>
22
+ <h3 class="syn-heading--2x-large">
23
+ The quick brown fox jumped over the lazy dog.
24
+ </h3>
25
+ <h2 class="syn-heading--3x-large">
26
+ The quick brown fox jumped over the lazy dog.
27
+ </h2>
28
+ <h1 class="syn-heading--4x-large">
29
+ The quick brown fox jumped over the lazy dog.
30
+ </h1>
31
+ </section>
32
+ <style>
33
+ section.heading-stories-list {
34
+ display: flex;
35
+ gap: var(--syn-spacing-medium);
36
+ flex-direction: column;
37
+
38
+ h1,
39
+ h2,
40
+ h3,
41
+ h4,
42
+ h5,
43
+ h6 {
44
+ margin: 0;
45
+ }
46
+ }
47
+ </style>
5
48
  ```