Skip to content

Conversation

@renovate
Copy link
Contributor

@renovate renovate bot commented Mar 28, 2025

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@spectrum-css/typography (source) 7.0.0-s2-foundations.17 -> 8.1.0 age adoption passing confidence

Release Notes

adobe/spectrum-css (@​spectrum-css/typography)

v7.0.1

Compare Source

Patch Changes

📝 #​3522 7a47c22 Thanks @​castastrophe!

v7.0.0

Compare Source

Major Changes

📝 #​3502 562396e Thanks @​castastrophe!

  • Remove empty theme references to reduce complexity for components that don't need to define any mappings. This involves removing the source themes directories with the empty spectrum.css and express.com files as well as removing the following empty or unnecessary exports:

    • index-base.css
    • index-theme.css
    • themes/spectrum.css
    • themes/express.css
Patch Changes

v7.0.0-s2-foundations.19

Compare Source

Major Changes
  • #​2786 7fa37a7 Thanks @​pfulton! - Removes empty theme assets from the component; no longer publishing a themes folder or index-theme.css map.

v7.0.0-s2-foundations.18

Compare Source

Major Changes
  • #​2786 f6ad55e Thanks @​pfulton! - feat: s2 foundations non-gray-800 colors update

    Property name Context Old value Updated value
    --spectrum-blue-800 dark rgb(69, 110, 254) rgb(64, 105, 253)
    --spectrum-red-800 dark rgb(230, 54, 35) rgb(223, 52, 34)
    --spectrum-orange-800 dark rgb(205, 86, 0) rgb(199, 82, 0)
    --spectrum-yellow-800 dark rgb(169, 110, 0) rgb(164, 106, 0)
    --spectrum-chartreuse-800 dark rgb(109, 131, 0) rgb(106, 127, 0)
    --spectrum-celery-800 dark rgb(69, 138, 19) rgb(66, 134, 18)
    --spectrum-green-800 dark rgb(6, 140, 82) rgb(6, 136, 80)
    --spectrum-seafoam-800 dark rgb(8, 138, 116) rgb(8, 134, 112)
    --spectrum-cyan-800 dark rgb(15, 128, 194) rgb(13, 125, 186)
    --spectrum-indigo-800 dark rgb(119, 97, 252) rgb(116, 91, 252)
    --spectrum-purple-800 dark rgb(161, 84, 229) rgb(157, 78, 228)
    --spectrum-fuchsia-800 dark rgb(192, 64, 212) rgb(186, 60, 206)
    --spectrum-magenta-800 dark rgb(231, 41, 105) rgb(224, 38, 101)
    --spectrum-pink-800 dark rgb(220, 47, 156) rgb(213, 45, 151)
    --spectrum-turqoise-800 dark rgb(9, 135, 147) rgb(9, 131, 142)
    --spectrum-brown-800 dark rgb(148, 118, 73) rgb(143, 114, 69)
    --spectrum-silver-800 dark rgb(123, 123, 123) rgb(118, 118, 118)
    --spectrum-cinnamon-800 dark rgb(179, 103, 64) rgb(176, 98, 59)
Patch Changes

Configuration

📅 Schedule: Branch creation - "after 12pm on thursday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate renovate bot requested a review from a team as a code owner March 28, 2025 17:07
@changeset-bot
Copy link

changeset-bot bot commented Mar 28, 2025

🦋 Changeset detected

Latest commit: 6ef7a90

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 84 packages
Name Type
@spectrum-web-components/styles Patch
@spectrum-web-components/card Patch
@spectrum-web-components/illustrated-message Patch
@spectrum-web-components/custom-vars-viewer Patch
example-project-rollup Patch
example-project-webpack Patch
@spectrum-web-components/vrt-compare Patch
@spectrum-web-components/bundle Patch
@spectrum-web-components/theme Patch
@spectrum-web-components/truncated Patch
documentation Patch
@spectrum-web-components/overlay Patch
@spectrum-web-components/slider Patch
@spectrum-web-components/story-decorator Patch
@spectrum-web-components/combobox Patch
@spectrum-web-components/contextual-help Patch
@spectrum-web-components/menu Patch
@spectrum-web-components/picker Patch
@spectrum-web-components/popover Patch
@spectrum-web-components/tooltip Patch
@spectrum-web-components/breadcrumbs Patch
@spectrum-web-components/action-menu Patch
@spectrum-web-components/action-bar Patch
@spectrum-web-components/eslint-plugin Patch
@spectrum-web-components/accordion Patch
@spectrum-web-components/action-button Patch
@spectrum-web-components/action-group Patch
@spectrum-web-components/alert-banner Patch
@spectrum-web-components/alert-dialog Patch
@spectrum-web-components/asset Patch
@spectrum-web-components/avatar Patch
@spectrum-web-components/badge Patch
@spectrum-web-components/button-group Patch
@spectrum-web-components/button Patch
@spectrum-web-components/checkbox Patch
@spectrum-web-components/clear-button Patch
@spectrum-web-components/close-button Patch
@spectrum-web-components/coachmark Patch
@spectrum-web-components/color-area Patch
@spectrum-web-components/color-field Patch
@spectrum-web-components/color-handle Patch
@spectrum-web-components/color-loupe Patch
@spectrum-web-components/color-slider Patch
@spectrum-web-components/color-wheel Patch
@spectrum-web-components/dialog Patch
@spectrum-web-components/divider Patch
@spectrum-web-components/dropzone Patch
@spectrum-web-components/field-group Patch
@spectrum-web-components/field-label Patch
@spectrum-web-components/help-text Patch
@spectrum-web-components/icon Patch
@spectrum-web-components/icons-ui Patch
@spectrum-web-components/icons-workflow Patch
@spectrum-web-components/icons Patch
@spectrum-web-components/iconset Patch
@spectrum-web-components/infield-button Patch
@spectrum-web-components/link Patch
@spectrum-web-components/meter Patch
@spectrum-web-components/modal Patch
@spectrum-web-components/number-field Patch
@spectrum-web-components/picker-button Patch
@spectrum-web-components/progress-bar Patch
@spectrum-web-components/progress-circle Patch
@spectrum-web-components/radio Patch
@spectrum-web-components/search Patch
@spectrum-web-components/sidenav Patch
@spectrum-web-components/split-view Patch
@spectrum-web-components/status-light Patch
@spectrum-web-components/swatch Patch
@spectrum-web-components/switch Patch
@spectrum-web-components/table Patch
@spectrum-web-components/tabs Patch
@spectrum-web-components/tags Patch
@spectrum-web-components/textfield Patch
@spectrum-web-components/thumbnail Patch
@spectrum-web-components/toast Patch
@spectrum-web-components/top-nav Patch
@spectrum-web-components/tray Patch
@spectrum-web-components/underlay Patch
@spectrum-web-components/base Patch
@spectrum-web-components/grid Patch
@spectrum-web-components/opacity-checkerboard Patch
@spectrum-web-components/reactive-controllers Patch
@spectrum-web-components/shared Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@renovate renovate bot force-pushed the renovate/spectrum-css-typography-7.x branch 6 times, most recently from b364818 to 918f1d2 Compare March 31, 2025 19:42
@renovate
Copy link
Contributor Author

renovate bot commented Mar 31, 2025

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

@castastrophe castastrophe changed the title chore: update dependency @spectrum-css/typography to v7.0.1 chore: update dependency @spectrum-css/typography to v8.1.0 Mar 31, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Mar 31, 2025

Branch preview

Review the following VRT differences

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

If the changes are expected, update the current_golden_images_cache hash in the circleci config to accept the new images. Instructions are included in that file.
If the changes are unexpected, you can investigate the cause of the differences and update the code accordingly.

Comment on lines -173 to -175
try {
sourceCSS = fs.readFileSync(sourcePath, 'utf-8');
} catch (error) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Try catch is not an optimal way to check if a file exists - swapped this for fs.existsSync

*/

import baseStyles from './src/spectrum-base.css.js';
import langBaseStyles from './src/spectrum-lang.css.js';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

None of the *-overrides files were necessary for typography so this reduces that complexity. Note the files are not removed because they're being shipped in the exports object and thus could be used by customers downstream without us knowing. The files will now be empty but present.

@github-actions
Copy link
Contributor

Tachometer results

Currently, no packages are changed by this PR...


const processTypography = async (
baseSrcPath,
overridesSrcPath,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No overrides are needed for the typography package anymore.

@castastrophe castastrophe self-assigned this Mar 31, 2025
@castastrophe castastrophe added Status: Ready for review PR ready for review or re-review. and removed Status: Ready for review PR ready for review or re-review. labels Mar 31, 2025
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 2 times, most recently from 5c8beb2 to a9416d6 Compare April 1, 2025 17:09
@castastrophe
Copy link
Contributor

These updates are covered by the changeset: .changeset/brave-crews-win.md

@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 8 times, most recently from 8fb39e2 to fd47c81 Compare April 4, 2025 17:55
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 3 times, most recently from c83202c to 08fdd18 Compare April 17, 2025 14:56
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 3 times, most recently from c8a530f to d1901c3 Compare April 23, 2025 16:33
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch from d1901c3 to 8cfc8d1 Compare April 25, 2025 22:28
@caseyisonit
Copy link
Contributor

@castastrophe does this one fall in with the other CSS dependency work on going? i know this ships differently than components, so if it needs a review let me know and ill hop on it :)

@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 4 times, most recently from 0f3a820 to 7695f7b Compare May 6, 2025 14:13
import '@spectrum-web-components/popover/sp-popover.js';
import '@spectrum-web-components/divider/sp-divider.js';
import cardStyles from './card.css.js';
import headingStyles from '@spectrum-web-components/styles/heading.js';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is duplicative - the card styles provide the typography needed for the heading and subtitle sections.

private get renderSubtitleAndDescription(): TemplateResult {
return html`
<div class="subtitle spectrum-Detail spectrum-Detail--sizeS">
<div class="subtitle">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is where im seeing the issue in VRT

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@castastrophe looooks so much closer, seems like letter-spacing is the only thing off in the VRTs but I personally like the actual over the baseline. is this an acceptable difference?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah I kind of like the updated letter spacing for readability.

@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 4 times, most recently from 485f154 to c674dcd Compare May 6, 2025 20:23
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch 2 times, most recently from f84a2bf to 2103c93 Compare May 7, 2025 13:31
@caseyisonit caseyisonit added the Status: Ready for merge PR has 2 approvals, all tests pass, and is ready to merge label May 7, 2025
@castastrophe castastrophe enabled auto-merge (rebase) May 7, 2025 14:48
@castastrophe castastrophe force-pushed the renovate/spectrum-css-typography-7.x branch from 2103c93 to 6ef7a90 Compare May 7, 2025 14:48
@castastrophe castastrophe merged commit 1126cf2 into main May 7, 2025
24 checks passed
@castastrophe castastrophe deleted the renovate/spectrum-css-typography-7.x branch May 7, 2025 14:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Spectrum CSS Status: Ready for merge PR has 2 approvals, all tests pass, and is ready to merge

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants