@synergy-design-system/tokens 2.31.0 → 2.32.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 (15) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/js/index.d.ts +6 -1
  3. package/dist/js/index.js +6 -1
  4. package/dist/scss/_tokens.scss +2 -1
  5. package/dist/themes/dark.css +2 -1
  6. package/dist/themes/light.css +2 -1
  7. package/dist/themes/sick2018_dark.css +2 -1
  8. package/dist/themes/sick2018_light.css +2 -1
  9. package/dist/themes/sick2025_dark.css +2 -1
  10. package/dist/themes/sick2025_light.css +2 -1
  11. package/package.json +1 -1
  12. package/src/figma-variables/output/sick2018-dark.json +8 -0
  13. package/src/figma-variables/output/sick2018-light.json +8 -0
  14. package/src/figma-variables/output/sick2025-dark.json +8 -0
  15. package/src/figma-variables/output/sick2025-light.json +8 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [@synergy-design-system/tokens-v2.32.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.31.0...tokens/2.32.0) (2025-10-23)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-icon-button ([#1048](https://github.com/synergy-design-system/synergy-design-system/issues/1048)) ([d740a54](https://github.com/synergy-design-system/synergy-design-system/commit/d740a5495abd1b36bbe1c1c47fc69ca6a6480549))
7
+
1
8
  # [@synergy-design-system/tokens-v2.31.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.30.0...tokens/2.31.0) (2025-10-23)
2
9
 
3
10
 
package/dist/js/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -573,6 +573,11 @@ export const SynFontWeightSemibold: string;
573
573
  */
574
574
  export const SynHeaderBorderColor: string;
575
575
 
576
+ /**
577
+ * Maps to the css variable `--syn-icon-button-focus-ring-border-radius`
578
+ */
579
+ export const SynIconButtonFocusRingBorderRadius: string;
580
+
576
581
  /**
577
582
  * Maps to the css variable `--syn-input-background-color`
578
583
  */
package/dist/js/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -573,6 +573,11 @@ export const SynFontWeightSemibold = 'var(--syn-font-weight-semibold)';
573
573
  */
574
574
  export const SynHeaderBorderColor = 'var(--syn-header-border-color)';
575
575
 
576
+ /**
577
+ * @type {string}
578
+ */
579
+ export const SynIconButtonFocusRingBorderRadius = 'var(--syn-icon-button-focus-ring-border-radius)';
580
+
576
581
  /**
577
582
  * @type {string}
578
583
  */
package/dist/scss/_tokens.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  $SynBorderRadiusCircle: var(--syn-border-radius-circle) !default;
@@ -116,6 +116,7 @@ $SynFontWeightLight: var(--syn-font-weight-light) !default;
116
116
  $SynFontWeightNormal: var(--syn-font-weight-normal) !default;
117
117
  $SynFontWeightSemibold: var(--syn-font-weight-semibold) !default;
118
118
  $SynHeaderBorderColor: var(--syn-header-border-color) !default;
119
+ $SynIconButtonFocusRingBorderRadius: var(--syn-icon-button-focus-ring-border-radius) !default;
119
120
  $SynInputBackgroundColor: var(--syn-input-background-color) !default;
120
121
  $SynInputBackgroundColorDisabled: var(--syn-input-background-color-disabled) !default;
121
122
  $SynInputBackgroundColorFocus: var(--syn-input-background-color-focus) !default;
package/dist/themes/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/dist/themes/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/dist/themes/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/dist/themes/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/dist/themes/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-300);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
124
125
  --syn-input-background-color: var(--syn-color-neutral-50);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/dist/themes/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: #e6e1dc;
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/package.json CHANGED
@@ -113,7 +113,7 @@
113
113
  },
114
114
  "type": "module",
115
115
  "types": "./dist/js/index.d.ts",
116
- "version": "2.31.0",
116
+ "version": "2.32.0",
117
117
  "scripts": {
118
118
  "build": "pnpm clean && node scripts/build.js",
119
119
  "build:all": "dotenvx -q run pnpm build:_all",
package/src/figma-variables/output/sick2018-dark.json CHANGED
@@ -508,6 +508,14 @@
508
508
  }
509
509
  }
510
510
  },
511
+ "icon-button": {
512
+ "focus-ring": {
513
+ "border-radius": {
514
+ "type": "sizing",
515
+ "value": "{border-radius.none}"
516
+ }
517
+ }
518
+ },
511
519
  "input": {
512
520
  "background": {
513
521
  "color": {
package/src/figma-variables/output/sick2018-light.json CHANGED
@@ -508,6 +508,14 @@
508
508
  }
509
509
  }
510
510
  },
511
+ "icon-button": {
512
+ "focus-ring": {
513
+ "border-radius": {
514
+ "type": "sizing",
515
+ "value": "{border-radius.none}"
516
+ }
517
+ }
518
+ },
511
519
  "input": {
512
520
  "background": {
513
521
  "color": {
package/src/figma-variables/output/sick2025-dark.json CHANGED
@@ -508,6 +508,14 @@
508
508
  }
509
509
  }
510
510
  },
511
+ "icon-button": {
512
+ "focus-ring": {
513
+ "border-radius": {
514
+ "type": "sizing",
515
+ "value": "{border-radius.pill}"
516
+ }
517
+ }
518
+ },
511
519
  "input": {
512
520
  "background": {
513
521
  "color": {
package/src/figma-variables/output/sick2025-light.json CHANGED
@@ -508,6 +508,14 @@
508
508
  }
509
509
  }
510
510
  },
511
+ "icon-button": {
512
+ "focus-ring": {
513
+ "border-radius": {
514
+ "type": "sizing",
515
+ "value": "{border-radius.pill}"
516
+ }
517
+ }
518
+ },
511
519
  "input": {
512
520
  "background": {
513
521
  "color": {