Skip to content

feat(assetcard): remove modifiers from the API [SWC-1264] #4258

New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 22, 2025
+146 −308
Merged

feat(assetcard): remove modifiers from the API [SWC-1264] #4258

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .changeset/weak-colts-divide.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
"@spectrum-css/alertdialog": major
"@spectrum-css/asset": major
"@spectrum-css/assetcard": major
"@spectrum-css/well": major
---

Expand Down
149 changes: 31 additions & 118 deletions components/assetcard/dist/metadata.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,15 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-AssetCard",
".spectrum-AssetCard .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard .spectrum-AssetCard-selectionOrder",
".spectrum-AssetCard .spectrum-Checkbox-box:before",
".spectrum-AssetCard--checkboxSelection .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard--checkboxSelection .spectrum-AssetCard-selectionIndicator .spectrum-AssetCard-selectionOrder",
".spectrum-AssetCard--checkboxSelection.is-selected .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard--checkboxSelection:focus-visible .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard--checkboxSelection:hover .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard--highlightSelection.is-selected .spectrum-AssetCard-asset",
".spectrum-AssetCard--highlightSelection:where(.is-selected) .spectrum-AssetCard-asset",
".spectrum-AssetCard--orderedSelection .spectrum-AssetCard-selectionIndicator",
".spectrum-AssetCard--orderedSelection .spectrum-AssetCard-selectionIndicator .spectrum-AssetCard-checkbox",
".spectrum-AssetCard--orderedSelection.is-selected .spectrum-AssetCard-selectionIndicator",
Expand All @@ -23,166 +25,77 @@
".spectrum-AssetCard-selectionOrder",
".spectrum-AssetCard-selectionOverlay",
".spectrum-AssetCard-title",
".spectrum-AssetCard.is-drop-target .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-drop-target",
".spectrum-AssetCard.is-drop-target .spectrum-AssetCard-selectionOverlay",
".spectrum-AssetCard.is-drop-target:active .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-drop-target:hover .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-selected .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-drop-target:active",
".spectrum-AssetCard.is-drop-target:hover",
".spectrum-AssetCard.is-selected",
".spectrum-AssetCard.is-selected .spectrum-AssetCard-selectionOverlay",
".spectrum-AssetCard.is-selected .spectrum-Checkbox-box:before",
".spectrum-AssetCard.is-selected:active .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-selected:hover .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard:active .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard:focus-visible .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard.is-selected:active",
".spectrum-AssetCard.is-selected:hover",
".spectrum-AssetCard:active",
".spectrum-AssetCard:focus-visible",
".spectrum-AssetCard:focus-visible .spectrum-AssetCard-assetContainer:before",
".spectrum-AssetCard:focus-visible .spectrum-Checkbox-box:before",
".spectrum-AssetCard:hover .spectrum-AssetCard-assetContainer:after",
".spectrum-AssetCard:hover .spectrum-Checkbox-box:before",
".spectrum-AssetCard:hover",
".spectrum-AssetCard:lang(ja)",
".spectrum-AssetCard:lang(ko)",
".spectrum-AssetCard:lang(zh)"
],
"modifiers": [
"--mod-assectcard-border-color-selected-down",
"--mod-assectcard-focus-indicator-color",
"--mod-assetcard-asset-animation-duration",
"--mod-assetcard-asset-container-border-size",
"--mod-assetcard-asset-size",
"--mod-assetcard-background-color",
"--mod-assetcard-border-color",
"--mod-assetcard-border-color-down",
"--mod-assetcard-border-color-hover",
"--mod-assetcard-border-color-selected",
"--mod-assetcard-border-color-selected-hover",
"--mod-assetcard-border-radius",
"--mod-assetcard-content-font-family",
"--mod-assetcard-content-font-size",
"--mod-assetcard-content-font-style",
"--mod-assetcard-content-font-weight",
"--mod-assetcard-content-letter-spacing",
"--mod-assetcard-content-line-height",
"--mod-assetcard-content-margin-block-start",
"--mod-assetcard-content-text-color",
"--mod-assetcard-focus-indicator-thickness",
"--mod-assetcard-focus-ring-border-radius",
"--mod-assetcard-focus-ring-gap",
"--mod-assetcard-header-content-font-family",
"--mod-assetcard-header-content-font-size",
"--mod-assetcard-header-content-font-stlye",
"--mod-assetcard-header-content-font-weight",
"--mod-assetcard-header-content-letter-spacing",
"--mod-assetcard-header-content-line-height",
"--mod-assetcard-header-content-text-color",
"--mod-assetcard-header-margin-block-start",
"--mod-assetcard-overlay-background-color",
"--mod-assetcard-selectionindicator-background-color-default",
"--mod-assetcard-selectionindicator-background-color-ordered",
"--mod-assetcard-selectionindicator-border-radius",
"--mod-assetcard-selectionindicator-color",
"--mod-assetcard-selectionindicator-font-size",
"--mod-assetcard-selectionindicator-font-weight",
"--mod-assetcard-selectionindicator-margin",
"--mod-assetcard-selectionindicator-size",
"--mod-assetcard-title-font-family",
"--mod-assetcard-title-font-size",
"--mod-assetcard-title-font-style",
"--mod-assetcard-title-font-weight",
"--mod-assetcard-title-letter-spacing",
"--mod-assetcard-title-line-height",
"--mod-assetcard-title-text-color"
".spectrum-AssetCard:lang(zh)",
".spectrum-AssetCard:where(.spectrum-AssetCard--orderedSelection) .spectrum-AssetCard-selectionIndicator"
],
"modifiers": [],
"component": [
"--spectrum-assetcard-asset-animation-duration",
"--spectrum-assetcard-asset-container-border-size",
"--spectrum-assetcard-asset-size",
"--spectrum-assetcard-background-color",
"--spectrum-assetcard-border-color",
"--spectrum-assetcard-border-color-down",
"--spectrum-assetcard-border-color-hover",
"--spectrum-assetcard-border-color-selected",
"--spectrum-assetcard-border-color-selected-down",
"--spectrum-assetcard-border-color-selected-hover",
"--spectrum-assetcard-border-radius",
"--spectrum-assetcard-content-font-family",
"--spectrum-assetcard-content-font-size",
"--spectrum-assetcard-content-font-style",
"--spectrum-assetcard-content-font-weight",
"--spectrum-assetcard-content-letter-spacing",
"--spectrum-assetcard-content-line-height",
"--spectrum-assetcard-content-margin-block-start",
"--spectrum-assetcard-content-text-color",
"--spectrum-assetcard-focus-indicator-thickness",
"--spectrum-assetcard-focus-ring-border-radius",
"--spectrum-assetcard-focus-ring-gap",
"--spectrum-assetcard-header-content-font-family",
"--spectrum-assetcard-header-content-font-size",
"--spectrum-assetcard-header-content-font-style",
"--spectrum-assetcard-header-content-font-weight",
"--spectrum-assetcard-header-content-letter-spacing",
"--spectrum-assetcard-header-content-line-height",
"--spectrum-assetcard-header-content-text-color",
"--spectrum-assetcard-header-margin-block-start",
"--spectrum-assetcard-overlay-background-color",
"--spectrum-assetcard-selectionindicator-background-color-default",
"--spectrum-assetcard-selectionindicator-background-color-ordered",
"--spectrum-assetcard-selectionindicator-blur",
"--spectrum-assetcard-selectionindicator-border-radius",
"--spectrum-assetcard-selectionindicator-box-shadow-color",
"--spectrum-assetcard-selectionindicator-color",
"--spectrum-assetcard-selectionindicator-font-size",
"--spectrum-assetcard-selectionindicator-font-weight",
"--spectrum-assetcard-selectionindicator-margin",
"--spectrum-assetcard-selectionindicator-offset-y",
"--spectrum-assetcard-selectionindicator-size",
"--spectrum-assetcard-title-font-family",
"--spectrum-assetcard-title-font-size",
"--spectrum-assetcard-title-font-style",
"--spectrum-assetcard-title-font-weight",
"--spectrum-assetcard-title-letter-spacing",
"--spectrum-assetcard-title-line-height",
"--spectrum-assetcard-title-text-color"
"--spectrum-assetcard-title-font-size"
],
"global": [
"--spectrum-animation-duration-100",
"--spectrum-assestcard-focus-indicator-color",
"--spectrum-blue-1000",
"--spectrum-blue-900",
"--spectrum-body-cjk-font-style",
"--spectrum-body-cjk-font-weight",
"--spectrum-body-cjk-line-height",
"--spectrum-body-line-height",
"--spectrum-body-sans-serif-font-weight",
"--spectrum-bold-font-weight",
"--spectrum-border-width-100",
"--spectrum-card-selection-background-size",
"--spectrum-cjk-font-family-stack",
"--spectrum-cjk-letter-spacing",
"--spectrum-corner-radius-100",
"--spectrum-default-font-style",
"--spectrum-drop-shadow-blur",
"--spectrum-drop-shadow-color-200",
"--spectrum-drop-shadow-y-200",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-400",
"--spectrum-gray-500",
"--spectrum-gray-600",
"--spectrum-gray-700",
"--spectrum-gray-75",
"--spectrum-gray-75-rgb",
"--spectrum-gray-900",
"--spectrum-heading-cjk-font-style",
"--spectrum-heading-cjk-font-weight",
"--spectrum-heading-cjk-line-height",
"--spectrum-heading-cjk-size-xs",
"--spectrum-heading-line-height",
"--spectrum-heading-sans-serif-font-weight",
"--spectrum-line-height-100",
"--spectrum-line-height-200",
"--spectrum-heading-size-s",
"--spectrum-heading-size-xs",
"--spectrum-heading-size-xxs",
"--spectrum-sans-font-family-stack",
"--spectrum-spacing-300",
"--spectrum-spacing-75",
"--spectrum-transparent-black-300",
"--spectrum-stack-item-selected-background-color-emphasized",
"--spectrum-transparent-black-25",
"--spectrum-white"
],
"passthroughs": [],
"high-contrast": [
"--highcontrast-assectcard-border-color-selected-down",
"--highcontrast-assetcard-border-color-hover",
"--highcontrast-assetcard-border-color-selected",
"--highcontrast-assetcard-border-color-selected-hover",
"--highcontrast-assetcard-selectionindicator-background-color-ordered",
"--highcontrast-assetcard-selectionindicator-color"
]
"high-contrast": []
}
Loading
Loading