Skip to content

feat: s2 styles and icons #5593

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.

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

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

castastrophe
Copy link
Contributor

@castastrophe castastrophe commented Jul 8, 2025

Description

From the main branch as the base, this PR updates only the styles and icons in order to achieve a minimal S2 implementation.

Motivation and context

Related issue(s)

  • fixes [Issue Number]

Screenshots (if appropriate)


Author's checklist

  • I have read the CONTRIBUTING and PULL_REQUESTS documents.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices
  • I have added automated tests to cover my changes.
  • I have included a well-written changeset if my change needs to be published.
  • I have included updated documentation if my change required it.

Reviewer's checklist

  • Includes a Github Issue with appropriate flag or Jira ticket number without a link
  • Includes thoughtfully written changeset if changes suggested include patch, minor, or major features
  • Automated tests cover all use cases and follow best practices for writing
  • Validated on all supported browsers
  • All VRTs are approved before the author can update Golden Hash

Manual review test cases

  • Descriptive Test Statement

    1. Go here
    2. Do this action
    3. Expect this result
  • Descriptive Test Statement

    1. Go here
    2. Do this action
    3. Expect this result

Device review

  • Did it pass in Desktop?
  • Did it pass in (emulated) Mobile?
  • Did it pass in (emulated) iPad?

Copy link

changeset-bot bot commented Jul 8, 2025

⚠️ No Changeset found

Latest commit: 55b10f6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([keyboard-focused]) .button:not(:disabled, .is-invalid, [quiet]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host:has(:active) .button:not(:disabled, .is-invalid, [quiet]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]):has(:focus) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([keyboard-focused][invalid]) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]):has(:active) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#input::placeholder {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([focused]) #textfield #input {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:hover) .button:not(:disabled, .is-invalid, [quiet]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:hover):has(:focus) .button:not(:disabled, .is-invalid, [quiet]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover):has(:focus) .button:not(:disabled, .spectrum-PickerButton--quiet) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield:hover #input {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([focused]) #textfield #input:hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([keyboard-focused]) #textfield #input {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ja), :lang(ko), :lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#illustrated-message {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([static-color="white"]) a {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([static-color="black"]) a {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([variant="positive"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([variant="notice"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([variant="negative"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled])) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled])) #textfield:focus-visible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([keyboard-focused]:not([disabled])) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet][invalid]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]) #textfield:focus-visible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled])) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled]):hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:hover) #textfield:not(.is-invalid, .is-disabled, .is-focused) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet][keyboard-focused]:not([disabled]):hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([hide-stepper]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:has(> sp-tooltip)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([open])) .dialog {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:is(:active, [active])) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ko)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-keyboardFocused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ja), :lang(ko), :lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([variant="multilevel"])) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable][active]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus):hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([drop-target]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--summary {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="1"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="2"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="3"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="4"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="5"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="6"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:hover) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--sectionHeader:hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) {
}


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-min-row-height--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-min-row-height: var(--mod-table-min-row-height--compact, var(--spectrum-table-row-height-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-top-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-top-to-text: var(--mod-table-row-top-to-text--compact, var(--spectrum-table-row-top-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-bottom-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-bottom-to-text: var(--mod-table-row-bottom-to-text--compact, var(--spectrum-table-row-bottom-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-checkbox-block-spacing--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-checkbox-block-spacing: var(--mod-table-row-checkbox-block-spacing--compact, var(--spectrum-table-row-checkbox-to-top-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-border-radius--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-border-radius: var(--mod-table-border-radius--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-outer-border-inline-width--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-outer-border-inline-width: var(--mod-table-outer-border-inline-width--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-header-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-header-background-color: var(--mod-table-header-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-background-color: var(--mod-table-row-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xs"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([compact]) #list {
}


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"

Comment on lines +57 to +58
:host([variant="error"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +31 to +32
:host([size="50"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +34 to +35
:host([size="75"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +37 to +38
:host([size="100"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +40 to +41
:host([size="200"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +110 to +111
:host {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +113 to +114
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +116 to +117
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +296 to +297
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +300 to +301
:host([static-color="white"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

@castastrophe castastrophe force-pushed the castastrophe/action-button-s2-migration-css-1220 branch from 3ca304c to b6f8e38 Compare July 8, 2025 20:45
Copy link

github-actions bot commented Jul 8, 2025

📚 Branch Preview

🔍 Visual Regression Test Results

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

Deployed to Azure Blob Storage: pr-5593

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.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([variant="notice"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([variant="negative"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled])) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled])) #textfield:focus-visible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([keyboard-focused]:not([disabled])) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet][invalid]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]) #textfield:focus-visible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled])) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled]):hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:hover) #textfield:not(.is-invalid, .is-disabled, .is-focused) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([invalid]:hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet]:not([disabled]):hover) #textfield:focus {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([quiet][keyboard-focused]:not([disabled]):hover) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([hide-stepper]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:has(> sp-tooltip)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([open])) .dialog {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:is(:active, [active])) .root {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ko)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-keyboardFocused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ja), :lang(ko), :lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([variant="multilevel"])) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable][active]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus):hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([drop-target]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--summary {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="1"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="2"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="3"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="4"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="5"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="6"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:hover) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--sectionHeader:hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) {
}


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-min-row-height--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-min-row-height: var(--mod-table-min-row-height--compact, var(--spectrum-table-row-height-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-top-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-top-to-text: var(--mod-table-row-top-to-text--compact, var(--spectrum-table-row-top-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-bottom-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-bottom-to-text: var(--mod-table-row-bottom-to-text--compact, var(--spectrum-table-row-bottom-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-checkbox-block-spacing--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-checkbox-block-spacing: var(--mod-table-row-checkbox-block-spacing--compact, var(--spectrum-table-row-checkbox-to-top-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-border-radius--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-border-radius: var(--mod-table-border-radius--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-outer-border-inline-width--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-outer-border-inline-width: var(--mod-table-outer-border-inline-width--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-header-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-header-background-color: var(--mod-table-header-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-background-color: var(--mod-table-row-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xs"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([compact]) #list {
}


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"

Comment on lines +62 to +63
:host(:lang(ja), :lang(ko), :lang(zh)) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +109 to 110
#illustrated-message {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +48 to +49
:host(:lang(zh)) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +42 to +43
a:active {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +67 to +68
:host([static-color="white"]) a {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +70 to +71
:host([static-color="black"]) a {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +133 to +134
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +136 to +137
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +139 to +140
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +151 to +152
:host(:lang(zh)) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Copy link

github-actions bot commented Jul 8, 2025

Tachometer results

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

@castastrophe castastrophe force-pushed the castastrophe/action-button-s2-migration-css-1220 branch from b6f8e38 to d6e2e09 Compare July 9, 2025 15:25
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ko)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="m"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #textfield {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-keyboardFocused .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-focused:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

#textfield.is-disabled:hover .icon-search {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:lang(ja), :lang(ko), :lang(zh)) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host(:not([variant="multilevel"])) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable][active]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus):hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([drop-target]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--summary {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="1"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="2"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="3"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="4"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="5"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="6"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:hover) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--sectionHeader:hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) {
}


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-min-row-height--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-min-row-height: var(--mod-table-min-row-height--compact, var(--spectrum-table-row-height-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-top-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-top-to-text: var(--mod-table-row-top-to-text--compact, var(--spectrum-table-row-top-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-bottom-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-bottom-to-text: var(--mod-table-row-bottom-to-text--compact, var(--spectrum-table-row-bottom-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-checkbox-block-spacing--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-checkbox-block-spacing: var(--mod-table-row-checkbox-block-spacing--compact, var(--spectrum-table-row-checkbox-to-top-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-border-radius--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-border-radius: var(--mod-table-border-radius--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-outer-border-inline-width--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-outer-border-inline-width: var(--mod-table-outer-border-inline-width--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-header-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-header-background-color: var(--mod-table-header-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-background-color: var(--mod-table-row-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xs"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([compact]) #list {
}


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"

Comment on lines +39 to 40
:host(:not([disabled])) #textfield:focus {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +43 to +44
:host(:not([disabled]):hover) #textfield:focus {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +47 to +48
:host(:not([disabled])) #textfield:focus-visible {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +92 to +93
:host([size="s"]) #textfield {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +95 to +96
:host([size="l"]) #textfield {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines 60 to 61
:host(:not([open])) .dialog {
--sp-overlay-open: false;
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +97 to +98
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +100 to +101
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +103 to +104
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +441 to +442
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

@castastrophe castastrophe force-pushed the castastrophe/action-button-s2-migration-css-1220 branch from d6e2e09 to fe84c63 Compare July 9, 2025 17:02
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable][active]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([sortable]:focus):hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:focus-visible) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([drop-target]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--summary {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="1"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="2"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="3"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="4"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="5"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([data-tier="6"]) .spectrum-Table-row--collapsible {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([selected]:hover) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

.spectrum-Table-row--sectionHeader:hover {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="compact"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="s"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="l"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([density="spacious"][size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) {
}


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-min-row-height--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-min-row-height: var(--mod-table-min-row-height--compact, var(--spectrum-table-row-height-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-top-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-top-to-text: var(--mod-table-row-top-to-text--compact, var(--spectrum-table-row-top-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-bottom-to-text--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-bottom-to-text: var(--mod-table-row-bottom-to-text--compact, var(--spectrum-table-row-bottom-to-text-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-checkbox-block-spacing--compact" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-checkbox-block-spacing: var(--mod-table-row-checkbox-block-spacing--compact, var(--spectrum-table-row-checkbox-to-top-medium-compact));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-border-radius--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-border-radius: var(--mod-table-border-radius--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-outer-border-inline-width--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-outer-border-inline-width: var(--mod-table-outer-border-inline-width--quiet, 0px);


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-header-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-header-background-color: var(--mod-table-header-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--mod-table-row-background-color--quiet" to match pattern "^_?([a-z][a-z0-9])(-[a-z0-9]+)$"

--mod-table-row-background-color: var(--mod-table-row-background-color--quiet, var(--spectrum-transparent-white-100));


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xs"]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="s"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="l"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([size="xl"][compact]) {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([emphasized]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([dir="rtl"][direction^="vertical-right"]) #list {
}


🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

:host([compact]) #list {
}


🚫 [stylelint] <declaration-block-no-duplicate-properties> reported by reviewdog 🐶
Unexpected duplicate "user-select"

Comment on lines +167 to +168
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +170 to +171
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +173 to +174
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines 41 to 42
:host([size="s"]) {
--_spectrum-progress-circle-size: var(--spectrum-progress-circle-size, var(--spectrum-progress-circle-size-small));
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines 44 to 45
:host([size="l"]) {
--_spectrum-progress-circle-size: var(--spectrum-progress-circle-size, var(--spectrum-progress-circle-size-large));
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +81 to +82
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +84 to +85
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +588 to +589
:host([size="s"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +591 to +592
:host([size="l"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

Comment on lines +594 to +595
:host([size="xl"]) {
}
Copy link

Choose a reason for hiding this comment

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

🚫 [stylelint] <block-no-empty> reported by reviewdog 🐶
Unexpected empty block

@castastrophe castastrophe force-pushed the castastrophe/action-button-s2-migration-css-1220 branch from fe84c63 to 55b10f6 Compare July 21, 2025 14:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant