@synergy-design-system/tokens 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v2.2.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.1.0...tokens/2.2.0) (2024-06-18)
+
+
+### Features
+
+* ✨ Styles Package ([#495](https://github.com/synergy-design-system/synergy-design-system/issues/495)) ([5e7b3dc](https://github.com/synergy-design-system/synergy-design-system/commit/5e7b3dc54bc9d94060fafc8119648e9e01bd07b7))
+
 # [@synergy-design-system/tokens-v2.1.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.0.0...tokens/2.1.0) (2024-06-18)
 
 

package/dist/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.0.0
+ * @synergy-design-system/tokens version 2.1.0
  * SICK Global UX Foundation
  */
 

package/dist/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.0.0
+ * @synergy-design-system/tokens version 2.1.0
  * SICK Global UX Foundation
  */
 

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.0.0
+ * @synergy-design-system/tokens version 2.1.0
  * SICK Global UX Foundation
  */
 $SynFontSizeXSmall: var(--syn-font-size-x-small) !default;

package/dist/themes/dark.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 2.0.0
+ * @synergy-design-system/tokens version 2.1.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Tue, 18 Jun 2024 07:24:50 GMT
+ * Generated on Tue, 18 Jun 2024 14:30:01 GMT
  */
 
 :root, .syn-theme-dark {

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 2.0.0
+ * @synergy-design-system/tokens version 2.1.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Tue, 18 Jun 2024 07:24:50 GMT
+ * Generated on Tue, 18 Jun 2024 14:30:01 GMT
  */
 
 :root, .syn-theme-light {

package/package.json

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

package/src/figma-tokens/_docs.json

@@ -2340,6 +2340,38 @@
         }
       }
     },
+    "styles": {
+      "body": {
+        "description": {
+          "value": "Body text is used for long-form content where a paragraph or multiple lines of text are required. Body text styles are optimized for reading as a large chunk of information through line height and paragraph spacing. Inline links sit within body text styles and inherit the same font values.\nUI text is text used in UI components and uses the same text stylings.\n\nThe default font size is medium (16 px). Synergy supports three additional font sizes for body copy.\n\nIt is also possible to format the text bold or semibold for certain text passages and UI elements such as label.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Body and UI text",
+          "type": "text"
+        }
+      },
+      "headings": {
+        "description": {
+          "value": "Heading styles come in a range of sizes, and can be used in a range of contexts, such as:\n- building page hierarchy,\n- helping users scan large chunks of text,\n- providing a title to a page or piece of content,\n-as subheadings or eyebrow headings, where there is still only one H1 tag per page (as per Accessibility requirements).\n\nOur heading styles are consistently bold, to better address the visual hierarchy.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Headings",
+          "type": "text"
+        }
+      },
+      "weight": {
+        "description": {
+          "value": "Supported font weights",
+          "type": "text"
+        },
+        "title": {
+          "value": "Font-Weights",
+          "type": "text"
+        }
+      }
+    },  
     "templates": {
       "application-shell": {
         "title": {
@@ -2991,4 +3023,4 @@
       }
     }
   }
-}
+}