chore: release (next)#4073
Merged
Merged
Conversation
|
|
||
| ### Major Changes | ||
|
|
||
| 📝 [#4043](https://github.com/adobe/spectrum-css/pull/4043) [`0242f7f`](https://github.com/adobe/spectrum-css/commit/0242f7f69ec24ef6c6f000324a7b44106e4603fa) Thanks [@cdransf](https://github.com/cdransf)! |
Contributor
There was a problem hiding this comment.
💃 It works! Our custom changelog in action!
castastrophe
approved these changes
Jul 26, 2025
Contributor
castastrophe
left a comment
castastrophe
left a comment
There was a problem hiding this comment.
This looks great and the new changesets custom plugin is working!
github-actions
Bot
force-pushed
the
changeset-release/spectrum-two
branch
from
9c96845 to
cec726b
Compare
Contributor
Author
📚 Branch previewPR #4073 has been deployed to Azure Blob Storage: https://spectrumcss.z13.web.core.windows.net/pr-4073/index.html. |
Contributor
Author
File metricsSummaryTotal size: 1.44 MB* 🎉 No changes detected in any packages * Size is the sum of all main files for packages in the library.* An ASCII character in UTF-8 is 8 bits or 1 byte. |
github-actions
Bot
force-pushed
the
changeset-release/spectrum-two
branch
from
cec726b to
3a30bcf
Compare
github-actions
Bot
force-pushed
the
changeset-release/spectrum-two
branch
from
3a30bcf to
4677a22
Compare
11 tasks
This was referenced Aug 27, 2025
14 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to spectrum-two, this PR will be updated.
spectrum-twois currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, runchangeset pre exitonspectrum-two.Releases
@spectrum-css/clearbutton@8.0.0-next.2
Major Changes
📝 #4043
0242f7fThanks @cdransf!S2 migration for clear button
This migrates the clear button component to the latest Spectrum 2 designs. Custom properties have been remapped and added per the design specification.
@spectrum-css/contextualhelp@6.0.0-next.3
Major Changes
📝 #3909
08b3345Thanks @cdransf!S2 migration for contextual help
This migrates the contextual help component to the latest Spectrum 2 designs. Custom properties have been remapped and added per the design specification.
Typographic and color tokens have been updated per design specifications.
All existing popover positioning variations are supported.
New custom properties
--spectrum-contextual-help-body-color--spectrum-contextual-help-body-line-height--spectrum-contextual-help-body-sans-serif-font-family--spectrum-contextual-help-body-sans-serif-font-style--spectrum-contextual-help-body-sans-serif-font-weight--spectrum-contextual-help-title-color--spectrum-contextual-help-title-font-style--spectrum-contextual-help-title-font-weight--spectrum-contextual-help-title-line-height--spectrum-contextual-help-title-sans-serif-font-familyNew mods
--mod-contextual-help-body-line-height--mod-contextual-help-body-sans-serif-font-family--mod-contextual-help-body-sans-serif-font-style--mod-contextual-help-body-sans-serif-font-weight--mod-contextual-help-body-size--mod-contextual-help-title-color--mod-contextual-help-title-font-style--mod-contextual-help-title-font-weight--mod-contextual-help-title-line-height--mod-contextual-help-title-sans-serif-font-family--mod-contextual-help-content-spacing--mod-contextual-help-heading-size--mod-contextual-help-link-spacing--mod-contextual-help-min-inline-size--mod-contextual-help-padding--mod-contextual-help-popover-maximum-widthRemoved mods
--mod-contextual-help-title-sans-serif-font-family--mod-spectrum-contextual-help-body-size--mod-spectrum-contextual-help-content-spacing--mod-spectrum-contextual-help-heading-size--mod-spectrum-contextual-help-link-spacing--mod-spectrum-contextual-help-minimum-width--mod-spectrum-contextual-help-padding--mod-spectrum-contextual-help-popover-maximum-width@spectrum-css/meter@2.0.0-next.3
Major Changes
📝 #3968
75e847fThanks @aramos-adobe!S2 meter migration with base progress bar updates
This migration updates the meter component and the progress bar component. Both needed the track to have a full corner radius to make the rounded look. The progress bar's HTML template now includes the help text component but it is only used in the meter. Also includes a bug fix for progress bar in order to better support the side label variant.
New updates
--sizeMand--sizeXL(using progress bar's sizes)Since the progress bar and meter are now using the same tokens for track thickness in size variants, font size, and spacing, the following mods have been removed from meter but are still able to be used in progress bar:
--mod-progressbar-thickness--mod-progressbar-font-size--mod-progressbar-spacing-top-to-textThese mods can continue to be used as before.
New mods
--mod-meter-help-text-to-progress-bar@spectrum-css/progressbar@7.0.0-next.3
Major Changes
📝 #3968
75e847fThanks @aramos-adobe!S2 meter migration with base progress bar updates
This migration updates the meter component and the progress bar component. Both needed the track to have a full corner radius to make the rounded look. The progress bar's HTML template now includes the help text component but it is only used in the meter. Also includes a bug fix for progress bar in order to better support the side label variant.
New updates
--sizeMand--sizeXL(using progress bar's sizes)Since the progress bar and meter are now using the same tokens for track thickness in size variants, font size, and spacing, the following mods have been removed from meter but are still able to be used in progress bar:
--mod-progressbar-thickness--mod-progressbar-font-size--mod-progressbar-spacing-top-to-textThese mods can continue to be used as before.
New mods
--mod-meter-help-text-to-progress-bar@spectrum-css/taggroup@8.0.0-next.2
Major Changes
📝 #3966
88948bfThanks @rise-erpelding!The Spectrum 2 version of Tag Group is a major change from its Spectrum 1 counterpart.
Major style changes include:
In order to support the aforementioned spacing changes, the two mod properties for margin have been removed:
--mod-tag-group-item-margin-block--mod-tag-group-item-margin-inlineInstead, please customize spacing between tags with:
--mod-tag-group-block-tag-spacing--mod-tag-group-inline-tag-spacingThese custom properties may need to be set to be double the previous margin values in order to achieve the same spacing.
To support custom spacing of the embedded components, several other new mod properties have been added:
--mod-tag-group-block-spacing-label-to-tags--mod-tag-group-inline-spacing-label-to-tags--mod-tag-group-spacing-help-text-to-tagsTo support the optional empty state (when there are no tags in the tag group), several passthroughs to modify the body typography text element have been added, including:
--mod-body-cjk-line-height--mod-body-font-size--mod-body-line-height--mod-body-margin-end--mod-body-margin-start@spectrum-css/dialog@13.0.0-next.4
Minor Changes
📝 #4000
f654c8dThanks @marissahuysentruyt!Increases flexibility and responsiveness of the dialog header. A container query for the
.spectrum-Dialogwas added, which now triggers the reflow of the.spectrum-Dialog--fullscreen/.spectrum-Dialog--fullscreenTakeovercontent grid. This is particularly useful when the component slot is utilized to add other components as additional content in fullscreen/fullscreenTakeover dialogs' header areas by allowing the content to reflow sooner.@spectrum-css/icon@10.0.0-next.3
Minor Changes
📝 #3988
86dd51dThanks @rise-erpelding!Adds icon class for link out 75 icon
@spectrum-css/popover@9.0.0-next.3
Minor Changes
📝 #3965
61f3c04Thanks @cdransf!Restores drop shadow for nested popovers. This is done by moving the default popover to
box-shadowand usingfilterfor popovers with tip. This allows for visual consistency across all popovers.New mods
--mod-popover-box-shadowNew custom properties
--spectrum-popover-box-shadowPatch Changes
📝 #3995
18c69aaThanks @marissahuysentruyt!Defines the missing
--spectrum-popover-border-widthcustom property. The variable was already being used in our style definitions, but its value was lost at some point so it was undefined in the browser. This work should correct that.@spectrum-css/tokens@16.1.0-next.6
Minor Changes
📝 #4067
f6843c6Thanks @renovate!Updated from @adobe/spectrum-tokens 13.10.1 -> 13.12.0.
Newly deprecated
--spectrum-card-minimum-width: This token has been deprecated, use--spectrum-card-minimum-width-defaultinstead.--spectrum-tree-view-item-to-item: This token has been deprecated, use--spectrum-tree-view-item-to-item-defaultinstead.Newly added
--spectrum-component-xs-regular-font-family--spectrum-sans-serif-font-family--spectrum-component-xs-regular-font-size--spectrum-font-size-50--spectrum-component-xs-regular-font-weight--spectrum-regular-font-weight--spectrum-component-xs-regular-letter-spacing--spectrum-letter-spacing--spectrum-component-xs-regular-line-height--spectrum-line-height-font-size-50--spectrum-component-xs-medium-font-family--spectrum-sans-serif-font-family--spectrum-component-xs-medium-font-size--spectrum-font-size-50--spectrum-component-xs-medium-font-weight--spectrum-medium-font-weight--spectrum-component-xs-medium-letter-spacing--spectrum-letter-spacing--spectrum-component-xs-medium-line-height--spectrum-line-height-font-size-50--spectrum-component-xs-bold-font-family--spectrum-sans-serif-font-family--spectrum-component-xs-bold-font-size--spectrum-font-size-50--spectrum-component-xs-bold-font-weight--spectrum-bold-font-weight--spectrum-component-xs-bold-letter-spacing--spectrum-letter-spacing--spectrum-component-xs-bold-line-height--spectrum-line-height-font-size-50--spectrum-component-s-regular-font-family--spectrum-sans-serif-font-family--spectrum-component-s-regular-font-size--spectrum-font-size-75--spectrum-component-s-regular-font-weight--spectrum-regular-font-weight--spectrum-component-s-regular-letter-spacing--spectrum-letter-spacing--spectrum-component-s-regular-line-height--spectrum-line-height-font-size-75--spectrum-component-s-medium-font-family--spectrum-sans-serif-font-family--spectrum-component-s-medium-font-size--spectrum-font-size-75--spectrum-component-s-medium-font-weight--spectrum-medium-font-weight--spectrum-component-s-medium-letter-spacing--spectrum-letter-spacing--spectrum-component-s-medium-line-height--spectrum-line-height-font-size-75--spectrum-component-s-bold-font-family--spectrum-sans-serif-font-family--spectrum-component-s-bold-font-size--spectrum-font-size-75--spectrum-component-s-bold-font-weight--spectrum-bold-font-weight--spectrum-component-s-bold-letter-spacing--spectrum-letter-spacing--spectrum-component-s-bold-line-height--spectrum-line-height-font-size-75--spectrum-component-m-regular-font-family--spectrum-sans-serif-font-family--spectrum-component-m-regular-font-size--spectrum-font-size-100--spectrum-component-m-regular-font-weight--spectrum-regular-font-weight--spectrum-component-m-regular-letter-spacing--spectrum-letter-spacing--spectrum-component-m-regular-line-height--spectrum-line-height-font-size-100--spectrum-component-m-medium-font-family--spectrum-sans-serif-font-family--spectrum-component-m-medium-font-size--spectrum-font-size-100--spectrum-component-m-medium-font-weight--spectrum-medium-font-weight--spectrum-component-m-medium-letter-spacing--spectrum-letter-spacing--spectrum-component-m-medium-line-height--spectrum-line-height-font-size-100--spectrum-component-m-bold-font-family--spectrum-sans-serif-font-family--spectrum-component-m-bold-font-size--spectrum-font-size-100--spectrum-component-m-bold-font-weight--spectrum-bold-font-weight--spectrum-component-m-bold-letter-spacing--spectrum-letter-spacing--spectrum-component-m-bold-line-height--spectrum-line-height-font-size-100--spectrum-component-l-regular-font-family--spectrum-sans-serif-font-family--spectrum-component-l-regular-font-size--spectrum-font-size-200--spectrum-component-l-regular-font-weight--spectrum-regular-font-weight--spectrum-component-l-regular-letter-spacing--spectrum-letter-spacing--spectrum-component-l-regular-line-height--spectrum-line-height-font-size-200--spectrum-component-l-medium-font-family--spectrum-sans-serif-font-family--spectrum-component-l-medium-font-size--spectrum-font-size-200--spectrum-component-l-medium-font-weight--spectrum-medium-font-weight--spectrum-component-l-medium-letter-spacing--spectrum-letter-spacing--spectrum-component-l-medium-line-height--spectrum-line-height-font-size-200--spectrum-component-l-bold-font-family--spectrum-sans-serif-font-family--spectrum-component-l-bold-font-size--spectrum-font-size-200--spectrum-component-l-bold-font-weight--spectrum-bold-font-weight--spectrum-component-l-bold-letter-spacing--spectrum-letter-spacing--spectrum-component-l-bold-line-height--spectrum-line-height-font-size-200--spectrum-component-xl-regular-font-family--spectrum-sans-serif-font-family--spectrum-component-xl-regular-font-size--spectrum-font-size-300--spectrum-component-xl-regular-font-weight--spectrum-regular-font-weight--spectrum-component-xl-regular-letter-spacing--spectrum-letter-spacing--spectrum-component-xl-regular-line-height--spectrum-line-height-font-size-300--spectrum-component-xl-medium-font-family--spectrum-sans-serif-font-family--spectrum-component-xl-medium-font-size--spectrum-font-size-300--spectrum-component-xl-medium-font-weight--spectrum-medium-font-weight--spectrum-component-xl-medium-letter-spacing--spectrum-letter-spacing--spectrum-component-xl-medium-line-height--spectrum-line-height-font-size-300--spectrum-component-xl-bold-font-family--spectrum-sans-serif-font-family--spectrum-component-xl-bold-font-size--spectrum-font-size-300--spectrum-component-xl-bold-font-weight--spectrum-bold-font-weight--spectrum-component-xl-bold-letter-spacing--spectrum-letter-spacing--spectrum-component-xl-bold-line-height--spectrum-line-height-font-size-300--spectrum-component-padding-vertical-503px(desktop) and5px(mobile)--spectrum-component-padding-vertical-754px(desktop) and5px(mobile)--spectrum-component-padding-vertical-1007px(desktop) and9px(mobile)--spectrum-component-padding-vertical-20010px(desktop) and13px(mobile)--spectrum-component-padding-vertical-30013px(desktop) and17px(mobile)--spectrum-card-minimum-width-default100px--spectrum-tree-view-item-to-item-default-1pxUpdated
--spectrum-sans-serif-font-family:Adobe Clean->Adobe Clean Spectrum VF--spectrum-accordion-top-to-text-compact-medium:5px->8px--spectrum-accordion-top-to-text-spacious-medium:16px->13px(desktop) and19px->15px(mobile)--spectrum-accordion-focus-indicator-gap:0px->2px--spectrum-accordion-top-to-text-medium:12px->9px(desktop) and16px->10px(mobile)@spectrum-css/ui-icons@2.0.0-next.2
Minor Changes
📝 #3988
86dd51dThanks @rise-erpelding!Updates ui-icons to include linkout-75 icon.
@spectrum-css/preview@12.0.5-next.8
Patch Changes
Updated dependencies [
86dd51d,f6843c6]:@spectrum-css/sidenav@8.0.0-next.2
Patch Changes
📝 #4044
b1166bdThanks @5t3ph!Replace deprecated
word-break: break-wordwithoverflow-wrap: break-wordto align with modern CSS standards and improve cross-browser compatibility. This property was deprecated in Chrome 44 (July 2015) in favor of the standardizedoverflow-wrapproperty.@spectrum-css/tooltip@8.0.0-next.3
Patch Changes
📝 #4044
b1166bdThanks @5t3ph!Replace deprecated
word-break: break-wordwithoverflow-wrap: break-wordto align with modern CSS standards and improve cross-browser compatibility. This property was deprecated in Chrome 44 (July 2015) in favor of the standardizedoverflow-wrapproperty.@spectrum-css/bundle@2.0.0-next.5
Patch Changes
Updated dependencies [
b1166bd,86dd51d,f6843c6,61f3c04,08b3345,0242f7f,f654c8d,88948bf,18c69aa,75e847f]: