@synergy-design-system/tokens 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v1.6.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.5.0...tokens/1.6.0) (2024-02-26)
+
+
+### Features
+
+* ✨ added tokens for roundings ([#338](https://github.com/synergy-design-system/synergy-design-system/issues/338)) ([48e01cb](https://github.com/synergy-design-system/synergy-design-system/commit/48e01cbe074726a5bd2abf67fce7bd8d784f1c47))
+
 # [@synergy-design-system/tokens-v1.5.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.4.0...tokens/1.5.0) (2024-02-22)
 
 

package/dist/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.4.0
+ * @synergy-design-system/tokens version 1.5.0
  * SICK Global UX Foundation
  */
 
@@ -224,6 +224,16 @@ export const SynBorderRadiusPill: string;
  */
 export const SynBorderRadiusCircle: string;
 
+/**
+ * Maps to the css variable `--syn-border-radius-small`
+ */
+export const SynBorderRadiusSmall: string;
+
+/**
+ * Maps to the css variable `--syn-border-radius-medium`
+ */
+export const SynBorderRadiusMedium: string;
+
 /**
  * Maps to the css variable `--syn-dimension-base`
  */

package/dist/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.4.0
+ * @synergy-design-system/tokens version 1.5.0
  * SICK Global UX Foundation
  */
 
@@ -223,6 +223,16 @@ export const SynBorderRadiusPill = 'var(--syn-border-radius-pill)';
  */
 export const SynBorderRadiusCircle = 'var(--syn-border-radius-circle)';
 
+/**
+ * @type {string}
+ */
+export const SynBorderRadiusSmall = 'var(--syn-border-radius-small)';
+
+/**
+ * @type {string}
+ */
+export const SynBorderRadiusMedium = 'var(--syn-border-radius-medium)';
+
 /**
  * @type {string}
  */

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.4.0
+ * @synergy-design-system/tokens version 1.5.0
  * SICK Global UX Foundation
  */
 $SynFontSizeXSmall: var(--syn-font-size-x-small) !default;
@@ -46,6 +46,8 @@ $SynSpacing5xLarge: var(--syn-spacing-5x-large) !default;
 $SynBorderRadiusNone: var(--syn-border-radius-none) !default;
 $SynBorderRadiusPill: var(--syn-border-radius-pill) !default;
 $SynBorderRadiusCircle: var(--syn-border-radius-circle) !default;
+$SynBorderRadiusSmall: var(--syn-border-radius-small) !default;
+$SynBorderRadiusMedium: var(--syn-border-radius-medium) !default;
 $SynDimensionBase: var(--syn-dimension-base) !default;
 $SynBorderWidthNone: var(--syn-border-width-none) !default;
 $SynBorderWidthSmall: var(--syn-border-width-small) !default;

package/dist/themes/dark.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.4.0
+ * @synergy-design-system/tokens version 1.5.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 22 Feb 2024 07:08:20 GMT
+ * Generated on Mon, 26 Feb 2024 07:16:32 GMT
  */
 
 :root, .syn-theme-dark {
@@ -52,6 +52,8 @@
   --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-circle: 9999px;
+  --syn-border-radius-small: 4px;
+  --syn-border-radius-medium: 8px;
   --syn-dimension-base: 4px;
   --syn-border-width-none: 0px; /* None */
   --syn-border-width-small: 1px; /* Small */
@@ -218,8 +220,6 @@
   --syn-color-neutral-1000: white;
 
   /* Fallbacks from Shoelace */
-  --syn-border-radius-small: 0.1875rem;
-  --syn-border-radius-medium: 0.25rem;
   --syn-border-radius-large: 0.5rem;
   --syn-border-radius-x-large: 1rem;
   --syn-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.4.0
+ * @synergy-design-system/tokens version 1.5.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 22 Feb 2024 07:08:20 GMT
+ * Generated on Mon, 26 Feb 2024 07:16:32 GMT
  */
 
 :root, .syn-theme-light {
@@ -52,6 +52,8 @@
   --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-circle: 9999px;
+  --syn-border-radius-small: 4px;
+  --syn-border-radius-medium: 8px;
   --syn-dimension-base: 4px;
   --syn-border-width-none: 0px; /* None */
   --syn-border-width-small: 1px; /* Small */
@@ -218,8 +220,6 @@
   --syn-color-neutral-1000: black;
 
   /* Fallbacks from Shoelace */
-  --syn-border-radius-small: 0.1875rem;
-  --syn-border-radius-medium: 0.25rem;
   --syn-border-radius-large: 0.5rem;
   --syn-border-radius-x-large: 1rem;
   --syn-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);

package/package.json

@@ -99,7 +99,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/$themes.json

@@ -296,7 +296,6 @@
       "input.filled.color-disabled": "S:50d5ea5eca1de474be32aa6343b7643c5cc40049,",
       "input.filled.color-hover": "S:5eefc6417572b45a2142265f8686ce798ac04e80,",
       "input.filled.color-focus": "S:bc4ba1f6b31a61949d3c4186b243633dba518ae6,"
-
     },
     "selectedTokenSets": {
       "globals": "source",

package/src/figma-tokens/globals.json

@@ -369,6 +369,14 @@
     "circle": {
       "value": "9999px",
       "type": "borderRadius"
+    },
+    "small": {
+      "value": "4px",
+      "type": "borderRadius"
+    },
+    "medium": {
+      "value": "8px",
+      "type": "borderRadius"
     }
   },
   "dimension": {