@synergy-design-system/tokens 1.0.0-main.10 → 1.0.0-main.11

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v1.0.0-main.11](https://github.com/SickDesignSystem/synergy/compare/tokens/1.0.0-main.10...tokens/1.0.0-main.11) (2023-11-20)
+
+
+### Bug Fixes
+
+* 🐛 add toggle tokens namespacing ([#160](https://github.com/SickDesignSystem/synergy/issues/160)) ([8734cf2](https://github.com/SickDesignSystem/synergy/commit/8734cf201e199defa23ff1419f20fa1efdf2fc56))
+
 # [@synergy-design-system/tokens-v1.0.0-main.10](https://github.com/SickDesignSystem/synergy/compare/tokens/1.0.0-main.9...tokens/1.0.0-main.10) (2023-11-20)
 
 

package/dist/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.0.0-main.9
+ * @synergy-design-system/tokens version 1.0.0-main.10
  * SICK Global UX Foundation
  */
 
@@ -581,17 +581,17 @@ export const SynInputFontSizeLarge = 'var(--syn-input-font-size-large)';
 /**
  * @type {string}
  */
-export const SynSizeSmall = 'var(--syn-size-small)';
+export const SynToggleSizeSmall = 'var(--syn-toggle-size-small)';
 
 /**
  * @type {string}
  */
-export const SynSizeMedium = 'var(--syn-size-medium)';
+export const SynToggleSizeMedium = 'var(--syn-toggle-size-medium)';
 
 /**
  * @type {string}
  */
-export const SynSizeLarge = 'var(--syn-size-large)';
+export const SynToggleSizeLarge = 'var(--syn-toggle-size-large)';
 
 /**
  * @type {string}

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.0.0-main.9
+ * @synergy-design-system/tokens version 1.0.0-main.10
  * SICK Global UX Foundation
  */
 $SynFontSize2xSmall: var(--syn-font-size-2x-small) !default;
@@ -117,9 +117,9 @@ $SynInputReadonlyColorFocus: var(--syn-input-readonly-color-focus) !default;
 $SynInputFontSizeSmall: var(--syn-input-font-size-small) !default;
 $SynInputFontSizeMedium: var(--syn-input-font-size-medium) !default;
 $SynInputFontSizeLarge: var(--syn-input-font-size-large) !default;
-$SynSizeSmall: var(--syn-size-small) !default;
-$SynSizeMedium: var(--syn-size-medium) !default;
-$SynSizeLarge: var(--syn-size-large) !default;
+$SynToggleSizeSmall: var(--syn-toggle-size-small) !default;
+$SynToggleSizeMedium: var(--syn-toggle-size-medium) !default;
+$SynToggleSizeLarge: var(--syn-toggle-size-large) !default;
 $SynColorPrimary50: var(--syn-color-primary-50) !default;
 $SynColorPrimary100: var(--syn-color-primary-100) !default;
 $SynColorPrimary200: var(--syn-color-primary-200) !default;

package/dist/themes/dark.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.0.0-main.9
+ * @synergy-design-system/tokens version 1.0.0-main.10
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 20 Nov 2023 07:57:45 GMT
+ * Generated on Mon, 20 Nov 2023 09:19:04 GMT
  */
 
 :root {
@@ -122,9 +122,9 @@
   --syn-input-font-size-small: var(--syn-font-size-small);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
   --syn-input-font-size-large: var(--syn-font-size-large);
-  --syn-size-small: 14px;
-  --syn-size-medium: var(--syn-spacing-medium);
-  --syn-size-large: var(--syn-spacing-large);
+  --syn-toggle-size-small: 14px;
+  --syn-toggle-size-medium: var(--syn-spacing-medium);
+  --syn-toggle-size-large: var(--syn-spacing-large);
   --syn-color-primary-50: #072E4A;
   --syn-color-primary-100: #0B486F;
   --syn-color-primary-200: #065786;
@@ -230,9 +230,6 @@
   --syn-input-filled-color-hover: var(--syn-color-neutral-800);
   --syn-input-filled-color-focus: var(--syn-color-neutral-700);
   --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
-  --syn-toggle-size-small: 0.875rem;
-  --syn-toggle-size-medium: 1.125rem;
-  --syn-toggle-size-large: 1.375rem;
   --syn-overlay-background-color: hsl(0 0% 0% / 43%);
   --syn-panel-background-color: var(--syn-color-neutral-50);
   --syn-panel-border-color: var(--syn-color-neutral-200);

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.0.0-main.9
+ * @synergy-design-system/tokens version 1.0.0-main.10
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 20 Nov 2023 07:57:45 GMT
+ * Generated on Mon, 20 Nov 2023 09:19:04 GMT
  */
 
 :root {
@@ -122,9 +122,9 @@
   --syn-input-font-size-small: var(--syn-font-size-small);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
   --syn-input-font-size-large: var(--syn-font-size-large);
-  --syn-size-small: 14px;
-  --syn-size-medium: var(--syn-spacing-medium);
-  --syn-size-large: var(--syn-spacing-large);
+  --syn-toggle-size-small: 14px;
+  --syn-toggle-size-medium: var(--syn-spacing-medium);
+  --syn-toggle-size-large: var(--syn-spacing-large);
   --syn-color-primary-50: #f0f9ff;
   --syn-color-primary-100: #e0f1FE;
   --syn-color-primary-200: #b9e5fe;
@@ -230,9 +230,6 @@
   --syn-input-filled-color-hover: var(--syn-color-neutral-800);
   --syn-input-filled-color-focus: var(--syn-color-neutral-700);
   --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
-  --syn-toggle-size-small: 0.875rem;
-  --syn-toggle-size-medium: 1.125rem;
-  --syn-toggle-size-large: 1.375rem;
   --syn-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
   --syn-panel-background-color: var(--syn-color-neutral-0);
   --syn-panel-border-color: var(--syn-color-neutral-200);

package/package.json

@@ -100,7 +100,7 @@
     ]
   },
   "type": "module",
-  "version": "1.0.0-main.10",
+  "version": "1.0.0-main.11",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

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

@@ -7,7 +7,7 @@
     "semantic/focus-ring",
     "semantic/input",
     "semantic/button",
-    "semantic/toggles",
+    "semantic/toggle",
     "_docs"
   ]
 }

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

@@ -5,7 +5,8 @@
     "group": "Theme",
     "selectedTokenSets": {
       "color/light": "enabled",
-      "color/primitives": "source"
+      "color/primitives": "source",
+      "semantic/toggle": "disabled"
     },
     "$figmaStyleReferences": {
       "primary.50": "S:eb21790c7e19e4a2f70b605f29d45573656ac66e,",
@@ -156,7 +157,8 @@
     "group": "Theme",
     "selectedTokenSets": {
       "color/dark": "enabled",
-      "color/primitives": "source"
+      "color/primitives": "source",
+      "semantic/toggle": "disabled"
     },
     "$figmaStyleReferences": {},
     "$figmaVariableReferences": {
@@ -236,7 +238,8 @@
     "id": "bc6b869612b2783f5cf45d3783bee47bdf9e2e27",
     "name": "Default",
     "selectedTokenSets": {
-      "globals": "enabled"
+      "globals": "enabled",
+      "semantic/toggle": "disabled"
     },
     "$figmaStyleReferences": {
       "shadow.overflow-down": "S:83a7cfa6ab292f413e064c58b850a3931c575de8,",
@@ -317,7 +320,7 @@
       "color/primitives": "source",
       "semantic/input": "enabled",
       "semantic/button": "enabled",
-      "semantic/toggles": "enabled"
+      "semantic/toggle": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:790:67393",
     "$figmaModeId": "790:0",

package/src/figma-tokens/semantic/toggle.json

@@ -0,0 +1,18 @@
+{
+  "toggle": {
+    "size": {
+      "small": {
+        "value": "14px",
+        "type": "spacing"
+      },
+      "medium": {
+        "value": "{spacing.medium}",
+        "type": "spacing"
+      },
+      "large": {
+        "value": "{spacing.large}",
+        "type": "spacing"
+      }
+    }
+  }
+}

package/src/figma-tokens/semantic/toggles.json

@@ -1,16 +0,0 @@
-{
-  "size": {
-    "small": {
-      "value": "14px",
-      "type": "spacing"
-    },
-    "medium": {
-      "value": "{spacing.medium}",
-      "type": "spacing"
-    },
-    "large": {
-      "value": "{spacing.large}",
-      "type": "spacing"
-    }
-  }
-}