@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/data/layers/full/tokens/js/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -2198,6 +2198,11 @@ export const SynBodyLargeSemibold = 'var(--syn-body-large-semibold)';
2198
2198
  */
2199
2199
  export const SynBodyLargeBold = 'var(--syn-body-large-bold)';
2200
2200
 
2201
+ /**
2202
+ * @type {string}
2203
+ */
2204
+ export const SynBody2xSmallRegular = 'var(--syn-body-2x-small-regular)';
2205
+
2201
2206
  /**
2202
2207
  * @type {string}
2203
2208
  */
@@ -2218,6 +2223,16 @@ export const SynHeading2xLarge = 'var(--syn-heading-2x-large)';
2218
2223
  */
2219
2224
  export const SynHeading3xLarge = 'var(--syn-heading-3x-large)';
2220
2225
 
2226
+ /**
2227
+ * @type {string}
2228
+ */
2229
+ export const SynHeadingMedium = 'var(--syn-heading-medium)';
2230
+
2231
+ /**
2232
+ * @type {string}
2233
+ */
2234
+ export const SynHeading4xLarge = 'var(--syn-heading-4x-large)';
2235
+
2221
2236
  /**
2222
2237
  * @type {string}
2223
2238
  */
package/data/layers/full/tokens/scss/_tokens.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  $SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;
@@ -441,8 +441,11 @@ $SynBodyMediumBold: var(--syn-body-medium-bold) !default;
441
441
  $SynBodyLargeRegular: var(--syn-body-large-regular) !default;
442
442
  $SynBodyLargeSemibold: var(--syn-body-large-semibold) !default;
443
443
  $SynBodyLargeBold: var(--syn-body-large-bold) !default;
444
+ $SynBody2xSmallRegular: var(--syn-body-2x-small-regular) !default;
444
445
  $SynHeadingLarge: var(--syn-heading-large) !default;
445
446
  $SynHeadingXLarge: var(--syn-heading-x-large) !default;
446
447
  $SynHeading2xLarge: var(--syn-heading-2x-large) !default;
447
448
  $SynHeading3xLarge: var(--syn-heading-3x-large) !default;
449
+ $SynHeadingMedium: var(--syn-heading-medium) !default;
450
+ $SynHeading4xLarge: var(--syn-heading-4x-large) !default;
448
451
  $SynFocusRing: var(--syn-focus-ring) !default;
package/data/layers/full/tokens/themes/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -446,9 +446,12 @@
446
446
  --syn-body-large-regular: 400 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
447
447
  --syn-body-large-semibold: 600 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
448
448
  --syn-body-large-bold: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
+ --syn-body-2x-small-regular: 400 11px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
450
  --syn-heading-large: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
450
451
  --syn-heading-x-large: 700 24px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
451
452
  --syn-heading-2x-large: 700 32px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
452
453
  --syn-heading-3x-large: 700 40px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
454
+ --syn-heading-medium: 700 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
455
+ --syn-heading-4x-large: 700 52px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
453
456
  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
454
457
  }
package/data/layers/full/tokens/themes/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -446,9 +446,12 @@
446
446
  --syn-body-large-regular: 400 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
447
447
  --syn-body-large-semibold: 600 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
448
448
  --syn-body-large-bold: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
+ --syn-body-2x-small-regular: 400 11px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
450
  --syn-heading-large: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
450
451
  --syn-heading-x-large: 700 24px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
451
452
  --syn-heading-2x-large: 700 32px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
452
453
  --syn-heading-3x-large: 700 40px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
454
+ --syn-heading-medium: 700 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
455
+ --syn-heading-4x-large: 700 52px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
453
456
  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
454
457
  }
package/data/layers/full/tokens/themes/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -446,9 +446,12 @@
446
446
  --syn-body-large-regular: 400 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
447
447
  --syn-body-large-semibold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
448
448
  --syn-body-large-bold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
+ --syn-body-2x-small-regular: 400 11px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
450
  --syn-heading-large: 400 22px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
450
451
  --syn-heading-x-large: 400 28px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
451
452
  --syn-heading-2x-large: 400 34px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
452
453
  --syn-heading-3x-large: 400 40px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
454
+ --syn-heading-medium: 600 18px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
455
+ --syn-heading-4x-large: 400 52px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
453
456
  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
454
457
  }
package/data/layers/full/tokens/themes/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.12.1
2
+ * @synergy-design-system/tokens version 3.13.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -446,9 +446,12 @@
446
446
  --syn-body-large-regular: 400 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
447
447
  --syn-body-large-semibold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
448
448
  --syn-body-large-bold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
+ --syn-body-2x-small-regular: 400 11px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
449
450
  --syn-heading-large: 400 22px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
450
451
  --syn-heading-x-large: 400 28px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
451
452
  --syn-heading-2x-large: 400 34px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
452
453
  --syn-heading-3x-large: 400 40px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
454
+ --syn-heading-medium: 600 18px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
455
+ --syn-heading-4x-large: 400 52px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
453
456
  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
454
457
  }
package/data/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "builtAt": "2026-04-28T09:14:39.906Z",
2
+ "builtAt": "2026-04-29T12:24:03.623Z",
3
3
  "sources": [
4
4
  {
5
5
  "entityCount": 4,
package/package.json CHANGED
@@ -19,12 +19,12 @@
19
19
  "serve-handler": "^6.1.7",
20
20
  "typescript": "^5.9.3",
21
21
  "zod": "^4.3.6",
22
- "@synergy-design-system/docs": "0.1.0",
22
+ "@synergy-design-system/components": "3.13.0",
23
23
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
24
- "@synergy-design-system/components": "3.12.1",
25
24
  "@synergy-design-system/fonts": "1.0.6",
26
- "@synergy-design-system/styles": "2.0.4",
27
- "@synergy-design-system/tokens": "^3.12.1"
25
+ "@synergy-design-system/docs": "0.1.0",
26
+ "@synergy-design-system/styles": "2.1.0",
27
+ "@synergy-design-system/tokens": "^3.13.0"
28
28
  },
29
29
  "exports": {
30
30
  ".": {
@@ -65,7 +65,7 @@
65
65
  },
66
66
  "types": "./dist/index.d.ts",
67
67
  "type": "module",
68
- "version": "3.0.1",
68
+ "version": "3.1.0",
69
69
  "scripts": {
70
70
  "build:all": "METADATA_LOG_LEVEL=info pnpm run build:ts && RUN_STORYBOOK_SCRAPER=true pnpm run build:data",
71
71
  "build": "METADATA_LOG_LEVEL=info pnpm run build:ts && pnpm run build:data",