@synergy-design-system/tokens 1.2.3 → 1.3.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [@synergy-design-system/tokens-v1.3.1](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.3.0...tokens/1.3.1) (2024-02-09)
+
+
+### Bug Fixes
+
+* 🤔 adjust synergy form template ([#314](https://github.com/synergy-design-system/synergy-design-system/issues/314)) ([595de16](https://github.com/synergy-design-system/synergy-design-system/commit/595de16fd9afd43a920045274c9ced16bbd6e5d8))
+
+# [@synergy-design-system/tokens-v1.3.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.2.3...tokens/1.3.0) (2024-01-30)
+
+
+### Features
+
+* ✨ syn-select / syn-option / syn-optgroup ([#274](https://github.com/synergy-design-system/synergy-design-system/issues/274)) ([25c6788](https://github.com/synergy-design-system/synergy-design-system/commit/25c678829e58a173c0fc23005a4f724b6d792dd7))
+
 # [@synergy-design-system/tokens-v1.2.3](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.2.2...tokens/1.2.3) (2024-01-29)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

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

package/dist/themes/dark.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.2.2
+ * @synergy-design-system/tokens version 1.3.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 13:11:18 GMT
+ * Generated on Fri, 09 Feb 2024 12:30:27 GMT
  */
 
 :root, .syn-theme-dark {
@@ -232,8 +232,8 @@
   --syn-input-filled-color-focus: var(--syn-color-neutral-700);
   --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
   --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);
+  --syn-panel-background-color: var(--syn-color-neutral-0);
+  --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-width: 1px;
   --syn-tooltip-border-radius: var(--syn-border-radius-medium);
   --syn-tooltip-background-color: var(--syn-color-neutral-800);

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.2.2
+ * @synergy-design-system/tokens version 1.3.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 13:11:18 GMT
+ * Generated on Fri, 09 Feb 2024 12:30:27 GMT
  */
 
 :root, .syn-theme-light {
@@ -233,7 +233,7 @@
   --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
   --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);
+  --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-width: 1px;
   --syn-tooltip-border-radius: var(--syn-border-radius-medium);
   --syn-tooltip-background-color: var(--syn-color-neutral-800);

package/package.json

@@ -8,14 +8,14 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@tokens-studio/sd-transforms": "^0.11.10",
+    "@tokens-studio/sd-transforms": "^0.14.2",
     "chalk": "^5.3.0",
     "change-case": "^4.1.2",
     "eslint": "^8.56.0",
     "eslint-plugin-import": "^2.29.1",
     "rimraf": "^5.0.5",
     "semantic-release": "^19.0.5",
-    "semantic-release-monorepo": "^7.0.5",
+    "semantic-release-monorepo": "7.0.5",
     "style-dictionary": "^3.9.2",
     "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
@@ -99,7 +99,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "1.2.3",
+  "version": "1.3.1",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/_docs.json

@@ -641,7 +641,7 @@
       },
       "focus": {
         "title": {
-          "value": "Focus",
+          "value": "Focus / Active",
           "type": "text"
         },
         "description": {
@@ -668,6 +668,26 @@
           "value": "The Stepper (Input type number) attribute has additional step buttons at the right side for incrementing and decrementing values. It is ideal for situations where users need to adjust quantities or settings within a range.",
           "type": "text"
         }
+      },
+      "types": {
+        "title": {
+          "value": "Input Types",
+          "type": "text"
+        },
+        "description": {
+          "value": "The type attribute controls the type of input the browser renders.",
+          "type": "text"
+        }
+      },
+      "label-position": {
+        "title": {
+          "value": "Customizing Label Position",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use to customize the way form controls are drawn. This example uses CSS grid to position the label to the left of the control, but the possible orientations are nearly endless. The same technique works for inputs, textareas, radio groups, and similar form controls.",
+          "type": "text"
+        }
       }
     },
     "menu-item": {
@@ -1017,11 +1037,11 @@
       },
       "prefix": {
         "title": {
-          "value": "Prefix Suffix Text and Icons",
+          "value": "Prefix Icons",
           "type": "text"
         },
         "description": {
-          "value": "Use the prefix and suffix slots to add text and icons.",
+          "value": "Use the prefix slot to prepend an icon to the control.",
           "type": "text"
         }
       },
@@ -1047,11 +1067,11 @@
       },
       "focus": {
         "title": {
-          "value": "Focus",
+          "value": "Focus / Active",
           "type": "text"
         },
         "description": {
-          "value": "The focus event gives the user feedback that the Select has been focused by the keyboard interaction.",
+          "value": "The focus event gives the user feedback that the Select has been focused by the keyboard interaction or active click from the user..",
           "type": "text"
         }
       }
@@ -1313,7 +1333,7 @@
       },
       "focus": {
         "title": {
-          "value": "Focus",
+          "value": "Focus / Active",
           "type": "text"
         },
         "description": {
@@ -1465,6 +1485,28 @@
           "type": "text"
         }
       }
+    },
+    "templates": {
+      "default": {
+        "title": {
+          "value": "Forms",
+          "type": "text"
+        },
+        "description": {
+          "value": "Forms usually contain form components such as checkboxes, selects, input fields, radio buttons, toggle switches and more. \nClear and simple forms help prevent user confusion and incorrect data submission. \n\nForms should be designed in columns as this improves scanability. One-column layout is preferred, but use two or more column layouts when there are too many components to fit in an area of the page.\n\nForms can be simple or complex, and may be presented as dedicated pages, side panels, or dialogs depending on the use case and the situation.",
+          "type": "text"
+        }
+      },
+      "templates": {
+        "title": {
+          "value": "Templates",
+          "type": "text"
+        },
+        "description": {
+          "value": "Contact Form",
+          "type": "text"
+        }
+      }
     }
   },
   "frameworks": {