@synergy-design-system/components 0.1.0 → 1.0.0-main.10

package/dist/vscode.html-custom-data.json

@@ -11,12 +11,8 @@
           "name": "variant",
           "description": "The button's theme variant.",
           "values": [
-            { "name": "default" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" },
+            { "name": "filled" },
+            { "name": "outline" },
             { "name": "text" }
           ]
         },
@@ -44,21 +40,6 @@
           "description": "Draws the button in a loading state.",
           "values": []
         },
-        {
-          "name": "outline",
-          "description": "Draws an outlined button.",
-          "values": []
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style button with rounded edges.",
-          "values": []
-        },
-        {
-          "name": "circle",
-          "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<syn-icon>` in the\ndefault slot.",
-          "values": []
-        },
         {
           "name": "type",
           "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
@@ -223,16 +204,6 @@
             { "name": "large" }
           ]
         },
-        {
-          "name": "filled",
-          "description": "Draws a filled input.",
-          "values": []
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style input with rounded edges.",
-          "values": []
-        },
         {
           "name": "label",
           "description": "The input's label. If you need to display HTML, use the `label` slot instead.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@synergy-design-system/components",
-  "version": "0.1.0",
+  "version": "1.0.0-main.10",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -16,8 +16,8 @@
               "name": "variant",
               "description": "The button's theme variant.",
               "value": {
-                "type": "'default' | 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'",
-                "default": "'default'"
+                "type": "'filled' | 'outline' | 'text'",
+                "default": "'filled'"
               }
             },
             {
@@ -43,21 +43,6 @@
               "description": "Draws the button in a loading state.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "outline",
-              "description": "Draws an outlined button.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "pill",
-              "description": "Draws a pill-style button with rounded edges.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "circle",
-              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<syn-icon>` in the\ndefault slot.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "type",
               "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
@@ -162,9 +147,7 @@
               {
                 "name": "variant",
                 "description": "The button's theme variant.",
-                "value": {
-                  "type": "'default' | 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
-                }
+                "value": { "type": "'filled' | 'outline' | 'text'" }
               },
               {
                 "name": "size",
@@ -186,21 +169,6 @@
                 "description": "Draws the button in a loading state.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "outline",
-                "description": "Draws an outlined button.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "pill",
-                "description": "Draws a pill-style button with rounded edges.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "circle",
-                "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<syn-icon>` in the\ndefault slot.",
-                "value": { "type": "boolean" }
-              },
               {
                 "name": "type",
                 "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
@@ -390,16 +358,6 @@
                 "default": "'medium'"
               }
             },
-            {
-              "name": "filled",
-              "description": "Draws a filled input.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "pill",
-              "description": "Draws a pill-style input with rounded edges.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "label",
               "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
@@ -608,16 +566,6 @@
                 "description": "The input's size.",
                 "value": { "type": "'small' | 'medium' | 'large'" }
               },
-              {
-                "name": "filled",
-                "description": "Draws a filled input.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "pill",
-                "description": "Draws a pill-style input with rounded edges.",
-                "value": { "type": "boolean" }
-              },
               {
                 "name": "label",
                 "description": "The input's label. If you need to display HTML, use the `label` slot instead.",

package/package.json

@@ -1,51 +1,55 @@
 {
+  "author": {
+    "name": "SICK Global UX Foundation",
+    "url": "https://www.sick.com"
+  },
   "name": "@synergy-design-system/components",
-  "version": "0.1.0",
+  "version": "1.0.0-main.10",
   "description": "",
   "repository": {
     "type": "git",
-    "url": "https://github.com/mariohamann/custom-shoelace"
+    "url": "https://github.com/SickDesignSystem/synergy.git",
+    "directory": "packages/components"
   },
   "exports": {
     ".": {
       "types": "./dist/synergy.d.ts",
       "import": "./dist/synergy.js"
     },
-    "./dist/custom-elements.json": "./dist/custom-elements.json",
-    "./dist/synergy.js": "./dist/synergy.js",
-    "./dist/synergy-autoloader.js": "./dist/synergy-autoloader.js",
-    "./dist/components/*": "./dist/components/*",
-    "./dist/utilities/*": "./dist/utilities/*",
-    "./dist/translations/*": "./dist/translations/*"
+    "./custom-elements.json": "./dist/custom-elements.json",
+    "./synergy.js": "./dist/synergy.js",
+    "./synergy-autoloader.js": "./dist/synergy-autoloader.js",
+    "./components/*": "./dist/components/*",
+    "./utilities/*": "./dist/utilities/*",
+    "./translations/*": "./dist/translations/*"
   },
-  "files": ["dist"],
-  "scripts": {
-    "build": "node scripts/build.js",
-    "test": "web-test-runner --group default",
-    "vendor": "node scripts/vendorism.js",
-    "vendor.get": "node scripts/vendorism.js -g",
-    "vendor.set": "node scripts/vendorism.js -s",
-    "vendor.eject": "node scripts/vendorism.js -e",
-    "lint:css": "stylelint \"src/**/*.{css,js,ts}\"",
-    "lint:js": "eslint src",
-    "lint": "pnpm run /^lint:.*/"
-  },
-  "author": "",
+  "files": [
+    "dist"
+  ],
   "type": "module",
-  "homepage": "",
-  "keywords": [],
+  "types": "./dist/synergy.d.ts",
+  "homepage": "https://github.com/SickDesignSystem/synergy/tree/main/packages/components",
+  "keywords": [
+    "Web Components",
+    "LIT Components",
+    "Design System",
+    "SDS",
+    "Synergy Design System",
+    "SICK",
+    "SICK Design System"
+  ],
   "license": "ISC",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.8.4",
+    "@lit/react": "^1.0.0",
     "@open-wc/testing": "^3.2.0",
     "@playwright/test": "^1.39.0",
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@shoelace-style/animations": "^1.1.0",
-    "@shoelace-style/localize": "^3.1.2",
-    "@synergy-design-system/eslint-config-syn": "workspace:0.1",
-    "@synergy-design-system/stylelint-config-syn": "workspace:0.1",
     "@types/mocha": "^10.0.2",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "@web/dev-server-esbuild": "^0.4.1",
     "@web/test-runner": "^0.17.2",
     "@web/test-runner-commands": "^0.8.1",
@@ -59,16 +63,20 @@
     "esbuild": "^0.19.4",
     "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^8.47.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-lit": "^1.9.1",
     "eslint-plugin-lit-a11y": "^4.1.0",
     "eslint-plugin-wc": "^2.0.4",
     "globby": "^13.2.2",
     "jsdom": "^22.1.0",
+    "ng-packagr": "^17.0.0",
     "ora": "^7.0.1",
     "pascal-case": "^4.0.0",
     "prettier": "^3.0.3",
     "remark-parse": "^11.0.0",
-    "semantic-release": "^22.0.5",
+    "semantic-release": "^19.0.5",
     "semantic-release-monorepo": "^7.0.5",
     "sinon": "^16.1.0",
     "stylelint": "^15.10.3",
@@ -76,7 +84,10 @@
     "unified": "^11.0.3",
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
-    "vendorism": "github:mariohamann/vendorism"
+    "vendorism": "github:mariohamann/vendorism",
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "1.0.0-main.8"
   },
   "release": {
     "branches": [
@@ -92,7 +103,8 @@
       {
         "name": "alpha",
         "prerelease": true
-      }
+      },
+      "release-fallback"
     ],
     "plugins": [
       "@semantic-release/commit-analyzer",
@@ -106,14 +118,23 @@
       [
         "@semantic-release/npm",
         {
-          "npmPublish": true
+          "npmPublish": false
+        }
+      ],
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "pnpm build && pnpm release.angular && pnpm release.react"
         }
       ],
       [
         "@semantic-release/git",
         {
           "message": "chore(release/components): ${nextRelease.version} [skip actions]\n\n${nextRelease.notes}",
-          "assets": ["CHANGELOG.md", "package.json"]
+          "assets": [
+            "CHANGELOG.md",
+            "package.json"
+          ]
         }
       ],
       [
@@ -125,7 +146,25 @@
     ]
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.5.3",
+    "@shoelace-style/animations": "^1.1.0",
+    "@shoelace-style/localize": "^3.1.2",
+    "composed-offset-position": "^0.0.4",
     "lit": "^3.0.0"
   },
-  "web-types": "./dist/web-types.json"
-}
+  "web-types": "./dist/web-types.json",
+  "scripts": {
+    "build": "node scripts/build.js",
+    "test": "web-test-runner --group default",
+    "vendor": "node scripts/vendorism.js",
+    "vendor.get": "node scripts/vendorism.js -g",
+    "vendor.set": "node scripts/vendorism.js -s",
+    "vendor.eject": "node scripts/vendorism.js -e",
+    "lint:css": "stylelint \"src/**/*.{css,js,ts}\"",
+    "lint:js": "eslint src",
+    "lint": "pnpm run /^lint:.*/",
+    "release": "semantic-release  --tagFormat 'components/${version}' -e semantic-release-monorepo",
+    "release.angular": "git add ../angular && git commit -m \"chore(release/angular) via component release [skip actions]\"",
+    "release.react": "git add ../react && git commit -m \"chore(release/react) via component release [skip actions]\""
+  }
+}