@ebay/skin 17.1.0 → 17.2.0-next.0

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/chilled-dots-whisper.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+icon updates

package/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
+    "changelog": ["@changesets/changelog-github", { "repo": "ebay/skin" }],
+    "commit": false,
+    "access": "public",
+    "fixed": [],
+    "linked": [],
+    "baseBranch": "master",
+    "updateInternalDependencies": "patch",
+    "ignore": []
+}

package/.changeset/five-bats-appear.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+ebay-signal has incorrect type size and internal padding

package/.changeset/gentle-moles-collect.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+Venmo icon: Missing borders

package/.changeset/healthy-kings-hang.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+flyout: update styling

package/.changeset/pre.json

@@ -0,0 +1,17 @@
+{
+    "mode": "pre",
+    "tag": "next",
+    "initialVersions": {
+        "@ebay/skin": "17.1.1"
+    },
+    "changesets": [
+        "chilled-dots-whisper",
+        "five-bats-appear",
+        "gentle-moles-collect",
+        "healthy-kings-hang",
+        "pretty-rabbits-smash",
+        "slow-maps-guess",
+        "stale-lamps-retire",
+        "unlucky-files-tickle"
+    ]
+}

package/.changeset/pretty-rabbits-smash.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+component status alignment

package/.changeset/slow-maps-guess.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+Docs: remove focusable attribute from examples and stories

package/.changeset/stale-lamps-retire.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+ebay-button: reduce width of stroke for priority=tertiary

package/.changeset/unlucky-files-tickle.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat: automatically publish skin

package/.github/workflows/jekyll-gh-pages.yml

@@ -4,22 +4,28 @@ name: Deploy Jekyll with GitHub Pages dependencies preinstalled
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["master"]
+    branches: ["master", "[1-9][0-9].*"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
-  contents: read
-  pages: write
+  actions: write
+  checks: write
+  contents: write
+  deployments: write
+  discussions: write
+  issues: write
+  packages: write
   id-token: write
+  pull-requests: write
+  repository-projects: write
+  security-events: write
+  statuses: write
 
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
-  group: "pages"
-  cancel-in-progress: false
+  group: "${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}"
+  cancel-in-progress: true
 
 jobs:
   # Build job
@@ -32,7 +38,7 @@ jobs:
         uses: actions/configure-pages@v3
       - uses: actions/setup-node@master
         with:
-          node-version: '16.x'
+          node-version: '18.x'
       - run: npm i
       - run: npm run build:ci
       - name: Build with Jekyll
@@ -45,6 +51,11 @@ jobs:
 
   # Deployment job
   deploy:
+    # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
@@ -54,3 +65,36 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v2
+  release:
+    runs-on: ubuntu-latest
+    needs: build
+    if: "${{ github.repository_owner == 'ebay' && github.event_name == 'push' }}"
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+          cache: npm
+      - name: Install dependencies
+        run: npm ci
+      - name: Setup rubby
+        uses: ruby/setup-ruby@ec02537da5712d66d4d50a0f33b7eb52773b5ed1
+        with:
+          ruby-version: '3.1'
+      - name: Install dependencies
+        run: npm ci
+      - name: Install ruby dependencies
+        run: bundle install
+      - name: Release
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          version: npm run version
+          publish: npm run release
+          commit: "ci: release"
+          title: "ci: release"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Skin Changelog
 
+## 17.2.0-next.0
+
+### Minor Changes
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - icon updates
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-signal has incorrect type size and internal padding
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Venmo icon: Missing borders
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - flyout: update styling
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - component status alignment
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Docs: remove focusable attribute from examples and stories
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-button: reduce width of stroke for priority=tertiary
+
+-   [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - feat: automatically publish skin
+
+## 17.1.1
+
+### Patch Changes
+
+-   [#2264](https://github.com/eBay/skin/pull/2264) [`32e58f3`](https://github.com/eBay/skin/commit/32e58f3a4c5ae1b4508cf2f283f85969b122c26f) Thanks [@agliga](https://github.com/agliga)! - Added autopublish to github
+
+-   [#2264](https://github.com/eBay/skin/pull/2264) [`32e58f3`](https://github.com/eBay/skin/commit/32e58f3a4c5ae1b4508cf2f283f85969b122c26f) Thanks [@agliga](https://github.com/agliga)! - updated changeset
+
 A record of all notable changes are documented under [releases](https://github.com/eBay/skin/releases).
 
 Skin releases follow [Semantic Versioning](http://semver.org):

package/CONTRIBUTING.md

@@ -92,6 +92,34 @@ _Example_
 ./scripts/develop-module -m toast-dialog
 ```
 
+Add applicable metadata about the component to the `module_metadata` map in [docs/index.html](https://github.com/eBay/skin/blob/master/docs/index.html):
+
+```yaml
+your-module-name: # the Skin module name
+    ds-component: # module's relationship with the eBay Design System
+        group: # eBay Design System component group
+        name: # eBay Design System component name
+        version: # version of the eBay Design System component implemented in Skin
+    status: # status, e.g. "beta", "deprecated", "in-progress"
+    submodules: # array of Skin modules used in this module
+```
+
+If the Skin component is used for multiple Design System components, include those as an array in the `ds-component` field. For example:
+
+```yaml
+lightbox-dialog:
+    ds-component:
+        - name: modal
+          version: 2.1
+        - name: bottom-sheet
+          version: 2.1
+    submodules:
+        - button
+        - icon-button
+```
+
+When updating a Skin module to match an updated Design System design, make sure to update its version in its `ds-component` field.
+
 ## Versioning
 
 Skin follows [Semantic Versioning](http://semver.org):