@synergy-design-system/tokens 2.5.0 → 2.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [@synergy-design-system/tokens-v2.7.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.6.0...tokens/2.7.0) (2024-08-23)
+
+
+### Features
+
+* ✨ syn-range ([#551](https://github.com/synergy-design-system/synergy-design-system/issues/551)) ([ee0f1fa](https://github.com/synergy-design-system/synergy-design-system/commit/ee0f1fa27dbaf8fe2fac840fba9cc2274715e377))
+
+# [@synergy-design-system/tokens-v2.6.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.5.0...tokens/2.6.0) (2024-08-19)
+
+
+### Features
+
+* ✨ create syn-file ([#563](https://github.com/synergy-design-system/synergy-design-system/issues/563)) ([181f121](https://github.com/synergy-design-system/synergy-design-system/commit/181f121ee87e43ba0381ec4288470d3414467d8e))
+
 # [@synergy-design-system/tokens-v2.5.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.4.0...tokens/2.5.0) (2024-07-11)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.4.0
+ * @synergy-design-system/tokens version 2.6.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.4.0
+ * @synergy-design-system/tokens version 2.6.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 11 Jul 2024 09:34:17 GMT
+ * Generated on Fri, 23 Aug 2024 07:34:05 GMT
  */
 
 :root, .syn-theme-dark {

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 2.4.0
+ * @synergy-design-system/tokens version 2.6.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 11 Jul 2024 09:34:17 GMT
+ * Generated on Fri, 23 Aug 2024 07:34:05 GMT
  */
 
 :root, .syn-theme-light {

package/package.json

@@ -18,8 +18,8 @@
     "semantic-release-monorepo": "7.0.5",
     "style-dictionary": "^3.9.2",
     "stylelint": "^16.3.1",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "exports": {
     ".": {
@@ -101,7 +101,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/_docs.json

@@ -960,6 +960,108 @@
         }
       }
     },
+    "file": {
+      "default": {
+        "title": {
+          "value": "File",
+          "type": "text"
+        },
+        "description": {
+          "value": "File control is a component with which a user can select a local file. It shows the value of the selected file.",
+          "type": "text"
+        }
+      },
+      "label": {
+        "title": {
+          "value": "Labels",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the label attribute to give the file selector an accessible label. For labels that contain HTML, use the label slot instead.",
+          "type": "text"
+        }
+      },
+      "help-text": {
+        "title": {
+          "value": "Help Text",
+          "type": "text"
+        },
+        "description": {
+          "value": "Add descriptive help text to a file selector with the help-text attribute. For help texts that contain HTML, use the help-text slot instead.",
+          "type": "text"
+        }
+      },
+      "multiple": {
+        "title": {
+          "value": "Multiple",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the multiple attribute to allow the selection of multiple files.\n\nFigma only: Override the button/droparea and value text directly, to indicate that multiple files are uploaded (“file” -> “files”)",
+          "type": "text"
+        }
+      },
+      "hide-value": {
+        "title": {
+          "value": "Hide Value",
+          "type": "text"
+        },
+        "description": {
+          "value": "There might be situations, where you don’t want to show the selected value (e. g. when something is automatically uploading).",
+          "type": "text"
+        }
+      },
+      "disabled": {
+        "title": {
+          "value": "Disabled",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the disabled attribute to disable a file input.",
+          "type": "text"
+        }
+      },
+      "sizes": {
+        "title": {
+          "value": "Sizes",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the size attribute to change a file uploads size.",
+          "type": "text"
+        }
+      },
+      "droparea": {
+        "title": {
+          "value": "Droparea",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the droparea attribute to switch to a full-width button with a drop area.",
+          "type": "text"
+        }
+      },
+      "focus": {
+        "title": {
+          "value": "Focus / Active",
+          "type": "text"
+        },
+        "description": {
+          "value": "The focus event gives the user feedback that the Dropzone has been focused by the keyboard interaction and that the syn-file component is ready for use.",
+          "type": "text"
+        }
+      },
+      "invalid": {
+        "title": {
+          "value": "Invalid",
+          "type": "text"
+        },
+        "description": {
+          "value": "The invalid status is used to warn the user that the syn-file is invalid. For example, if the entry of text is mandatory and nothing has been entered or if a text has been entered that does not have the correct format.",
+          "type": "text"
+        }
+      }     
+    },
     "format-bytes": {
       "description": {
         "value": "Formats a number as a human readable bytes value.",
@@ -1673,13 +1775,197 @@
       }
     },
     "range": {
-      "description": {
-        "value": "Ranges allow the user to select a single value within a given range using a slider.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Ranges allow the user to select values within a given range using a thumb.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Range",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Range",
-        "type": "text"
+      "labels": {
+        "description": {
+          "value": "Use the label attribute to give the range an accessible label. For labels that contain HTML, use the label slot instead.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Labels",
+          "type": "text"
+        }
+      },
+      "help-text": {
+        "description": {
+          "value": "Add descriptive help text to a range with the help-text attribute. For help texts that contain HTML, use the help-text slot instead.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Help Text",
+          "type": "text"
+        }
+      },
+      "focus": {
+        "title": {
+          "value": "Focus / Active",
+          "type": "text"
+        },
+        "description": {
+          "value": "The focus event gives the user feedback that the Range has been focused by the keyboard interaction or active click from the user.",
+          "type": "text"
+        }
+      },
+      "size": {
+        "title": {
+          "value": "Sizes",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the size attribute to change a range’s size.",
+          "type": "text"
+        }
+      },
+      "invalid": {
+        "title": {
+          "value": "Invalid",
+          "type": "text"
+        },
+        "description": {
+          "value": "The invalid status is used to warn the user that the input is invalid. As range validation is not supported by the browser, you will need to implement your own validation logic.",
+          "type": "text"
+        }
+      },
+      "disabled": {
+        "description": {
+          "value": "Use the disabled attribute to disable a range.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Disabled",
+          "type": "text"
+        }
+      },
+      "prefix-suffix": {
+        "description": {
+          "value": "Add any element to the start and end of range items using the prefix and suffix slots.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Prefix and Suffix",
+          "type": "text"
+        }
+      },
+      "custom-track-colors": {
+        "description": {
+          "value": "You can customize the active and inactive portions of the track using the --track-color-active and --track-color-inactive custom properties.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Custom Track Colors",
+          "type": "text"
+        }
+      },
+      "custom-track-offset": {
+        "description": {
+          "value": "You can customize the initial offset of the active track using the --track-active-offset custom property.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Custom Track Offset",
+          "type": "text"
+        }
+      },
+      "multi-knob": {
+        "description": {
+          "value": "You can add multiple range-thumbs to your range.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Multi thumb",
+          "type": "text"
+        }
+      },
+      "multi-knob-restrict-movement": {
+        "description": {
+          "value": "You can prevent the thumbs from overlapping by listening to the provided `syn-move` event.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Multi thumb with restricted movement",
+          "type": "text"
+        }
+      },
+      "ticks": {
+        "default": {
+          "description": {
+            "value": "Use the ticks slot to insert ticks or groups with ticks to improve positioning.",
+            "type": "text"
+          },
+          "title": {
+            "value": "Ticks",
+            "type": "text"
+          }
+        },
+        "label": {
+          "title": {
+            "value": "Labels",
+            "type": "text"
+          },
+          "description": {
+            "value": "Use the default slot to give the tick a label.",
+            "type": "text"
+          }
+        },
+        "grouping": {
+          "title": {
+            "value": "Grouping",
+            "type": "text"
+          },
+          "description": {
+            "value": "Grouping multiple ticks can be used as a scale. This can be used for uneven distributions as well.",
+            "type": "text"
+          }
+        },
+        "subdivision": {
+          "title": {
+            "value": "Subdivision Ticks",
+            "type": "text"
+          },
+          "description": {
+            "value": "It is possible to divide the space between major ticks for finer scale readings.",
+            "type": "text"
+          }
+        }
+      },
+      "tooltip-placement": {
+        "description": {
+          "value": "By default, the tooltip is shown on top. Set tooltip-placement to bottom to show it below the range.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Tooltip Placement",
+          "type": "text"
+        }
+      },
+      "tooltip-disabled": {
+        "description": {
+          "value": "To disable the tooltip, set tooltip-placement to none.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Disable the Tooltip",
+          "type": "text"
+        }
+      },
+      "tooltip-formatter": {
+        "description": {
+          "value": "You can change the tooltip’s content by setting the tooltipFormatter property to a function that accepts the range’s value as an argument.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Custom Tooltip Formatter",
+          "type": "text"
+        }
       }
     },
     "rating": {