@synergy-design-system/tokens 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [@synergy-design-system/tokens-v1.2.2](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.2.1...tokens/1.2.2) (2024-01-24)
+
+
+### Bug Fixes
+
+* 🤔 Update project dependencies ([#276](https://github.com/synergy-design-system/synergy-design-system/issues/276)) ([9aa94be](https://github.com/synergy-design-system/synergy-design-system/commit/9aa94beb8f1191862d7cf48617af2d1994a6df9c))
+
+# [@synergy-design-system/tokens-v1.2.1](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.2.0...tokens/1.2.1) (2024-01-17)
+
+
+### Bug Fixes
+
+* 🤔 Tokens of the radio get lost when pushing to GitHub ([#265](https://github.com/synergy-design-system/synergy-design-system/issues/265)) ([0643335](https://github.com/synergy-design-system/synergy-design-system/commit/06433355792459a382492b4ebc32d0de08b73030))
+
 # [@synergy-design-system/tokens-v1.2.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.1.0...tokens/1.2.0) (2024-01-15)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.1.0
+ * @synergy-design-system/tokens version 1.2.1
  * 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.1.0
+ * @synergy-design-system/tokens version 1.2.1
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:15:09 GMT
+ * Generated on Wed, 24 Jan 2024 10:35:41 GMT
  */
 
 :root, .syn-theme-dark {

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.1.0
+ * @synergy-design-system/tokens version 1.2.1
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:15:09 GMT
+ * Generated on Wed, 24 Jan 2024 10:35:41 GMT
  */
 
 :root, .syn-theme-light {

package/package.json

@@ -8,15 +8,15 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@tokens-studio/sd-transforms": "^0.11.0",
+    "@tokens-studio/sd-transforms": "^0.11.10",
     "chalk": "^5.3.0",
     "change-case": "^4.1.2",
-    "eslint": "^8.47.0",
-    "eslint-plugin-import": "^2.28.1",
-    "rimraf": "^5.0.1",
+    "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",
-    "style-dictionary": "^3.8.0",
+    "style-dictionary": "^3.9.2",
     "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "exports": {
@@ -99,7 +99,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/_docs.json

@@ -335,13 +335,55 @@
       }
     },
     "divider": {
-      "description": {
-        "value": "Dividers are used to visually separate or group elements.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Dividers are used to visually separate or group elements.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Divider",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Divider",
-        "type": "text"
+      "width": {
+        "title": {
+          "value": "Width",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the --width custom property to change the width of the divider.",
+          "type": "text"
+        }
+      },
+      "color": {
+        "title": {
+          "value": "Color",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the --color custom property to change the color of the divider.",
+          "type": "text"
+        }
+      },
+      "spacing": {
+        "title": {
+          "value": "Spacing",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the --spacing custom property to change the amount of space between the divider and it’s neighboring elements.",
+          "type": "text"
+        }
+      },
+      "vertical": {
+        "title": {
+          "value": "Vertical",
+          "type": "text"
+        },
+        "description": {
+          "value": "Add the vertical attribute to draw the divider in a vertical orientation. The divider will span the full height of its container. Vertical dividers work especially well inside of a flex container.",
+          "type": "text"
+        }
       }
     },
     "drawer": {
@@ -659,13 +701,35 @@
       }
     },
     "option": {
-      "description": {
-        "value": "Options define the selectable items within various form controls such as select.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Options define the selectable items within various form controls such as select.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Option",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Option",
-        "type": "text"
+      "disabled": {
+        "title": {
+          "value": "Disabled",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the disabled attribute to disable an option and prevent it from being selected.",
+          "type": "text"
+        }
+      },
+      "prefix-suffix": {
+        "title": {
+          "value": "Prefix and Suffix",
+          "type": "text"
+        },
+        "description": {
+          "value": "Add icons to the start and end of menu items using the prefix and suffix slots.",
+          "type": "text"
+        }
       }
     },
     "popup": {
@@ -851,13 +915,135 @@
       }
     },
     "select": {
-      "description": {
-        "value": "Selects allow you to choose items from a menu of predefined options.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Selects allow you to choose items from a menu of predefined options.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Select",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Select",
-        "type": "text"
+      "labels": {
+        "title": {
+          "value": "Labels",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the label attribute to give the select 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 select with the help-text attribute. For help texts that contain HTML, use the help-text slot instead.",
+          "type": "text"
+        }
+      },
+      "clearable": {
+        "title": {
+          "value": "Clearable",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the clearable attribute to make the control clearable. The clear button only appears when an option is selected.",
+          "type": "text"
+        }
+      },
+      "disabled": {
+        "title": {
+          "value": "Disabled",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the disabled attribute to disable a select.",
+          "type": "text"
+        }
+      },
+      "multiple": {
+        "title": {
+          "value": "Multiple",
+          "type": "text"
+        },
+        "description": {
+          "value": "To allow multiple options to be selected, use the multiple attribute. It’s a good practice to use clearable when this option is enabled. To set multiple values at once, set value to a space-delimited list of values.",
+          "type": "text"
+        }
+      },
+      "initialvalue": {
+        "title": {
+          "value": "Setting Initial Values",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the value attribute to set the initial selection.\n\nWhen using multiple, the value attribute uses space-delimited values to select more than one option. Because of this, <syn-option> values cannot contain spaces. If you’re accessing the value property through Javascript, it will be an array.",
+          "type": "text"
+        }
+      },
+      "group": {
+        "title": {
+          "value": "Grouping Options",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use <syn-optgroup> to group listbox items visually.",
+          "type": "text"
+        }
+      },
+      "size": {
+        "title": {
+          "value": "Sizes",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the size attribute to change a select’s size. Note that size does not apply to listbox options.",
+          "type": "text"
+        }
+      },
+      "prefix": {
+        "title": {
+          "value": "Prefix Suffix Text and Icons",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the prefix and suffix slots to add text and icons.",
+          "type": "text"
+        }
+      },
+      "gettag": {
+        "title": {
+          "value": "Custom Tags",
+          "type": "text"
+        },
+        "description": {
+          "value": "When multiple options can be selected, you can provide custom tags by passing a function to the getTag property. Your function can return a string of HTML, a Lit Template, or an HTMLElement. The getTag() function will be called for each option. The first argument is an <syn-option> element and the second argument is the tag’s index (its position in the tag list).\n\nRemember that custom tags are rendered in a shadow root. To style them, you can use the style attribute in your template or you can add your own parts and target them with the ::part() selector.",
+          "type": "text"
+        }
+      },
+      "placeholder": {
+        "title": {
+          "value": "Placeholder",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the placeholder attribute to add a placeholder.",
+          "type": "text"
+        }
+      },
+      "focus": {
+        "title": {
+          "value": "Focus",
+          "type": "text"
+        },
+        "description": {
+          "value": "The focus event gives the user feedback that the Select has been focused by the keyboard interaction.",
+          "type": "text"
+        }
       }
     },
     "skeleton": {
@@ -1227,7 +1413,7 @@
           "type": "text"
         }
       },
-      "value": {
+      "initialValue": {
         "title": {
           "value": "Initial Value",
           "type": "text"
@@ -1236,8 +1422,39 @@
           "value": "To set the initial value and checked state, use the value attribute on the containing radio group.",
           "type": "text"
         }
+      }
+    },
+    "optiongroup": {
+      "default": {
+        "title": {
+          "value": "Option Group",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use <syn-optgroup> to group listbox items visually.",
+          "type": "text"
+        }
       },
-      "type": "other"
+      "disabled": {
+        "title": {
+          "value": "Disabled",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the disabled attribute in the <syn-optgroup> to disable the Section and prevent it from being selected.",
+          "type": "text"
+        }
+      },
+      "prefix-suffix": {
+        "title": {
+          "value": "Prefix and suffix",
+          "type": "text"
+        },
+        "description": {
+          "value": "Add icons to the start and end of menu items using the prefix and suffix slots.",
+          "type": "text"
+        }
+      }
     }
   },
   "frameworks": {
@@ -1500,4 +1717,4 @@
       }
     }
   }
-}
+}

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

@@ -263,4 +263,4 @@
       }
     }
   }
-}
+}