Skip to content

chore: release (next) #3590

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 3 commits into from
Closed

chore: release (next) #3590

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f49f8cb
build: foundational setup for S2 development
castastrophe Feb 11, 2025
6f34638
build: add markdownlint tooling
castastrophe Feb 12, 2025
52b85e1
chore: release (next)
github-actions[bot] Mar 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
104 changes: 104 additions & 0 deletions .changeset/pre.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
{
"mode": "pre",
"tag": "next",
"initialVersions": {
"@spectrum-tools/gh-action-file-diff": "2.2.0",
"@spectrum-css/preview": "12.0.3",
"@spectrum-css/accordion": "7.1.0",
"@spectrum-css/actionbar": "10.1.1",
"@spectrum-css/actionbutton": "7.1.1",
"@spectrum-css/actiongroup": "6.1.0",
"@spectrum-css/actionmenu": "7.1.1",
"@spectrum-css/alertbanner": "3.1.0",
"@spectrum-css/alertdialog": "4.1.0",
"@spectrum-css/asset": "7.1.0",
"@spectrum-css/assetcard": "5.1.0",
"@spectrum-css/assetlist": "8.1.0",
"@spectrum-css/avatar": "9.1.0",
"@spectrum-css/badge": "6.1.0",
"@spectrum-css/breadcrumb": "11.1.0",
"@spectrum-css/button": "14.1.1",
"@spectrum-css/buttongroup": "9.1.0",
"@spectrum-css/calendar": "7.1.0",
"@spectrum-css/card": "11.1.0",
"@spectrum-css/checkbox": "10.1.0",
"@spectrum-css/clearbutton": "7.1.0",
"@spectrum-css/closebutton": "6.1.0",
"@spectrum-css/coachindicator": "4.1.0",
"@spectrum-css/coachmark": "9.1.1",
"@spectrum-css/colorarea": "7.1.0",
"@spectrum-css/colorhandle": "10.1.0",
"@spectrum-css/colorloupe": "7.1.0",
"@spectrum-css/colorslider": "8.1.0",
"@spectrum-css/colorwheel": "6.1.0",
"@spectrum-css/combobox": "4.1.1",
"@spectrum-css/commons": "11.0.0",
"@spectrum-css/contextualhelp": "5.1.2",
"@spectrum-css/datepicker": "4.1.1",
"@spectrum-css/dial": "5.1.0",
"@spectrum-css/dialog": "12.1.0",
"@spectrum-css/divider": "5.1.0",
"@spectrum-css/dropindicator": "7.1.0",
"@spectrum-css/dropzone": "8.1.0",
"@spectrum-css/fieldgroup": "7.1.0",
"@spectrum-css/fieldlabel": "10.1.0",
"@spectrum-css/floatingactionbutton": "4.1.0",
"@spectrum-css/form": "1.1.0",
"@spectrum-css/helptext": "7.1.0",
"@spectrum-css/icon": "9.1.0",
"@spectrum-css/illustratedmessage": "9.1.0",
"@spectrum-css/infieldbutton": "6.1.1",
"@spectrum-css/inlinealert": "10.1.0",
"@spectrum-css/link": "7.1.0",
"@spectrum-css/logicbutton": "6.1.0",
"@spectrum-css/menu": "9.1.0",
"@spectrum-css/meter": "1.1.0",
"@spectrum-css/miller": "8.1.0",
"@spectrum-css/modal": "7.1.0",
"@spectrum-css/opacitycheckerboard": "4.1.0",
"@spectrum-css/page": "9.1.0",
"@spectrum-css/pagination": "10.1.0",
"@spectrum-css/picker": "9.1.2",
"@spectrum-css/pickerbutton": "6.1.1",
"@spectrum-css/popover": "8.2.0",
"@spectrum-css/progressbar": "6.1.0",
"@spectrum-css/progresscircle": "5.1.0",
"@spectrum-css/radio": "10.1.0",
"@spectrum-css/rating": "6.1.0",
"@spectrum-css/search": "8.1.0",
"@spectrum-css/sidenav": "7.1.0",
"@spectrum-css/slider": "6.1.0",
"@spectrum-css/splitview": "7.1.0",
"@spectrum-css/statuslight": "9.1.0",
"@spectrum-css/steplist": "7.1.0",
"@spectrum-css/stepper": "7.1.1",
"@spectrum-css/swatch": "8.1.1",
"@spectrum-css/swatchgroup": "5.1.0",
"@spectrum-css/switch": "6.1.0",
"@spectrum-css/table": "8.1.0",
"@spectrum-css/tabs": "6.1.1",
"@spectrum-css/tag": "10.1.0",
"@spectrum-css/taggroup": "7.1.0",
"@spectrum-css/textfield": "8.1.0",
"@spectrum-css/thumbnail": "8.1.0",
"@spectrum-css/toast": "11.1.0",
"@spectrum-css/tooltip": "7.1.0",
"@spectrum-css/tray": "5.1.0",
"@spectrum-css/treeview": "12.1.0",
"@spectrum-css/typography": "8.1.0",
"@spectrum-css/underlay": "6.1.0",
"@spectrum-css/well": "7.1.0",
"@spectrum-tools/postcss-rgb-mapping": "1.0.0",
"@spectrum-tools/stylelint-no-missing-var": "2.0.1",
"@spectrum-tools/stylelint-no-unknown-custom-properties": "2.0.2",
"@spectrum-tools/stylelint-no-unused-custom-properties": "2.0.4",
"@spectrum-css/tokens": "16.0.1",
"@spectrum-css/bundle": "1.0.0",
"@spectrum-css/generator": "4.1.0",
"@spectrum-css/ui-icons": "1.1.2"
},
"changesets": [
"fuzzy-houses-clap",
"shaggy-dragons-visit"
]
}
53 changes: 35 additions & 18 deletions .github/QUICK-START.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
This guide will show you how to quickly install Spectrum CSS and use it to display the Button component.

## Install using Node/yarn

Install the components you want along with their dependencies. Here's an example:

```shell
Expand All @@ -12,45 +13,61 @@ yarn add -DW @spectrum-css/tokens @spectrum-css/typography @spectrum-css/page @s
Spectrum CSS components utilize custom properties in order to change themes and scales. For these to apply, a couple of classes need to be added to the document’s `<html>` tag based on the [visual language](https://github.com/adobe/spectrum-css?tab=readme-ov-file#visual-language), [scale](https://github.com/adobe/spectrum-css?tab=readme-ov-file#scales), and [theme](https://github.com/adobe/spectrum-css?tab=readme-ov-file#themes-colorstops) you wish to use. For example, the following code snippet will display styling for the default Spectrum visual language using medium scale and light color theme:

```html
<html class="spectrum spectrum--medium spectrum--light">
<html class="spectrum spectrum--medium spectrum--light"></html>
```

Use the `index.css` files in your project to include component and global styles ([Spectrum and Express contexts](https://github.com/adobe/spectrum-css?tab=readme-ov-file#visual-language), [background theme/colorstop](https://github.com/adobe/spectrum-css?tab=readme-ov-file#themes-colorstops), [platform scaling](https://github.com/adobe/spectrum-css?tab=readme-ov-file#scales), etc.) for the component. If you don't need all of the global styles, peek at the docs for [including assets](https://github.com/adobe/spectrum-css?tab=readme-ov-file#including-assets)). Use this file by including the stylesheet (plus stylesheets for dependencies) in the `<head>` tag:
Use the `index.css` files in your project to include component and global styles ([background theme/colorstop](https://github.com/adobe/spectrum-css?tab=readme-ov-file#themes-colorstops), [platform scaling](https://github.com/adobe/spectrum-css?tab=readme-ov-file#scales), etc.) for the component. If you don't need all of the global styles, peek at the docs for [including assets](https://github.com/adobe/spectrum-css?tab=readme-ov-file#including-assets)). Use this file by including the stylesheet (plus stylesheets for dependencies) in the `<head>` tag:

```html
<head>
<!-- Include global tokens depedency first -->
<link rel="stylesheet" href="node_modules/@spectrum-css/tokens/dist/index.css"/>
<!-- Include global tokens depedency first -->
<link
rel="stylesheet"
href="node_modules/@spectrum-css/tokens/dist/index.css"
/>

<!-- Include index.css for the components you're using -->
<link rel="stylesheet" href="node_modules/@spectrum-css/button/dist/index.css"/>
<!-- Include index.css for the components you're using -->
<link
rel="stylesheet"
href="node_modules/@spectrum-css/button/dist/index.css"
/>
</head>
```

Inside the `<body>` tag, add the markup for your component (Spectrum button in our example). The example also includes the CSS class names `spectrum-Button--fill` and `spectrum-Button--accent`, to use the accent variant:

```html
<button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM">
<span class="spectrum-Button-label">Button</span>
<button
class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM"
>
<span class="spectrum-Button-label">Button</span>
</button>
```

To put it all together, your final html file will look like this:

```html
<html class="spectrum spectrum--light spectrum--medium">
<head>
<link rel="stylesheet" href="node_modules/@spectrum-css/tokens/dist/index.css"/>
<link rel="stylesheet" href="node_modules/@spectrum-css/page/dist/index-vars.css">
<link rel="stylesheet" href="node_modules/@spectrum-css/button/dist/index-vars.css">
</head>
<body>
<button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM">
<span class="spectrum-Button-label">Button</span>
</button>
</body>
<head>
<link
rel="stylesheet"
href="node_modules/@spectrum-css/tokens/dist/index.css"
/>
<link
rel="stylesheet"
href="node_modules/@spectrum-css/button/dist/index.css"
/>
</head>
<body>
<button
class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM"
>
<span class="spectrum-Button-label">Button</span>
</button>
</body>
</html>
```

## Include files from a CDN

Another way to include Spectrum CSS components in your project is to use a CDN to link to the components you want, plus their dependencies, in the `<head>` tag of your HTML. If you choose to use a CDN, please note that Spectrum CSS doesn't manage a CDN, cannot confirm the availability or up-time of external CDNs, and doesn't recommend using a CDN for Spectrum CSS in a production environment.
38 changes: 12 additions & 26 deletions .github/actions/file-diff/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,56 +14,46 @@
- [#3488](https://github.com/adobe/spectrum-css/pull/3488) [`40c1954`](https://github.com/adobe/spectrum-css/commit/40c1954048f735a07f9edfccf3a568d38164806a) Thanks [@castastrophe](https://github.com/castastrophe)!
- Update file table to specify if the file is deleted/moved and indicate the file size has decreased without showing percentages. This update also hardens the way in which the main file is highlighted in the table by checking for exact equals for looking for files "ending with" the file name.

- Update file table to specify if the file is deleted/moved and indicate the file size has decreased without showing percentages. This update also hardens the way in which the main file is highlighted in the table by checking for exact equals for looking for files "ending with" the file name.

## 2.0.6

### Patch Changes

- [#2775](https://github.com/adobe/spectrum-css/pull/2775) [`2452637`](https://github.com/adobe/spectrum-css/commit/2452637d1179b9b2b025dafeb5834720712413d7) Thanks [@castastrophe](https://github.com/castastrophe)!
- Dependency minor and patch updates to support new features in tools leveraged

<a name="2.0.5"></a>

##2.0.5
## 2.0.5

🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@2.0.4...@spectrum-tools/gh-action-file-diff@2.0.5)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="2.0.4"></a>

##2.0.4
## 2.0.4

🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@2.0.3...@spectrum-tools/gh-action-file-diff@2.0.4)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="2.0.3"></a>

##2.0.3
## 2.0.3

🗓 2024-02-06
🗓 2024-02-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@2.0.2...@spectrum-tools/gh-action-file-diff@2.0.3)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="2.0.2"></a>

##2.0.2
## 2.0.2

🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@2.0.1...@spectrum-tools/gh-action-file-diff@2.0.2)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="2.0.1"></a>

##2.0.1
## 2.0.1

🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@2.0.0...@spectrum-tools/gh-action-file-diff@2.0.1)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="2.0.0"></a>

#2.0.0
## 2.0.0

🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@1.0.2...@spectrum-tools/gh-action-file-diff@2.0.0)

Expand All @@ -75,17 +65,13 @@

- NEW: @spectrum-css/ui-icons package for all SVG icons in the UI set.

<a name="1.0.2"></a>
## 1.0.2

##1.0.2

🗓 2023-11-15
🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/gh-action-file-diff@1.0.1...@spectrum-tools/gh-action-file-diff@1.0.2)

**Note:** Version bump only for package @spectrum-tools/gh-action-file-diff

<a name="1.0.1"></a>

##1.0.1
## 1.0.1

🗓 2023-11-13

Expand Down
19 changes: 15 additions & 4 deletions .github/workflows/development.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ on:
pull_request:
branches:
- main
- spectrum-two
- spectrum-2
# Allow us to run tests for PRs updating github actions
- chore-*ci*
- chore-*github-actions*
Expand Down Expand Up @@ -85,6 +85,8 @@ jobs:
styles_modified_files: ${{ steps.changed-files.outputs.styles_modified_files }}
eslint_added_files: ${{ steps.changed-files.outputs.eslint_added_files }}
eslint_modified_files: ${{ steps.changed-files.outputs.eslint_modified_files }}
mdlint_added_files: ${{ steps.changed-files.outputs.mdlint_added_files }}
mdlint_modified_files: ${{ steps.changed-files.outputs.mdlint_modified_files }}
plugins_modified_files: ${{ steps.changed-files.outputs.plugins_modified_files }}
plugins_added_files: ${{ steps.changed-files.outputs.plugins_added_files }}
permissions:
Expand All @@ -98,10 +100,19 @@ jobs:
files_yaml: |
styles:
- components/*/index.css
- components/*/themes/spectrum.css
- components/*/themes/express.css
eslint:
- components/*/stories/*.js
mdlint:
- *.md
- .storybook/*.md
- .storybook/*/*.md
- .storybook/*/*.mdx
- components/*/*.md
- components/*/stories/*.mdx
- plugins/*/*.md
- tokens/*.md
- tools/*/*.md
- ui-icons/*.md
plugins:
- plugins/**/*

Expand Down Expand Up @@ -180,7 +191,7 @@ jobs:
if: contains(github.event.pull_request.labels.*.name, 'run_vrt') || ((github.event.pull_request.draft != true || contains(github.event.pull_request.labels.*.name, 'run_ci')) && github.event.pull_request.mergeable == true)
uses: ./.github/workflows/vrt.yml
with:
skip: ${{ github.base_ref == 'spectrum-two' || contains(github.event.pull_request.labels.*.name, 'skip_vrt') }}
skip: ${{ contains(github.event.pull_request.labels.*.name, 'skip_vrt') }}
secrets: inherit

# -------------------------------------------------------------
Expand Down
23 changes: 22 additions & 1 deletion .github/workflows/lint.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,12 @@ on:
eslint_modified_files:
type: string
required: false
mdlint_added_files:
type: string
required: false
mdlint_modified_files:
type: string
required: false
workflow_call:
inputs:
styles_added_files:
Expand All @@ -32,6 +38,12 @@ on:
eslint_modified_files:
type: string
required: false
mdlint_added_files:
type: string
required: false
mdlint_modified_files:
type: string
required: false

permissions:
contents: read
Expand Down Expand Up @@ -90,7 +102,7 @@ jobs:
filter_mode: diff_context
level: error
reporter: github-pr-review
# stylelint_input: "components/*/index.css components/*/themes/*.css"
# stylelint_input: "components/*/index.css"
stylelint_input: "${{ inputs.styles_added_files }} ${{ inputs.styles_modified_files }}"
stylelint_config: "${{ github.workspace }}/stylelint.config.js"

Expand All @@ -104,3 +116,12 @@ jobs:
filter_mode: diff_context
# eslint_flags: "components/*/stories/*.js"
eslint_flags: "${{ inputs.eslint_added_files }} ${{ inputs.eslint_modified_files }}"

- name: Run markdownlint on documentation
uses: reviewdog/action-markdownlint@v1.0.0
with:
reporter: github-pr-review
filter_mode: diff_context
fail_level: error
markdownlint_config: "${{ github.workspace }}/.markdownlint.json"
markdownlint_input: "${{ inputs.mdlint_added_files }} ${{ inputs.mdlint_modified_files }}"
2 changes: 1 addition & 1 deletion .github/workflows/production.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ name: Build and verify production

on:
push:
branches: [main, spectrum-two]
branches: [main, spectrum-2]

permissions:
contents: read
Expand Down
2 changes: 1 addition & 1 deletion .github/workflows/release.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ on:
push:
branches:
- main
- spectrum-two
- spectrum-2

concurrency: ${{ github.workflow }}-${{ github.ref }}

Expand Down
Loading